/* Body Style */ body { margin: 0%; top: 0px; left: 0px; background-color: #2F271A; color: #000000; position: static; height: 100%; } .norepeat { background-attachment: scroll; background-repeat: no-repeat;} .mid_body_table {width:97%; height:auto; background-color:#FFFFFF; padding:6px; border:1px solid #000000;} .section_headers { background-color:#d2fca5; padding:5px; border-bottom:2px solid #90cc50; font-size: 14px; font-weight: bold; } /* Heading Styles */ h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold} h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 16px; font-weight: bold} h3 { font-family: Arial, Helvetica, sans-serif ; font-size: 12px; font-weight: bold} h4 { font-family: Arial, Helvetica, sans-serif ; font-size: 10px; font-weight: bold} /* List Styles */ ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px;} ol { font-family: Arial, Helvetica, sans-serif; font-size: 12px } /* Link Styles */ a { color: #4D83B5; text-decoration: none; margin: 0% ; font-weight: bold; font-family: Arial, Helvetica, sans-serif} a:hover {color: #4D83B5; text-decoration:underline} a.alt-white-blk {color: #FFFFFF; } a.alt-white-blk:hover {color: #000000; } a.alt-black_blckundr {color: #000000; } a.alt-black_blckundr:hover {color: #000000; text-decoration: underline;} a.alt-white_whiteundr {color: #FFFFFF; } a.alt-white_whiteundr:hover {color: #FFFFFF; text-decoration: underline;} a.pdf {background: transparent url(/images/pdf_logo_sm.gif) no-repeat scroll right center; padding-right: 18px; } /* Paragraph and Text Styles */ p { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; padding: 0px; margin: 0px;} .copyright { font-size: 10px; font-style: italic} .p11 { font-size: 11px; } .p10 { font-size: 10px; font-weight: bold; } .p12 { font-size: 12px; } .p13 { font-size: 13px; font-weight: bold; } .p14 { font-size: 14px; font-weight: bold; } .p16 { font-size: 16px; font-weight: bold; } .p18 { font-size: 18px; font-weight: bold; } .p20 { font-size: 20px; font-weight: bold; } .p22 { font-size: 22px; font-weight: bold; } .p24 { font-size: 24px; font-weight: bold; } .p11-black { font-size: 11px; font-weight: bold; color: #000000; } .p12-black { font-size: 12px; font-weight: bold; color: #000000; } .p14-black { font-size: 14px; font-weight: bold; color: #000000; } .p16-black { font-size: 16px; font-weight: bold; color: #000000; } .p18-black { font-size: 18px; font-weight: bold; color: #000000; } .p20-black { font-size: 20px; font-weight: bold; color: #000000; } .p22-black { font-size: 22px; font-weight: bold; color: #000000; } .p24-black { font-size: 24px; font-weight: bold; color: #000000; } .p11-white { font-size: 11px; font-weight: bold; color: #FFFFFF; } .p11-white-reg { font-size: 11px; color: #FFFFFF; } .p12-white { font-size: 12px; font-weight: bold; color: #FFFFFF; } .p12-white-reg { font-size: 12px; color: #FFFFFF; } .p14-white { font-size: 14px; font-weight: bold; color: #FFFFFF; } .p16-white { font-size: 16px; font-weight: bold; color: #FFFFFF; } .p18-white { font-size: 18px; font-weight: bold; color: #FFFFFF; } .p20-white { font-size: 20px; font-weight: bold; color: #FFFFFF; } .p22-white { font-size: 22px; font-weight: bold; color: #FFFFFF; } .p24-white { font-size: 24px; font-weight: bold; color: #FFFFFF; } .p11-brwn_med { font-size: 11px; font-weight: bold; color: #767060; } .p11-brwn_med-reg { font-size: 11px; color: #767060; } .p12-brwn_med { font-size: 12px; font-weight: bold; color: #767060; } .p12-brwn_med-reg { font-size: 12px; color: #767060; } .p14-brwn_med { font-size: 14px; font-weight: bold; color: #767060; } .p16-brwn_med { font-size: 16px; font-weight: bold; color: #767060; } .p18-brwn_med { font-size: 18px; font-weight: bold; color: #767060; } .p20-brwn_med { font-size: 20px; font-weight: bold; color: #767060; } .p22-brwn_med { font-size: 22px; font-weight: bold; color: #767060; } .p24-brwn_med { font-size: 24px; font-weight: bold; color: #767060; } .p11-blue_med { font-size: 11px; font-weight: bold; color: #485A68; } .p11-blue_med-reg { font-size: 11px; color: #485A68; } .p12-blue_med { font-size: 12px; font-weight: bold; color: #485A68; } .p12-blue_med-reg { font-size: 12px; color: #485A68; } .p14-blue_med { font-size: 14px; font-weight: bold; color: #485A68; } .p16-blue_med { font-size: 16px; font-weight: bold; color: #485A68; } .p18-blue_med { font-size: 18px; font-weight: bold; color: #485A68; } .p20-blue_med { font-size: 20px; font-weight: bold; color: #485A68; } .p22-blue_med { font-size: 22px; font-weight: bold; color: #485A68; } .p24-blue_med { font-size: 24px; font-weight: bold; color: #485A68; } .p11-grn_med { font-size: 11px; font-weight: bold; color: #558027; } .p11-grn_med-reg { font-size: 11px; color: #558027; } .p12-grn_med { font-size: 12px; font-weight: bold; color: #558027; } .p12-grn_med-reg { font-size: 12px; color: #558027; } .p14-grn_med { font-size: 14px; font-weight: bold; color: #558027; } .p16-grn_med { font-size: 16px; font-weight: bold; color: #558027; } .p18-grn_med { font-size: 18px; font-weight: bold; color: #558027; } .p20-grn_med { font-size: 20px; font-weight: bold; color: #558027; } .p22-grn_med { font-size: 22px; font-weight: bold; color: #558027; } .p24-grn_med { font-size: 24px; font-weight: bold; color: #558027; } /* Special Text Styles */ .lk-dark-bg-yllw { font-weight: bold; color: #ffcc33; } .lk-dark-bg-yllw a {color: #ffffff; } .lk-dark-bg-yllw a:hover {color: #fff0b2; } .lk-dark-bg-yllw2 { font-weight: bold; color: #ffcc33; } .lk-dark-bg-yllw2 a {color: #ffcc00; } .lk-dark-bg-yllw2 a:hover {color: #ffffff; } .lk-light-bg-brwn-med { font-weight: bold; color: #656055; } .lk-light-bg-brwn-med a {color: #CF8733; } .lk-light-bg-brwn-med a:hover {color: #ffcc00; } /* Form Element Styles */ submit { font-family: Arial, Helvetica, sans-serif; } input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; } button { font-family: Arial, Helveita, sans-serif; } textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; } .formbox-brwn-lt { color: #CC6600; background-color: #e0d8c4; border: 1px solid #000000; padding: 2px; width: 155px; } .formbox-yllw-lt { color: #504939; background-color: #fff992; border: 1px solid #504939; padding: 2px;} .formbox-yllw { color: #000000; background-color: #ffcc00; border: 1px solid #504939; padding: 2px;} .formbox-white { color: #333333; background-color: #FFFFFF; border: 1px solid #000000; padding: 1px; width: 100px; height: 15px; } /* Div (Layer) Styles */ div { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; overflow: visible;} #hover-light-yllw:hover {background-color:#CC6600} /* HOME PAGE POSITIONING STYLES !!! CAREFUL HERE !!! */ #master { width:798px; margin-right:auto; margin-left:auto; margin-top:0px; border:1px solid #000000; background-color: #7293BC; padding:0px; text-align: left; overflow: visible; } #header { width: 798px; height:146px; z-index: 3000; overflow: visible;} #body2 { width: 798px; background-color: #7293BC; text-align:left; position:relative; margin-top:6px; margin-bottom:6px;} #footer { width: 796px; height:81px; clear:both} /* SECONDARY PAGE POSITIONING STYLES !!! CAREFUL HERE !!! */ #float_left { float:left; width: 636px; height:auto; text-align:left; padding:0px; position:relative;} #float_left_nest { float:left; width: 160px; height:auto; text-align:left; padding:0px; overflow: visible; z-index:6000;} #float_right_nest { float:right; width: 476px; height:auto; text-align:left; padding:0px; margin-left: auto; margin-right: auto;} #float_right { float:right; width: 162px; height:auto; text-align:left; padding:0px; position:relative} .listed_items { border-bottom:1px dashed #e5e5e5; line-height: 20px; } .listed_items a { text-decoration: none; font-weight:bold; background-image: url(/images/listed_gray.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; } .listed_items a:hover { text-decoration: underline; font-weight:bold; background-image: url(/images/listed_roll.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; } .listed_items_no_link { background-image: url(/images/listed_gray.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; } .listed_items_no_link_indent { background-image: url(/images/listed_gray_indent.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 13px; margin-left: 13px; } /* Menu Styles */ /* Level 0 Inner */ .basic_brwn_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #fff2b4; text-align: left; background-repeat:no-repeat; background-position:left; margin-left:1px} .basic_brwn_i_over { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #ffcc33; text-align: left; background-repeat:no-repeat; background-position:left; margin-left:1px} .lft_menu_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-image:url(http://www.lcnrd.org/clients/lcnrd/preview/images/lft_menu_repeat.jpg); text-decoration: none; font-weight:bold; padding: 5px 0px 0px 15px; color: #FFFFFF; text-align: left; height:26px} .lft_menu_i_over { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-image:url(http://www.lcnrd.org/clients/lcnrd/preview/images/lft_menu_repeat_rl.jpg); text-decoration: underline; font-weight:bold; padding: 5px 0px 0px 15px; color: #FFFFFF; text-align: left; height:26px} /* level 0 outer */ .basic_brwn_o_out { text-decoration : none; border : 1px solid #000000; background: #423b32; text-align: center;} .basic_brwn_o_over { text-decoration : none; border : 1px solid #000000; background: #504939; text-align: center;} .lft_menu_o_out { border : 1px solid #000000; text-align: center;} .lft_menu_o_over { border : 1px solid #000000; text-align: center;} /* level 1 inner */ .basic_brwn2_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFFF; text-align: left;} .basic_brwn2_i_over { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFCC; text-align: left;} .lft_menu2_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFFF; text-align: left;} .lft_menu2_i_over { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFCC; text-align: left;} /* level 1 outer */ .basic_brwn2_o_out { text-decoration : none; border : 1px solid #000000; background: #918467; text-align: center;} .basic_brwn2_o_over { text-decoration : none; border : 1px solid #000000; background: #a19475; text-align: center;} .lft_menu2_o_out { text-decoration : none; border : 1px solid #000000; background: #817C72; text-align: center;} .lft_menu2_o_over { text-decoration : none; border : 1px solid #000000; background: #656055; text-align: center;} /* level 2 inner */ .lft_menu3_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; padding: 3px 0px 3px 5px; color: #423b32;} .lft_menu3_i_over { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; padding: 3px 0px 3px 5px; color: #ffcc33;} .basic_brwn3_i_out { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFFF; text-align: left;} .basic_brwn3_i_over { font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; padding: 3px 0px 0px 3px; color: #FFFFFF; text-align: left;} /* level 2 outer */ .lft_menu3_o_out { text-decoration : none; text-align:left; border : 1px solid #000000; background: #e0d8c4; filter: alpha(opacity=85);} .lft_menu3_o_over { text-decoration : none; text-align:left; border : 1px solid #000000; background: #423b32;} .basic_brwn3_o_out { text-decoration : none; border : 1px solid #000000; background: #f09348; text-align: center;} .basic_brwn3_o_over { text-decoration : none; border : 1px solid #000000; background: #dd8035; text-align: center;} /* Lightbox STYLES !!! CAREFUL HERE !!! */ #lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 6000; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.lcnrd.org/images/lightbox_images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.lcnrd.org/images/lightbox_images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.lcnrd.org/images/lightbox_images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }