/* GENERAL STYLES */ /* GENERAL STYLES */ @import "reset.css"; html { background: url(/images/html.jpg) 0 0 repeat-x #976135; width: 100%; } body { background: url(/images/body.png) 0 0 repeat-y; margin: 0 auto; min-width: 920px; position: relative; width: 920px; } /*--------------------------- =Header Section ---------------------------*/ #header { background: url(/images/header.gif) 0 0 no-repeat; height: 99px; } #brand { background: url(/images/logo.png) 0 0 no-repeat; height: 113px; left: 0; margin: -5px 0 0 -86px; padding: 100px 40px 40px 91px; position: absolute; top: 0; width: 215px; } #brand a { display: block; height: 113px; overflow: hidden; text-indent: -10000px; width: 215px; } #header_contact { color: #734018; font: normal 12px/18px Verdana, Arial, sans-serif; left: 540px; position: absolute; top: 62px; } #header_contact:hover { border-bottom: 1px dashed #906339; } #search { background: url(/images/header_search.jpg) 0 0 no-repeat; height: 65px; left: 500px; position: absolute; top: 34px; width: 355px; } #search input.text { background: none; color: #906339; font: normal 11px/11px Verdana, Arial, sans-serif; left: 162px; position: absolute; top: 30px; width: 130px; } #search input.submit { background: none; cursor: pointer; height: 30px; left: 302px; position: absolute; top: 25px; width: 30px; } /*--------------------------- =Flashcontent Section ---------------------------*/ #flashcontent { background: url(/images/flashcontent.jpg) 0 0 no-repeat; float: right; height: 183px; width: 692px; } /*--------------------------- =Sidebar Section ---------------------------*/ #sidebar { background: url(/images/sidebar.jpg) 0 0 no-repeat; float: left; height: 471px; padding: 146px 0 0 50px; width: 178px; } /* top level navigation */ #navigation { font: normal 13px/19px Verdana, Arial, sans-serif; } #navigation li { display: block; margin: 0 0 3px 0; padding: 6px 0 0 0; position: relative; } #navigation a { color: #744019; padding: 0 0 5px 0; } #navigation a:hover, #navigation li.over a { background: url(/images/nav_hover.gif) 0 bottom repeat-x; color: #BF7D47; } #navigation li.active a, #navigation li.active a:hover { background: url(/images/nav_active.gif) right 0 no-repeat; color: #BF7D47; padding: 6px 27px 0 0; } #navigation li a strong { font-weight: normal; padding: 0; } #navigation li.active { position: static; } #navigation li.active a strong { background: url(/images/nav_hover.gif) 0 bottom repeat-x; margin: 0 1px 0 0; padding: 0 0 5px 0; } /* sub-navigation */ #navigation li ul { display: none; padding: 12px 0 12px 6px; z-index: 499; } /* suckerfish dropdown */ #navigation li.over { position: relative; z-index: 499; } #navigation li.over ul { background: #eeeeee; border: 4px solid #dddddd; display: block; padding: 8px 16px; position: absolute; top: -10px; width: 150px; z-index: 500; } #navigation li.over ul li ul { display: none; } #navigation li.over ul li.over ul { display: block; left: 100px; top: -12px; } #navigation li.over ul a { background: none; font-size: 12px; } #navigation li.over ul a:hover { background: none; } #navigation li.over ul a:hover, #navigation li.over ul li.over a { color: #744019; } #navigation li.over ul li ul li { padding: 3px 0 6px 0; } #navigation li.over ul li ul a, #navigation li.over ul li ul li { color: #744019; font-size: 10px; line-height: 12px; } #navigation li.over ul li ul a:hover { color: #BF7D47; } /* static sub-nav */ #navigation li.active ul { background: none; border-bottom: 1px solid #9C6338; border-top: 1px solid #9C6338; display: block; left: 243px; position: absolute; top: 287px; width: 150px; z-index: 40; } #navigation li.active ul li a { background: none; color: #5d693e; padding: 0; } #navigation li.active ul li.active a, #navigation li.active ul li a:hover { border-bottom: 2px dotted #5d693e; padding: 0; } #navigation li.active ul li.active a:hover, #navigation li.active ul li.up a:hover, #navigation li.active ul li.up2 a:hover { background: none;} #navigation li.active ul li.active ul, #navigation li.active ul li ul { border: 0; display: block; font: normal 10px/11px Verdana, Arial, sans-serif; margin: 0; padding: 15px 0 0 15px; position: static; width: auto; } #navigation li.active ul li ul li { border: 0; font-size: 10px; margin: 0 0 8px 0; padding: 0 0 0 9px; } #navigation li.active ul li.active ul li a, #navigation li ul li.active ul li a, #navigation li.active ul li.up2 ul li a, #navigation li.active ul li.up2 ul li.over a, #navigation li.active ul li.up ul li.over a { background: none; border: 0; color: #744019; font-size: 10px; margin: 0; padding: 0; } #navigation li.active ul li.active ul li a:hover, #navigation li.active ul li.up2 ul li a:hover, #navigation li.active ul li.up ul li a:hover, #navigation li.active ul li.up ul li.up a:hover { border: 0; color: #CF874D; font-size: 10px;} #navigation li.active ul li.active ul li.active a { color: #BF7D47; } #navigation li.active ul li ul li a:hover, #navigation li.active ul li ul li a { border: 0; color: #CF874D; font-size: 10px; } #navigation li.active ul li ul li a { color: #744019; } #thank_you { background: url(/images/thank_you.gif) -91px 0 no-repeat; clear: both; height: 343px; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -10000px; top: 475px; width: 245px; } #thank_you span { display: block; height: 343px; text-indent: -10000px; overflow: hidden; width: 245px; } #thank_you span.pic1 { background: url(/images/thank-you-pics/thank-you1.png) 0 0 no-repeat; } #thank_you span.pic2 { background: url(/images/thank-you-pics/thank-you2.png) 0 0 no-repeat; } #thank_you span.pic3 { background: url(/images/thank-you-pics/thank-you3.png) 0 0 no-repeat; } #thank_you span.pic4 { background: url(/images/thank-you-pics/thank-you4.png) 0 0 no-repeat; } #thank_you span.pic5 { background: url(/images/thank-you-pics/thank-you5.png) 0 0 no-repeat; } #thank_you span.pic6 { background: url(/images/thank-you-pics/thank-you6.png) 0 0 no-repeat; } #thank_you span.pic7 { background: url(/images/thank-you-pics/thank-you7.png) 0 0 no-repeat; } #thank_you span.pic8 { background: url(/images/thank-you-pics/thank-you8.png) 0 0 no-repeat; } #thank_you span.pic9 { background: url(/images/thank-you-pics/thank-you9.png) 0 0 no-repeat; } #thank_you span.pic10 { background: url(/images/thank-you-pics/thank-you10.png) 0 0 no-repeat; } #thank_you span.pic11 { background: url(/images/thank-you-pics/thank-you11.png) 0 0 no-repeat; } #thank_you span.pic12 { background: url(/images/thank-you-pics/thank-you12.png) 0 0 no-repeat; } /*--------------------------- =Maincontent Section ---------------------------*/ #maincontent { background: url(/images/maincontent.gif) 0 0 repeat-y; clear: right; color: #648F2C; float: right; font: normal 14px/26px 'Times New Roman', times, serif; min-height: 435px; padding: 0 60px 0 215px; width: 417px; } #maincontent h2 { color: #648F2C; font: bold 18px/26px Verdana, Arial, sans-serif; margin: 0 0 20px 0; text-transform: uppercase; } #maincontent p { color: #648F2C; font: normal 14px/26px 'Times New Roman', times, serif; margin: 0 0 20px 0; } #maincontent em { font-style: italic; } #maincontent a { color: #9BBF6B; } #maincontent ul.pics li { background: none; padding: 0; } #maincontent a.tooltip { background: url(/images/camera_icon.jpg) 0 0 no-repeat; padding: 0 0 0 24px; } #maincontent a:hover { color: #455F23; } #maincontent a:visited { color: #999999; } #maincontent blockquote { border-bottom: 3px solid #AFAFAF; border-top: 3px solid #AFAFAF; color: #648F2C; margin: 0 0 20px 0; padding: 20px; } #maincontent blockquote p { color: #6F6F6F; font-weight: bold; margin: 0; } #maincontent blockquote.inset { background: #fff; border: 1px solid #d5d5d5; float: right; margin: 0 0 18px 18px; padding: 3px; text-align: center; width: 150px; } #maincontent p#donate-now a { background: url(/images/donate-now.jpg) 0 0 no-repeat; display: block; float: right; height: 77px; margin: 0 0 18px 18px; overflow: hidden; text-indent: -10000px; width: 159px; } #maincontent blockquote.inset p { border: 2px dotted #d5d5d5; color: #708F47; font: bold 16px/30px 'Times New Roman', times, serif; margin: 0; padding: 12px; } #maincontent ul { color: #748F50; margin: 0 0 24px 18px; } #maincontent ol { color: #748F50; margin: 0 0 24px 36px; } #maincontent ul li, #maincontent ol li { line-height: 16px; margin: 0 0 9px 0; } #maincontent ul li { background: url(/images/bull.gif) 0 4px no-repeat; padding: 0 0 0 16px; } #maincontent .left_pic { float: left; margin: -30px 0 0 -215px; } #maincontent ul li li, #maincontent ol li li { background: url(/images/bull2.gif) 0 5px no-repeat; margin: 0; padding: 0 0 0 10px; } #maincontent #staff-listing { position: relative; } #maincontent #staff-listing ul { margin: 0 0 24px 0; } #maincontent #staff-listing ul li { background: none; padding: 0; } #maincontent #staff-listing ul li a { color: #455F23; } #maincontent #staff-listing ul li a:hover { color: #9BBF6B; } #maincontent .left_pic { float: left; margin: -30px 0 0 -215px; } #maincontent h3, #maincontent h4 { color: #648F2C; font: bold 14px/22px Verdana, Arial, sans-serif; margin: 0 0 18px 0; } #maincontent a.xsltsearch_title { font-size: 16px; font-weight: bold; } #maincontent #xsltsearch_navigation a { color: #455F23; font-size: 16px; font-weight: bold; } #maincontent #xsltsearch_navigation a:hover { color: #9BBF6B; } #maincontent img {margin: 10px;} #tooltip { border: 3px solid #976135; position: absolute; } /*--------------------------- =Footer Section ---------------------------*/ #footer { background: url(/images/footer.jpg) 185px 0 no-repeat #976135; clear: both; padding: 60px 0 20px 210px; text-align: center; width: 710px; } #footer ul { display: block; } #footer ul li { display: inline; font: normal 9px/15px Verdana, Arial, sans-serif; text-transform: uppercase; } #footer ul li a { border-right: 1px solid #ffffff; color: #ffffff; padding: 0 7px 0 4px; } #footer ul li a:hover { text-decoration: underline; } #footer ul li.row_end a { border: none; } /*--------------------------- =Classes ---------------------------*/ .clear { clear: both; display: inline; height: 0px; } img.right { display: block; float: right; margin: 0 0 12px 12px; } /* EDITOR PROPERTIES */