body { margin: 0; padding: 0; background: #FFFFFF url('images/ISAICbg.jpg') repeat-x; color: #333; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.7em; font-family: verdana, arial, helvetica, sans-serif;} h1, h2, h3 { margin: 0; padding: 0; font-family: "Trebuchet MS", arial, helvetica, sans-serif; color: #527f20; } h1 { font-size: 140%; } h2 { font-size: 120px; } h4 { margin: 5px 0 5px 0; font-size: 105%; font-weight: bold; } a:active { color : #004080; text-decoration : none; } a:link { color : #004080; text-decoration : none; } a:visited { color : #004080; text-decoration : none; } a:hover { color : #4E781F; text-decoration : underline; } img { border: none; margin: 0; padding: 0; } /* Header */ #header { width: 760px; height: 100px; margin: 0 auto; padding: 0; } #headnav { height: 20px; margin-left: 500px; margin-top:5px; } /* Menu */ #menu { width: 765px; height: 35px; margin: 0 auto; padding: 0; } /* ================================================================ 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/drop_lists.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #lists a, ul, dd {font: 100% arial, helvetica, sans-serif;} #lists {padding:0; position:relative; float:left; z-index:500; list-style-type:none; margin-left : 0; margin-right : 0; margin-top : 2px; margin-bottom : 0; background:url('images/line.gif') no-repeat 100% 4px;} #lists li {display:inline; float:left; height:35px; background:url('images/line.gif') no-repeat 0 4px;} #lists li a.tl {display:block; width:130px; height:35px; text-decoration:none; line-height:20px; font-weight:bold; text-indent:10px; font-weight:normal; color:#fff; background:url('images/white_arrow.gif') no-repeat 105px 5px;} #lists li a.tn {display:block; width:123px; height:35px; text-decoration:none; line-height:20px; font-weight:bold; text-indent:10px; font-weight:normal; color:#fff; } #lists li a.tm {display:block; width:83px; height:35px; text-decoration:none; line-height:20px; font-weight:bold; text-indent:10px; font-weight:normal; color:#fff;} #lists li a.to {display:block; width:100px; height:35px; text-decoration:none; line-height:20px; font-weight:bold; text-indent:10px; font-weight:normal; color:#fff; background:url('images/white_arrow.gif') no-repeat 80px 5px; } #lists div {display:none;} #lists li a.tl:hover {text-decoration:none; background:url('images/white_arrow.gif') no-repeat 105px 12px;} #lists li a.tn:hover {text-decoration:underline; white-space:normal;} #lists li a.tm:hover {text-decoration:underline; white-space:normal;} #lists li a.to:hover {text-decoration:none; white-space:normal; background:url('images/white_arrow.gif') no-repeat 85px 12px;} #lists li a:hover {text-decoration:none; white-space:normal; background-position:85px 15px;} #lists li:hover a.to {text-decoration:none; white-space:normal; background-position:85px 12px;} #lists li:hover a.tl {text-decoration:none; white-space:normal; background-position:105px 12px;} #lists :hover div {display:block; width:550px; background:#185594; position:absolute; top:25px; border:1px solid #fff; padding-bottom:10px;} #lists :hover div.pos2 {background:#185594; width:360px;} #lists .two:hover {position:relative;} #lists .single:hover {position:relative;} #lists .single:hover div.pos3 {background:#185594; width:320px;} #lists .single:hover div.pos4 {background:#185594; width:175px; padding-top: 10px;} #lists :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:159px;} #lists :hover div dl dt {width:159px; background:#999; text-indent:10px; margin:5px 0 10px 0; text-decoration:none; height:20px; line-height:20px;} #lists .two:hover div {left:0px;} #lists .two:hover div dl {width:175px;} #lists .two:hover div dl dt {width:175px;} #lists .single:hover div dl {width:400px;} #lists .single:hover div dl dt {width:200px;} #lists :hover div dl dd {padding:0; margin:0;} #lists :hover div dt a {text-decoration:none; cursor:default; font-size:110%; font-weight:normal; color:#fff;} #lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; color:#fff; text-indent:10px; line-height:15px;} #lists :hover div dd a:hover {text-decoration:underline;} #lists .clear {clear:both;} /* Content */ #content { width: 740px; background: #FFFFFF url('images/imgcontbg.jpg') repeat-x left bottom; margin: 0 auto 20px auto; padding: 10px 10px 10px 10px; } /* Main content area */ #main { margin-left: 225px; width: 315px; padding-top: 3px; } #main p { margin: 8px 0 0 0; font-style: normal; font-variant: normal; font-weight: normal; font-family: tahoma, arial, helvetica, sans-serif; text-align: justify; line-height: 135%; } #main h1 { font-size: 140%; color: #527f20; } #main img { border: none; margin: 0; padding: 3px 8px 0 0; float: left; } /* Left Image Column */ #leftcol { float: left; width: 220px; font: 105% arial, helvetica, sans-serif; } #leftcol a { font: 90% arial, helvetica, sans-serif; } /* Right Quick Links box */ #rightnav { background: #ffffff url('images/linkbg.gif') no-repeat left bottom; margin: 0 0 0 0; float : right; width : 155px; height: 349px; padding : 10px 5px 45px 10px; } .qltitle { font-weight : bold ; color : #414141; } #rightnav .ql { font-weight: 400; font-family: arial, helvetica, sans-serif; line-height : 150%; font-size: 110%; } /* Footer */ #footer { height: 105px; background-color: #185594; margin-bottom: 20px; padding: 5px 0 5px 0; } #footer p { margin: 5px auto 2px auto; width: 750px; text-align: left; font-size: 90%; color: #f9f9f9; } #footer a { color: #f9f9f9; text-decoration: underline; } #footer a:hover { color: #B6DF84; text-decoration: underline; }