/****************** * * Feral Green * Main stylesheet * CSS Document * ******************/ /* global */ * { margin: 0; padding: 0; } img, fieldset { border: 0; } /* main */ body { padding-bottom: 50px; background: url(images/feral-bg-scroll.gif) #ead7b1 repeat-y; } body#main { width: 1000px; } /* header */ #header { width: 800px; height: 179px; } /* navigation */ #navigation { width: 800px; height: 34px; } #navigation ul { width: 100%; height: 34px; } #navigation li { list-style-type: none; float: left; } /* main content left */ #main-content-left { margin: 30px 0 0 0; width: 800px; float: left; } /* content right */ #top-content-right { padding: 0 50px; width: 172px; float: right; background: url(images/top-right-bg.gif) no-repeat left; } #top-content-right h3 { margin-top: 75px; } /* content left */ #top-content-left { width: 455px; margin: 0; padding: 20px 10px 0 50px; float: left; } #top-content-left h2 { width: 455px; padding: 0 0 5px 0; } #top-content-left p { width: 455px; padding: 5px 0; } #top-content-left img { width: 421px; height: 280px; } #top-content-left .more-link { text-align: right; } #content-left .media-nav { margin: 10px 20px 10px 20px; display: block; width: 700px; overflow: auto; clear: left; } #content-left .media-nav ul { margin-top: 10px; padding-left: 20px; display: block; width: 650px; height: 27px; background: url(images/tab-side.gif) no-repeat left; overflow: auto; } #content-left .media-nav ul li { list-style-type: none; background: url(images/tab-scroll.gif) repeat-x; height: 27px; line-height: 27px; float: left; } #content-left .media-nav ul li a { padding: 5px 20px 5px 0; height: 27px; line-height: 27px; background: url(images/tab-side.gif) no-repeat right; } #content-left .vid { margin-top: 50px; } /* bottom content */ #bottom-content { width: 98%; margin: 0 auto; padding: 0 0 30px 0; clear: both; background: url(images/bot-scroll.gif) no-repeat top; } /* paragraph */ .def { padding: 50px 40px 0px 40px; } /* footer */ #footer { width: 388px; height: 153px; margin: 0 auto; overflow: auto; } /* footer images */ #footer img { float: left; } /* main content right */ #main-content-right { margin: 20px 0 0 0; padding: 0; width: 190px; float: right; } /* img */ #main-content-right img { margin: 0 auto; padding: 5px 0; } /* block alignment */ .center { margin: 0 auto; } /*++++++++++++ text formatting +++++++++++*/ body { color: #5c9b10; font-size: .8em; font-family: Arial, Helvetica, sans-serif; } /* font size */ .f12 { font-size: .9em; } .f16 { font-size: 1.4em; } .f14 { font-size: 1.2em; } .f18 { font-size: 1.6em; } .f20 { font-size: 1.8em; } .f23 { font-size: 1.4em; } .f34 { font-size: 2.6em; } /* font weight */ .fnorm { font-weight: normal; } .fbold { font-weight: bold; } /* font family */ .tms { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } /* text alignment */ .centerTXT { text-align: center; } .rightTXT { text-align: right; } /* text color */ .dgray { color: #7b7a7a; } .dblack { color: #000; } .dgold { color: #866f36; } /* line-height */ .ohalf { line-height: 1.5em; } /*++++++++++++ link formatting +++++++++++*/ /* index header links */ h2 a , h2 a:visited { color: #5c9b10; text-decoration: none; } h2 a:hover { color: #ff9900; } /* index read more link */ .more-link a , .more-link a:visited { font-size: 1.4em; font-weight: bold; color: #5c9b10; text-decoration: none; } .more-link a:hover { color: #ff9900; } /* media nav links */ #content-left .media-nav a, #content-left .media-nav a:visited { color: #6cb000; text-decoration: none; } #content-left .media-nav a:hover { text-decoration: underline; } /********************** MENU WORK ************************************/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/upmenu.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {font-family: verdana, arial, sans-serif; width:800px; position:relative; font-size:11px; margin:0;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding: 0; height:34px; text-align:left; font-weight:bold; color:#fff; padding-left:0; border:0; border-width:0; line-height:34px; font-size:12px; float: left; } .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; position:relative;} .menu ul li ul {visibility:hidden; position:absolute; width: 120px;} .menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;} .menu ul li:hover a, .menu ul li a:hover {color:#000; background:#e9e9c7;} .menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; top:34px; left:0;} .menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub { color: #5c9b10; } .menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#5c9b10;width:120px; clear:both;} .menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {color:#000;} .menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;} .menu ul li:hover ul li a, .menu ul li a:hover ul li a { display: block; background:#ead7b1; color:#5c9b10; width: 110px; padding-left: 10px;} .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#f4ebda; color:#5c9b10;} .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;} .menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;} .menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#CADEAB; color:#000;} .menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;} .menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}