/* added by mark */

.btmpad10 {
  padding-bottom: 10px;
}

.toppad50 {
  padding-top: 54px;
}

img.LA_highlight {
  background-color: #FF6666;
  padding: 3px;
}

#rolemodelsHead {
  background-image: url(images/leftnav_rolemodels.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -9999px;
  width: 179px;
  height: 58px;
  margin-bottom: 0;
  margin-top: 0;
}

.hofPad {
  padding: 20px;
  color :#FFF;
  width: 690px;
}

.sub-heading {
  font-size: 1.6em;
}

.hofPad #hofDetailLeft {
  width: 490px;
}

.hofPad #hofDetailRight {
  position: absolute; 
  left: 525px; 
  width: 190px; 
  top: 20px; 
  z-index: 50;
}

.hofPad .hofDesc {
  background-image: url(/images/hof_bg.gif); 
  background-position: left -22px; 
  padding: 15px;
}

.hofPad .hofDescPad {
  padding: 10px; 
  background-color: #FFF
}

.hofPad #hof_thumbs {
  list-style-type: none;
  display: inline;
}

.hofPad #hof_thumbs li {
  height: 200px;
  float: left;
  display: block;
  margin-right: 8px;
}

.hofPad #hof_thumbs li img {
  border: 5px solid #FFF;
}

.hofPad #hof_thumbs li .model-thumb {
  display: block;
}

.hofPad .jobTitle {
  background-color: #FEE265;
  color: #000;
  display: block;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
}

.hofPad #hof_thumbs a:link, .hofPad #hof_thumbs a:visited, .hofPad #hof_thumbs a:hover, .hofPad #hof_thumbs a:active {
  text-decoration: none;
}

.hofPad #role-model-text {
  color: #FF6766; 
  font-size: 2em; 
  text-align: center; 
  line-height: 0.9em; 
  text-transform: uppercase;
}

.hofPad #role-model-text .role-model-name {
  color: #FEE265;
}

.hofPad #comments {
  border-top: 1px dotted #FEE265;
  padding-top: 10px;
  padding-left: 2px;
}

.hofPad .hofDetailPhoto {
  border: 5px solid #FFF;
}

.hofPad #hofMenu {
  list-style-type: none;
  margin: 0;
}

.hofPad #hofMenu li {
  border-bottom: 1px dotted #333;
}

.hofPad #hofMenu li.disabled img {
  opacity: 0.6;
  filter: alpha(opacity=60);  
}

.hofPad #hofMenu li#hof_nav_contact {
  margin-bottom: 10px;
  border-bottom-width: 0px;
}

.hofPad #hofMenu li#hof_nav_transcript {
  border-top: 1px dotted #333;
}

.hofPad #hofMenu li#hof_nav_browse {
  border-bottom-width: 0px;
  margin-top: 10px;
}

.hofPad #hofMenu li a:active, .hofPad #hofMenu li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#popup-contact {
  padding: 15px;
  padding-top: 0;
  height: auto;
}

#hof-contact {
  font-size: 1.3em;
  text-align: left;
}

#popup-contact form label {
  width: 5em;
  float: left;
  font-weight: bold;
}

#popup-contact form input {
  width: 250px;
  border: 1px solid #666;
  background-color: #FFF;
  padding: 1px;
}

#popup-contact form input.submit {
  width: auto;
}

#popup-contact form textarea {
  width: 250px;
  height: 130px;
  border: 1px solid #666;
  background-color: #FFF;
  padding: 1px;
}

#popup-contact form div {
  margin-bottom: 1em;
}

#content .hofPad h3.title {
  font-size: 16px;
  line-height: 31px;
  margin: 0;
  color: #000;
}

#content .hofPad .sIFR-active h3.title {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}

#hof-sortable { 
  margin: 0; 
  padding: 0; 
  width: 400px;
  list-style-type: none;
}

#hof-sortable li { 
  margin: 0 5px 5px 20px; 
  padding: 5px; 
  height: 1.5em;
  border: 1px solid #FF6668;
  background-color: #F0AA28;
  cursor: pointer;
  font-weight: bold;
}

#hof-sortable li { 
  height: 1.5em; 
  line-height: 1.2em; 
}

#hof-sortable li.ui-state-highlight { 
  height: 1.5em; 
  line-height: 1.2em; 
  background-color: #C1B684;
  border-color: #999;
}

#hof-update-success {
  border: 1px solid #900;
  background-color: #FF6668;
  height: 1.5em;
  padding: 5px; 
  color: #FFF;
  display: none;
}

body .bubble {
  font-size: 1.3em;
  display: none;
  color: #FFF;
}

body .bubble strong {
  color: #FEE265;
}
/* -------------- */

* {
  padding: 0;
  margin: 0;
}

html {
  font-size: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: Arial, Helvetica, Tahoma;
  height: 100%;  
  background-color: #FFF;
  text-align: center;
}

a {
  outline: none;
}

p {
  font-size: 1em;
  margin-top: 0;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1em;
}

hr {
  color: #333;
  background-color: #333;
  height: 1px;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 1em;
  margin-top: 1em;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 1em 0;
}

img, fieldset {
  border: 0;
}

legend {
  display: none;
}

input, select, th, td, textarea {
  font-size: 1em;
  font-family: Arial, Helvetica, Tahoma;
}

textarea {
  padding: 0.1em;
}

select {
  background-color: #FEE265;
  border: 1px solid #FF6668;
  color: #000;
}

option {
  color: #000;
}

.genericForm select.smallDropdown {
  font-size: 1em;
}

#container {
  width: 1000px;
  margin: 0px auto;
  background-color: #FFF;
  color: #000;
  text-align: left;
  background-image: url(images/bg_sides.gif);
  background-position: center 183px;
  background-repeat: repeat-y;
}

#top {
  background-image: url(images/bg_top.gif);
  background-position: center 100px;
  background-repeat: no-repeat;
  background-color: #FFF;
  position: relative;
  height: 183px;
  font-size: 1.3em;
}

#header {
  background-image: url(images/header.jpg);
  background-position: 40px 10px;
  background-repeat: no-repeat;
  height: 100px;
  width: 500px;
}

#header h1 {
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}

#header a {
  display: block;
  width: 440px;
  height: 100px;
}

#links {
  background-image: url(images/sign_up_login.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 22px;
  width: 121px;
  position: absolute;
  top: 50px;
  right: 60px;
  text-indent: -9999px;
}

#links.logout {
  background-image: url(images/top_log_out.jpg);
  width: 59px;
}

#sign-up-link {
  position: absolute;
  display: block;
  width: 55px;
  height: 18px;
  padding: 2px;
  top: 0;
  left: 0;
}

#login-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 47px;
  height: 18px;
  padding: 2px;
}

#logout-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 55px;
  height: 18px;
  padding: 2px;
}

#selectForum {
  position: absolute;
  top: 152px;
  left: 39px;
  width: 180px;
}

#selectForum select, .forumSel {
  width: 180px;
}

#selectedForum {
  color: #FEE265;
  font-size: 0.9em;
}

#reselectForum {
  font-weight: bold;
  cursor: pointer;
}

#reselectForum img {
  vertical-align: middle;
}

#reselectList {
  display: none;
  position: absolute;
  left: 40px;
  top: 20px;
}

#reselectList ul {
  width: 140px;
  background-color: #FEE265;
  list-style-type: none; 
  border-bottom: 1px dashed #333;
}

#reselectList li {
  border-top: 1px dashed #333;
  padding: 2px;
}

#reselectList li a:link {
  display: block;
  color: #000;
  text-decoration: underline;
}

#reselectList li a:hover, #reselectList li a:active {
  display: block;
  color: #000;
}

#reselectList li a:visited {
  display: block;
  color: #333;
  text-decoration: underline;
}

#menu {
  position: absolute;
  left: 230px;
  top: 152px;
  height: 22px;
}

#menu ul {
  display: inline;
  list-style-type: none; 
}

#menu li {
  display: block;
  float: left;
  height: 22px;
}

#menu li a {
  display: block;
  min-height: 1em; /* Fixes IE7 whitespace bug*/
  background-position: center top;
  background-repeat: no-repeat;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  height: 22px;
}

#menu li a:hover {
  background-position: center bottom;
}

#menu #home a {
  text-indent: -9999px;
  background-image: url(images/menu_home.jpg);
  width: 57px;
}

#menu #about a {
  text-indent: -9999px;
  background-image: url(images/menu_about.jpg);
  width: 69px;
}

#menu #news a {
  text-indent: -9999px;
  background-image: url(images/menu_news.jpg);
  width: 55px;
}

#menu #role-models a {
  text-indent: -9999px;
  background-image: url(images/menu_role.jpg);
  width: 90px;
}

#menu #media a {
  text-indent: -9999px;
  background-image: url(images/menu_media.jpg);
  width: 111px;
}

#menu #discussion a {
  text-indent: -9999px;
  background-image: url(images/menu_discussion.jpg);
  width: 85px;
}

#menu #profiles a {
  text-indent: -9999px;
  background-image: url(images/menu_profiles.jpg);
  width: 69px;
}

#menu #calendar a {
  text-indent: -9999px;
  background-image: url(images/menu_calendar.jpg);
  width: 80px;
}

#menu #contact-us a {
  text-indent: -9999px;
  background-image: url(images/menu_contact_us.jpg);
  width: 91px;
  margin-left: 25px;
  padding-left: 5px;
  margin-right: 0px;
  padding-right: 0px;
}

#mainContent {
  width: 925px;
  margin-left: 39px;
  margin-right: 39px;
  background-color: #000;
}

#leftNav {
  float: left;
  width: 180px;
  font-size: 1.2em;
  color: #FFF;
}

#leftNav a:link {
  color: #FEE265;
  text-decoration: none;
}

#leftNav a:visited {
  color: #FEB465;
  text-decoration: none;
}

#leftNav a:hover, #leftNav a:active {
  color: #FEE265;
  text-decoration: underline;
}

#content a:link {
  color: #1B1D1F;
  text-decoration: underline;
}

#content a:visited {
  color: #333;
  text-decoration: underline;
}

#content a:hover, #content a:active {
  color: #FF6668;
  text-decoration: none;
}

.leftBox {
  padding: 5px;
}

#login p {
  margin-bottom: 0.8em;
  padding: 0;
}

#login label {
  color: #FEE265;
  font-weight: bold;
  margin-top: 0.5em;
}

#login input {
  color: #FFF;
  background-color: #1B1D1F;
  border: 1px solid #FFF;
  width: 139px;
  height: 17px;
  margin-top: 0.4em;
  padding-left: 2px;
}

#login input.radio {
  color: #FFF;
  background-color: #1B1D1F;
  border: 1px solid #FFF;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
}

#login #submit {
  color: #000;
  border: 0;
  background-color: #FEE265;
  width: 77px;
  height: 23px;
  margin: 0;
  padding: 0;
}

#login label.rememberLabel {
  color: #FFF;
  font-weight: normal;
}

#idBox {
  position: relative;
  height: 50px;
  margin-bottom: 1.5em;
}

#idStatus {
  color: #FFF;
}

#idBox p {
  margin-top: 0;
  margin-bottom: 0.5em;
}

#idBox img {
  border: 1px solid #000;
  float: left;
  margin-right: 10px;
}

#idImg:hover {
  cursor: pointer;
}

#idChange {
  display: none;
  position: absolute;
  top: 40px;
  left: 40px;
  width: 10em;
}

#idChange ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #FEE265;
  width: 10em;
}

#idChange li {
  display: block;
  color: #000;
  border-bottom: 1px dotted #320700;
  width: 10em;
  background-position: 4px 2px;
  background-repeat: no-repeat;
}

#idChange li a {
  display: block;
  padding: 0.4em;
  width: 8.9em;
  padding-left: 30px;
}

#idChange #user1_bg {
  background-image: url(images/ico_1_s.jpg);
}

#idChange #user2_bg {
  background-image: url(images/ico_2_s.jpg);
}

#idChange #user3_bg {
  background-image: url(images/ico_3_s.jpg);
}

#idChange #user4_bg {
  background-image: url(images/ico_4_s.jpg);
}

#idChange #user5_bg {
  background-image: url(images/ico_5_s.jpg);
}

#idChange #user6_bg {
  background-image: url(images/ico_6_s.jpg);
}

#idChange li a:link {
  color: #000;
}

#idChange li a:visited {
  color: #333;
}

#idChange li a:active, #idChange li a:active {
  text-decoration: underline;
}

.starPic {
  margin: 0;
  text-align: center;
}

.starPic img {
  margin-bottom: 1em;
}

.starName {
  font-weight: bold;
  font-size: 1.2em;
}

#testimonials {
  height: 225px;
  margin-top: auto;
  margin-bottom: auto;
}

#testimonials img {
  display: none;
}

#spotlightHead {
  background-image: url(images/leftnav_spotlight.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -9999px;
  width: 179px;
  height: 58px;
  margin-bottom: 0;
  margin-top: 0;
}

#ourFriendsHead {
  background-image: url(images/leftnav_ourfriends.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -9999px;
  height: 20px;
}

#ourFriendsHead.of_1 {
  background-image: url(images/leftnav_friends_1.jpg);
}

#ourFriendsHead.of_2 {
  background-image: url(images/leftnav_friends_2.jpg);
}

#ourFriendsHead.of_3 {
  background-image: url(images/leftnav_friends_3.jpg);
}

#ourFriendsHead.of_4 {
  background-image: url(images/leftnav_friends_4.jpg);
}

#ourFriendsHead.of_5 {
  background-image: url(images/leftnav_friends_5.jpg);
}

#ourFriendsHead.of_6 {
  background-image: url(images/leftnav_friends_6.jpg);
}

#ourFriendsHead.of_7 {
  background-image: url(images/leftnav_friends_7.jpg);
}

#ourFriendsHead.of_8 {
  background-image: url(images/leftnav_friends_8.jpg);
}

#ourFriends {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}

#ourFriends li {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  height: 21px;
  line-height: 21px;
  margin-bottom: 3px;
}

#ourFriends li a {
  display: block;
  padding-left: 30px;
  height: 21px;
}

#ourFriends li a:link {
  color: #FFF;
  text-decoration: underline;
}

#ourFriends li a:visited {
  color: #CCC;
  text-decoration: underline;
}

#ourFriends li a:active, #ourFriends li a:hover {
  color: #FFF;
  text-decoration: none;
}

#ourFriends li {
  background-image: url(images/of_l1.jpg);
}

#content {
  margin-left: 190px;
  border: 1px solid #1B1D1F;
  font-size: 1.2em;
  position: relative;
  width: 730px;
}

#content p {
  line-height: 1.5em;
}

#content h2 {
  padding: 0;
  margin: 0;
  padding-left: 21px;
  padding-right: 21px;
  line-height: 38px;
  height: 38px;
  background-color: #00162b;
  font-weight: normal;
  font-size: 1.2em;
  color: #FFF;
}

#content h3 {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

#content ul {
  margin-left: 3em;
}

#content .leftCol {
  float: left;
  width: 510px;
}

#content .rightCol {
  float: right;
  width: 152px;
  padding-left: 8px;
}

#about_u1, #about_u2, #about_u2, #about_u3, #about_u4, #about_u5, #about_u6, #content .hide {
  display: none;
}

#content .show {
  display: block;
}

.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
}

.mainPad {
  padding: 25px;
  padding-top: 0px;
  padding-bottom: 8px;
  margin: 0;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background-color: #FEE265;
  width: 680px;
}

.grey {
  color: #444;
}

.galleryBox {
  float: left;
  padding-right: 13px;
  padding-top: 1px;
  padding-bottom: 5px;
  width: 108px;
  text-align: center;
}

.galleryBox a:link img, .galleryBox a:visited img, .galleryTable a:link img, .galleryTable a:visited img {
  border: 4px solid #FFF;
}

.galleryBox a:active img, .galleryBox a:hover img, .galleryTable a:active img, .galleryTable a:hover img {
  border: 4px solid #CCC;
}

.galleryTable {
  width: 100%;
}

.galleryTable td {
  padding-bottom: 0.5em;
}

#editGalPhotos th {
  font-size: 1.2em;
}

#editGalPhotos img {
  border: 4px solid #FFF;
}

#editGalPhotos table {
  border-collapse: collapse;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#editGalPhotos td, #editGalPhotos th {
  padding: 4px;
  border: 1px solid #000;
  text-align: left;
}

#uploadingMessage {
  border: 1px solid #C00;
  background-color: #CCC;
  padding: 10px;
  margin-top: 5px;
}

#tinymce {
  font-size: 0.9em;
  text-align: left;
  background-color: #FEE265;
  padding-left: 10px;
  padding-right: 10px;

}

#errorList {
  list-style-type: disc;
  margin-left: 20px;
}

#footer {
  height: 206px;
  width: 1003px;
  background-image: url(images/bg_bottom.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #FFF;
  position: relative;
}

#sign-up-footer {
  position: absolute;
  bottom: 40px;
  width: 960px;
  height: 88px;
  text-indent: -9999px;
  background-image: url(images/sign_up_footer.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  margin-left: 40px;
}

#sign-up-footer h2 {
  margin: 0;
  padding: 0;
}

#sign-up-footer h2 a {
  display: block;
  width: 920px;
  height: 100px;
}

#sign-up-footer p {
  display: none;
}

#fLinks {
  position: absolute;
  top: 176px;
  left: 80px;
  font-size: 1.3em;
}

#fLinks.splash {
  top: 116px;
}

#fLinks ul {
  list-style-type: none; 
  display: inline;
}

#fLinks li.first {
  border-left: 0;
}

#fLinks li {
  color: #666;
  display: block;
  float: left;
  border-left: 1px solid #939393;
  padding-left: 15px;
  padding-right: 15px;
}

#fLinks a:link {
  color: #666;
  text-decoration: none;
}

#fLinks a:visited {
  color: #888;
  text-decoration: none;
}

#fLinks a:hover, #fLinks a:active {
  text-decoration: underline;
}

#videoBar {
  width: 500px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top : 4px;
  padding-right : 4px;
  padding-left : 4px;
  padding-bottom : 0px;
  text-align: left;
}

#content .mediaResource {
  padding-top: 10px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #333;
  min-height: 110px;
}

#content .mediaResource img {
  float: left;
  margin-right: 10px;
  border: 4px solid #FFF;
}

#content .mediaResource h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.genericForm .sm, #popup-contact .sm {
  font-size: 0.7em;
}

#contactsForm input, #registerForm input, #loginForm input, .genericForm input {
  width: 150px;
  border: 1px solid #666;
  background-color: #FFF;
  color: #021626;
  padding: 1px;
  font-size: 1.3em;
  padding-left: 2px;
}

#registerForm input.long, .genericForm input.long {
  width: 300px;
}

#registerForm input.reset-width, .genericForm input.reset-width, input.reset-width {
  width: auto;
}

.genericForm input.radio {
  border: 1px solid #FFF;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
}

.genericForm input.submit {
  width: auto;
  font-weight: bold;
}

.genericForm input.resetFont {
  font-size: 1em;
}

#registerForm select, .genericForm select {
  padding: 1px;
  width: 200px;
  font-size: 1.3em;
}

#registerForm select.timeSel, .genericForm select.timeSel {
  width: 80px;
}

#registerForm select option, .genericForm option {
  padding: 1px;
  border: 0;
}

option.optionTitle {
  font-style: italic;
}

#registerForm .divCenter, .genericForm .divCenter {
  text-align: center;
  margin: 0 auto 1.5em;
}

#registerForm input.submit {
  width: 163px;
  height: 56px;
  border: 0;
  padding: 0;
}

#contactsForm input.submit, #getInvolvedForm input.submit {
  width: 163px;
  height: 55px;
  margin-left: 400px;
  border: 0;
  padding: 0;
}

.blackBorder {
  border: 1px solid #000;
}

#contactsForm textarea, .genericForm textarea {
  width: 350px;
  height: 200px;
  background-color: #FFF;
  border: 1px solid #666;
  color: #021626;
  padding: 1px;
  font-size: 1.3em;
  padding-left: 2px;
}

.genericForm textarea.wide {
  width: 100%;
  height: 350px;
}

textarea.tinymce_replacer {
  height: 350px;
}

select#allSubscriptions, select#chosenSubscriptions {
  height: 12.5em;
  width: 10em;
  margin-right: 2em;
}

a#add-subscription, a#remove-subscription {
  display: block;
  background-color: #FFF;
  border: 1px solid #FF6668;
  text-align: center;
  width: 6em;
  margin-top: 3px;
  font-size: 1.2em;
}

a#add-subscription:link, a#add-subscription:visited, a#remove-subscription:link, a#remove-subscription:visited {
  text-decoration: none;
}

#getInvolvedError {
  font-size: 1.3em;
  color: #C00;
  font-weight: bold;
}

#getInvolvedForm {
  padding-top: 1em;
}

#getInvolvedMsg {
  padding-top: 1em;
  font-size: 1.3em;
  font-weight: bold;
}

#getInvolvedForm textarea {
  width: 350px;
  height: 100px;
  background-color: #FFF;
  border: 1px solid #666;
  color: #021626;
  padding: 1px;
  font-size: 1.3em;
  padding-left: 2px;
}

#contactsForm label, #registerForm label, #loginForm label, #getInvolvedForm label, .genericForm label, .genericForm .fakeLabel {
  width: 15em;
  float: left;
  text-align: right;
  margin-right: 1em;
  display: block;
  font-weight: bold;
  font-size: 1.3em;
}

#content .leftForm label {
  width: 5em;
}

#contactsForm div, #loginForm div, #getInvolvedForm div, .genericForm div {
  margin-bottom: 1em;
}

#fileUpload_wrap_labels div {
  text-align: center;
  margin-bottom: 0.1em;
}

#registerForm div {
  margin-bottom: 1.5em;
}

#loginForm input.submit {
  width: 8em;
  margin-left: 450px;
}

#container .highlightError input, #container .highlightError select, #container .highlightError textarea,
#popup-contact .highlightError input, #popup-contact .highlightError textarea {
  border: 1px solid #C00;
}

#container .highlightError label, #popup-contact .highlightError label {
  color: #C00;
}

#userProfile {
  overflow: auto;
  padding-top: 15px;
}

#userProfile h3 {
  margin: 0;
  color: #b24757;
  font-size: 2.1em
}

.profileImg {
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.1em;
  border: 1px solid #000;
}

.profileBox a:link img {
  border: 2px solid #FFF;
}

.profileBox a:visited img {
  border: 2px solid #CCC;
}

.profileBox a:hover img, .profileBox a:active img {
  border: 2px solid #C7A069;
}

.profileBox a.curr:link img, .profileBox a.curr:visited img {
  border: 2px solid #000;
}

.profileList {
}

.profileList h4 {
  font-weight: bold;
  float: left;
  width: 100%;
}

.profileBox {
  float: left;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 5px;
  /*width: 75px;*/
  min-width: 67px;
  min-height: 87px;
  height: 87px;
  text-align: center;
}

#profileMsgForm input {
  background-color: #FEB465;
  width: 65px;
  padding: 0.1em;
  margin-top: 0.5em;
  border: 1px solid #000;
}

#profileMsgForm textarea {
  margin-top: 10px;
  width: 650px;
  height: 90px;
  background-color: #FEB465;
  padding: 0.5em;
  border: 1px solid #000;
}

#messages, #responses, #hof-responses {
  margin-top: 10px;
}

.messageBox {
}

#responses .messageBox .pic_s, #hof-responses .messageBox .pic_s {
  width: 10%;
  min-width: 10%;
}

.messageBox .pic_s {
  float: left;
  width: 10%;
  min-width: 10%;
  margin-right: 20px;
}

#hof-responses .messageBox .pic_s {
  width: 13%;
}

#hof-responses .messageBox .pic_s img {
  border: 1px solid #FFF;
}

.messageBox .pic_s img {
  border: 1px solid #000;
}

.messageBox .messageText {
  float: left;
  width: 84%;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  margin-bottom: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-right: 10px;
}

#hof-responses .messageBox .messageText {
  width: 80%;
  border-top-color: #999;
  border-bottom-color: #999;
}

#hof-responses a:link, #hof-responses a:visited  {
  color: #999;
}

#hof-responses a:active, #hof-responses a:hover  {
  color: #FFF;
}
.messageBox .messageText h4 {
  margin: 0;
}

.messageBox .messageText .sm, .leftCol .sm {
  font-size: 0.9em;
  margin-top: 0;
}

.messageBox .messageLinks {
  font-size: 0.9em;
  float: right;
  margin: 0;
  padding: 0;
}

.readMore {
  margin-top: 0.5em;
}

.readRest {
  display: none;
}

.newsArticle {
  border-bottom: 1px dotted #333;
  margin-bottom: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
}

.newsArticle .date {
  color: #444;
  font-weight: bold;
  margin-bottom: 0.2em;
  margin-top: 0em;
  font-size: 1.1em;
}

.newsArticle h4 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}

.newsArticle .name {
  font-style: italic;
  font-size: 1.1em;
  margin-top: 0;
}

.newsArticle .name a:link {
  color: #000;
  text-decoration: underline;
}

.newsArticle .name a:visited {
  color: #333;
  text-decoration: underline;
}

.newsArticle .name a:hover, .newsArticle .name a:active {
  color: #333;
  text-decoration: underline;
}

#content .expandable {
  list-style-type: none; 
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
}

#content .expandable a {
  font-weight: bold;
}

#content .expandable ul {
  display: none;
  list-style-type: none;
  margin-left: 0;
}

#content .expandable li {
  background-position: left 0.4em;
  background-repeat: no-repeat;
  padding-left: 1em;
}

#content .expandParent {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}

#content .expandable .expandOpen {
  background-image: url(/images/down_arrow.gif);
  font-weight: bold;
  cursor: pointer;
  display: block;
}

#content #homeNews .hnReadMoreClosed, #content #youth_c .hnReadMoreClosed {
  background-image: url(/images/right_arrow.gif);
}

#content #homeNews .hnReadMoreOpen, #content #youth_c .hnReadMoreOpen {
  background-image: url(/images/down_arrow.gif);
}

#content #homeNews .hnReadMoreOpen, #content #youth_c .hnReadMoreOpen, #content #homeNews .hnReadMoreClosed, #content #youth_c .hnReadMoreClosed {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: left 0.3em;
  padding-left: 0.8em;
  margin-left: 1.2em;
  font-weight: bold;
  cursor: pointer;
  float: right;
}

#content .expandable .expandOpen li, #content .expandable .expandOpen ul {
  display: block;
}

#content .expandable .expandOpen li.expandClosed ul {
  display: none;
}

#content .expandable .expandClosed {
  background-image: url(/images/right_arrow.gif);
  font-weight: bold;
  cursor: pointer;
}

#content .expandOpen li, #content .expandClosed li {
  font-weight: normal;
  cursor: default;
}

#content .expandable .link {
  padding-left: 0.4em;
  padding-bottom: 0.2em;
  border-bottom: 1px dotted #333;
}

#content .topicBox p {
  margin-top: 0;
  color: #333;
}

#content .topicBox h3 {
  margin-bottom: 0;
}

#content .topicBox h3 em {
  color: #333;
}
.selDisc {
  margin-top: 10px;
}

.selDisc select {
  width: 220px;
}

#discForm input, #roleForm input {
  clear: both;
  background-color: #FEB465;
  width: 65px;
  padding: 0.1em;
  margin-top: 0.5em;
  border: 1px solid #000;
}

#discForm textarea, #roleForm textarea {
  width: 500px;
  height: 90px;
  background-color: #FEB465;
  padding: 0.5em;
  border: 1px solid #000;
}

#roleForm textarea {
  width: 470px;
  border: 1px solid #FF6766;
  background-color: #FEE265;
}

#roleForm input {
  border: 1px solid #FF6766;
  background-color: #FEE265;
}

#calendarPage {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}

#calendarPage .calendarHeader, #calendarPage .monthName td {
  border: 0;
  font-weight: bold;
}

#calendarPage td {
  border: 1px solid #000;
  padding: 2px;
}

#calendarPage td ul {
  padding: 0;
  margin-left: 15px;
  margin-top: 4px;
  text-align: left;
  font-size: 0.8em;
}

#calendarPage .largeCal td a {
  display: block;
}

#calendarPage td.noborder, #calendarPage .largeCal td.noborder {
  border: 0;
}

#calendarPage .largeCal td.hover, #content #calendarPage table tr td.event {
  background-color: #FFF;
}

#calendarPage .largeCal {
  margin-top: 2em;
  width: 100%;
}

#calendarPage .largeCal .calendarHeader {
  font-size: 1.3em;
  font-weight: bold;
  border: 0;
}

#calendarPage .largeCal .calendar {
  height: 100px;
}

#calendarPage .largeCal .calendarToday {
  background-color: #FEB465;
}

#calendarPage .largeCal table {
  
}

#calendarPage .largeCal td {
  border: 1px solid #000;
  padding: 2px;
  width: 14.28%;
}

#calendarPage .largeCal tr.monthName td {
  border: 0;
  width: auto;
  font-size: 2em;
}

#infoBox {
  margin: 10px;
  padding-left: 30px;
  padding-right: 40px;
}

#infoBox.active {
  border: 1px solid #FEB465;
}

#infoBox ul {
}

#infoBox li {
  margin-bottom: 20px;
}

#infoBox h3 {
  font-size: 1.5em;
}

#infoBox h4 {
  font-size: 1.3em;
}

.prevCal {
  left: 0;
  top: 0;
}

.nextCal {
  position: absolute;
  right: 0;
  top: 0;
}

.blockUI {
  font-size: 1.3em;
}

.pageNumbers {
  text-align: center;
}

.backLink {
  clear: both;
}

body .playerInnerBox_gsvb .player_gsvb {
  width: 480px;
  height: 380px;
}

body .resultTable_gsvb {
  width: 500px;
}

body .floatingPlayerBox_gsvb, body .floatingPlayer_gsvb {
  position: fixed;
}

body .playerBox_gsvb div.alldone_gsvb        { color : #C33; }
body .playerBox_gsvb a.title_gsvb            { color : #C33; }

body .playerBox_gsvb div.alldone_gsvb:hover  { color : #333; }
body .playerBox_gsvb a.title_gsvb:hover      { color : #333; }
body .resultsBox_gsvb div.resultDiv_gsvb     { border-color : #FFF; }

#splashContainer {
  width: 1000px;
  padding: 40px;
  padding-top: 0;
  margin: 0px auto;
  background-color: #FFF;
  color: #000;
  text-align: left;
}

#top.splash {
  background-image: none;
  height: 100px;
}

#main {
  margin: 0 60px;
}

#main h2 {
  margin: 0;
  padding: 0;
  display: block;
  height: 100px;
  width: 870px;
  background-image: url(images/splash_intro.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999px;
  margin-bottom: 20px;
}

#footer.splash {
  background-image: none;
  height: 100px;
}

#footer.splash #sign-up-footer {
  background-position: left top;
  margin-left: 60px;
  bottom: 0;
}

#splashSelect {
  background-image: url(images/splash_select.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 870px;
  height: 77px;
}

#splashSelect form {
  padding-left: 615px;
  padding-top: 50px;
}

#splashSelect select {
  font-size: 1.3em;
  width: 200px;
  padding: 1px;
}

.underline {
  text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.errorText {
  color: #C00;
}

.imgCenter {
  display: block; 
  margin: 0 auto; 
  text-align: center; 
}

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

a.external:link {
  color: #000;
  background: url(/images/external_icon.gif) no-repeat 100% 0;
  padding: 0 17px 0 0;
} 

a.external:visited {
  color: #333;
  background: url(/images/external_icon.gif) no-repeat 100% -100px;
  padding: 0 17px 0 0;
} 

a.external:hover {
  color: #C00;
  background: url(/images/external_icon.gif) no-repeat 100% -200px;
  padding: 0 17px 0 0;
} 

table.jCalendar {
  border: 1px solid #000;
  background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
}
table.jCalendar td {
  background: #ccc;
  color: #000;
  padding: 3px 5px;
  text-align: center;
}
table.jCalendar td.other-month {
  background: #ddd;
  color: #aaa;
}
table.jCalendar td.today {
  background: #666;
  color: #fff;
}
table.jCalendar td.selected {
  background: #f66;
  color: #fff;
}
table.jCalendar td.selected:hover {
  background: #f33;
  color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
  background: #fff;
  color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
  background: #bbb;
  color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
  position: relative;
  background: #ccc;
  font-size: 10px;
  font-family: arial, sans-serif;
  padding: 2px;
  width: 171px;
  line-height: 1.2em;
}
div#dp-popup {
  position: absolute;
  z-index: 199;
}
div.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
a#dp-close:hover {
  text-decoration: underline;
}
div.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a {
  float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}
div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a {
  float: right;
}
div.dp-popup a.disabled {
  cursor: default;
  color: #aaa;
}
div.dp-popup td {
  cursor: pointer;
}
div.dp-popup td.disabled {
  cursor: default;
}

#content div.dp-popup h2 {
  height: 1em;
  line-height: 1em;
}

a.dp-choose-date {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 5px 3px 0;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
  width: 140px;
  float: left;
}

.thumbOverlay {
  float:left; 
  position:relative; 
  overflow:hidden; 
  width:67px; 
  height:68px;
}