/* CSS Global Document */ /* Copyright 2004 Clear Pixel Design http://www.clearpixeldesign.com css@clearpixeldesign.com */ /* Questions about our CSS? Just ask for help with CSS at http://www.sitepoint.com/forums/ and you'll get the answers you need. */ /* ----------------------------------- Global Styles ----------------------------------- */ body { background-color: #FFFFFF; margin: 0px 0px 0px 0px; } h1 { font-family: Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 10px; color: #81B13E; letter-spacing: 1px; display:inline; } h2 { font-family: Verdana, Arial, Verdana, Sans-Serif; font-weight: bold; font-size: 10px; color: #FFFFFF; letter-spacing: 1px; display:inline; } input { border: 1px solid #9A9A95; background-color: #F6F6F2; font-size: 10px; font-family: Arial, Verdana, Sans-Serif; font-weight: normal; color: #5E606F; } textarea { border: 1px solid #9A9A95; background-color: #F6F6F2; font-size: 10px; font-family: Arial, Verdana, Sans-Serif; font-weight: normal; color: #5E606F; } /* -------------------------------- Cell and Table formatting -------------------------------- */ .logo { background-image: url(/_images2/logo-hours.gif); background-repeat: no-repeat; vertical-align: top; } .bodytable { margin: 30px 0px 0px 70px; } .header { background-color: #F6F6F2; padding: 0px 8px 4px 8px; } .splash { background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .sub { background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/_images/bg_sub.jpg) repeat-x; } .main { border: 1px Solid #373029; border-width: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 9px; color: #222222; line-height: 16px; text-align: left; } .bookmark { background-color: #DEE6F0; border: 0px Solid #373029; border-width: 0px 0px 0px 0px; padding: 5px 5px 5px 20px; font-family: Arial, Verdana, Sans-Serif; font-weight: normal; font-size: 8pt; color: #484848; line-height: 16px; text-align: left; vertical-align: top; } .recentnews { background-color: #C4BAA8; border: 0px Solid #373029; border-width: 0px 0px 0px 0px; padding: 5px 5px 5px 20px; font-family: Verdana, Sans-Serif; font-weight: normal; font-size: 10px; color: #484848; line-height: 16px; text-align: left; vertical-align: top; } .mainbody { background-color: #FFFFFF; padding: 20px 20px 20px 20px; font-family: Verdana, Sans-Serif; font-weight: normal; font-size: 10px; color: #222222; line-height: 18px; text-align: left; vertical-align: top; } .footer { background-color: #FFFFFF; padding: 4px 8px 4px 8px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #999999; line-height: 16px; text-align: left; } A.footerlink { color: #3F486C; font: normal 10px Verdana, Arial, Sans-serif; text-decoration: underline; } A.footerlink:link { color: #3F486C; font: normal 10px Verdana, Arial, Sans-serif; text-decoration: underline; } A.footerlink:active { color: #3F486C; font: normal 10px Verdana, Arial, Sans-serif; text-decoration: underline; } A.footerlink:visited { color: #3F486C; font: normal 10px Verdana, Arial, Sans-serif; text-decoration: underline; } A.footerlink:hover { color: #3F486C; font: normal 10px Verdana, Arial, Sans-serif; text-decoration: underline; } .sectionheader { border: 1px Solid #ECECEC; border-width: 1px 1px 1px 1px; background: url(/_images/bg-section.gif); padding: 0px 0px 0px 0px; } .sectionfooter { border: 1px Solid #ECECEC; border-width: 1px 1px 1px 1px; background: url(/_images/bg-footer.gif); padding: 0px 0px 0px 0px; } .subnav { border: 1px Solid #EFEFEF; border-width: 1px 1px 1px 1px; background-color: #F6F5F5; vertical-align: top; } .projectheader { border: 0px Solid #FFFFFF; border-width: 0px 0px 0px 0px; background-color: #81B13E; padding: 8px 8px 8px 8px; } .projectbox { border: 1px Solid #90908B; border-width: 0px 1px 1px 0px; background-color: #FFFFFF; padding: 7px 7px 7px 7px; vertical-align: top; } .projectbody { background: transparent url(/_images/bg-dots.gif) repeat-y scroll right; padding: 5px 5px 0px 10px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #555555; line-height: 14px; vertical-align: top; } .projectbody2 { padding: 5px 5px 0px 10px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 10px; color: #555555; line-height: 14px; vertical-align: top; } .projectrelated { padding: 0px 0px 0px 25px; vertical-align: top; font-family: Arial, Verdana, Sans-Serif; font-weight: normal; font-size: 10px; color: #555555; line-height: 14px; text-indent: -18px; } .projectfeatured { padding: 0px 0px 0px 8px; vertical-align: top; font-family: Arial, Verdana, Sans-serif; font-weight: normal; font-size: 10px; color: #555555; line-height: 14px; } .projecttitle { font-family: Verdana, Arial, Sans-serif; font-weight: bold; font-size: 11px; color: #666666; line-height: 17px; } A.green { COLOR:#018134;FONT-FAMILY:Verdana, Arial;FONT-SIZE:10px; text-decoration: none; font-weight: bold} A.green:active { COLOR:#018134;FONT-FAMILY:Verdana, Arial;FONT-SIZE:10px; text-decoration: none; font-weight: bold} A.green:link { COLOR:#018134;FONT-FAMILY:Verdana, Arial;FONT-SIZE:10px; ; text-decoration: none; font-weight: bold} A.green:visited { COLOR:#018134;FONT-FAMILY:Verdana, Arial;FONT-SIZE:10px; ; text-decoration: none ; font-weight: bold} A.green:hover { COLOR:#018134;FONT-FAMILY:Verdana, Arial;FONT-SIZE:10px; text-decoration: underline; font-weight: bold} /* -------------------------------- Text and Link formatting -------------------------------- */ .topnav { padding: 5px 0px 7px 0px; font-family: Verdana, Arial, Sans-serif; font-weight: normal; font-size: 9px; color: #666666; line-height: 14px; text-align: center; } A.topnav { color: #666666; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.topnav:link { color: #666666; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.topnav:active { color: #666666; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.topnav:visited { color: #666666; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.topnav:hover { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 3px Solid #AA0000; padding: 0px 0px 4px 0px; } .bottomnav { border: 1px Solid #90908B; border-width: 1px 0px 1px 0px; background: url(/_images/bg-stripes.gif); padding: 1px 4px 1px 0px; font-family: Verdana, Arial, Sans-serif; font-weight: normal; font-size: 9px; color: #555555; line-height: 16px; text-align: right; } A.bottomlink { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #AA0000; } A.bottomlink:link { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #AA0000; } A.bottomlink:active { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #AA0000; } A.bottomlink:visited { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px; } A.bottomlink:hover { color: #AA0000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px; } .sectionnav { background: transparent url(/_images/bg-dots-subnav.gif) repeat-x scroll bottom left; font-family: Verdana, Arial, Sans-serif; font-style: normal; font-size: 9px; letter-spacing: 0px; color: #666666; padding: 7px 9px 7px 9px; } A.sectionlink { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.sectionlink:link { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.sectionlink:active { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.sectionlink:visited { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px; } A.sectionlink:hover { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px } A.sectionlinkb { color: #81B13E; font: bold 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.sectionlinkb:link { color: #81B13E; font: bold 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.sectionlinkb:active { color: #81B13E; font: bold 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.sectionlinkb:visited { color: #81B13E; font: bold 9px Verdana, Arial, Sans-serif; text-decoration: none; } A.sectionlinkb:hover { color: #81B13E; font: bold 9px Verdana, Arial, Sans-serif; text-decoration: none; } .style1 { color: #000000; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none;} A.style1 { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.style1:link { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.style1:active { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 1px dotted #81B13E; } A.style1:visited { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px; } A.style1:hover { color: #81B13E; font: normal 9px Verdana, Arial, Sans-serif; text-decoration: none; border-bottom: 0px } /* .projectlink */ A.projectlink { color: #81B13E; font: normal 10px Arial, Verdana, Sans-serif; text-decoration: none; border-bottom: 1px Dotted #81B13E; } A.projectlink:link { color: #81B13E; font: normal 10px Arial, Verdana, Sans-serif; text-decoration: none; border-bottom: 1px Dotted #81B13E; } A.projectlink:active { color: #81B13E; font: normal 10px Arial, Verdana, Sans-serif; text-decoration: none; border-bottom: 1px Dotted #81B13E; } A.projectlink:visited { color: #81B13E; font: normal 10px Arial, Verdana, Sans-serif; text-decoration: none; border-bottom: 0px; } A.projectlink:hover { color: #81B13E; font: normal 10px Arial, Verdana, Sans-serif; text-decoration: none; border-bottom: 0px; } .quote { padding: 0px 15px 0px 15px; font-style: oblique; color: #777777; display: block; text-indent: -4px; } .quotename { padding: 0px 15px 0px 0px; text-align: right; font-weight: bold; font-style: oblique; color: #555555; display: block; } /* .botnav */ A.botnav { font-family: Arial, Verdana; font-size: 8pt; color: #3B3B3B; text-decoration: none; font-weight: normal} A.botnav:active { font-family: Arial, Verdana; font-size: 8pt; color: #3B3B3B; text-decoration: none;font-weight: normal} A.botnav:link { font-family: Arial, Verdana; font-size: 8pt; color: #3B3B3B; text-decoration: none;font-weight: normal} A.botnav:visited { font-family: Arial, Verdana; font-size: 8pt; color: #3B3B3B; text-decoration: none;font-weight: normal} A.botnav:hover { font-family: Arial, Verdana; font-size: 8pt; color: #3B3B3B; text-decoration: underline;font-weight: normal} A: { font-family: Verdana; font-size: 10px; color: #3F486C; text-decoration: none; font-weight: normal} A:active { font-family: Verdana; font-size: 10px; color: #3F486C; text-decoration: none;font-weight: normal} A:link { font-family: Verdana; font-size: 10px; color: #3F486C; text-decoration: none;font-weight: normal} A:visited { font-family: Verdana; font-size: 10px; color: #3F486C; text-decoration: none;font-weight: normal} A:hover { font-family: Verdana; font-size: 10px; color: #3F486C; text-decoration: underline;font-weight: normal} A.bookmarklink { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: none; font-weight: normal} A.bookmarklink:active { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: none;font-weight: normal} A.bookmarklink:link { font-family: Arial, Verdana; font-size:8pt; color: #181818; text-decoration: none;font-weight: normal} A.bookmarklink:visited { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: none;font-weight: normal} A.bookmarklink:hover { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: underline;font-weight: normal} A.recentnewslink { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: underline; font-weight: normal} A.recentnewslink:active { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: underline;font-weight: normal} A.recentnewslink:link { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: underline;font-weight: normal} A.recentnewslink:visited { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: underline;font-weight: normal} A.recentnewslink:hover { font-family: Arial, Verdana; font-size: 8pt; color: #181818; text-decoration: none;font-weight: normal} #lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; 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(/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(/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/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 */ }