/** Theme Colors: bluegreen- darker: #285454 bluegreen- lighter: #338787 * New: lighter #43b3b3 **/ body { margin: 0px; background: url(img/top_bg.gif); background-repeat: repeat-x; font-family: Verdana, Arial, sans-serif; font-size: .8em; } p { line-height: 17px; margin: 11px 0 10px 0; padding: 0px; } /* looks pretty awful... p.intro:first-letter { color:#285454; font-size:150%; }*/ h2 { color: #285454; margin:0px; padding:0px; font-size: 15px; } h3 { color: #285454; margin:0px; padding:0px; font-size: 13px; } ul { font-size: 1.0em; margin:0; padding:0; list-style-image: url(img/bullet.gif); } a { color: #285454; text-decoration: none; border-bottom: 1px dotted; } a:hover { color: #338787; text-decoration: none; } blockquote{ background: #E7FDFD; color: #606060; padding: 10px; } /**** Main Container ***/ #wrap { margin-left: auto; margin-right: auto; width: 730px; } /**** Top ***/ #top { width: 100%; height: 108px; color: #fff; background: #000 url(img/top_bg.gif); overflow:hidden; } #top h2 { color: #43b3b3; letter-spacing: 3px; font-size: 1.8em; font-weight: normal; position: relative; margin: 0px; top:33px; display:block; float:left; /*background: url(img/logo2.png) no-repeat;*/ padding-left: 55px; } #top h2 a { color: #43b3b3; text-decoration: none; border-bottom: none; } #top h2 a:hover { color: #EEEEEE; } /**** Main Menu ***/ #menu { display: block; float:left; position:absolute; top:55px; } #menu ul { margin: 0; padding-left: 10px; list-style: none; } #menu li { display: block; float: left; white-space: nowrap; } #menu li a { display: block; /*padding: 5px 10px 5px 10px;*/ /* padding: 5px 35px 5px 25px; */ padding: 5px 20px 5px 20px; text-decoration: none; border-bottom: none; color: #43b3b3; } * html #menu a {width:1%;} #menu li a:hover { color: #79DADA; background: #285454; } #menu li a.current { letter-spacing: 1px; font-weight: bold; color: white; } #menu li a.current:hover { color: #fff; background: black; } /**** Content Container ***/ #content { width: 100%; margin-top:30px; } #content h2,h3 { margin: 0; padding: 10px 0 10px 0; } #content ul { padding: 15px 0 15px 35px; margin:0; } #content ul.outline { font-size: 1.0em; margin:0; padding: 0 0 0 35px; list-style-image: url(img/bullet2.gif); } #content ul ul { padding: 0 0 5px 35px; margin:0; } #content li { margin-bottom:5px; } /**** Content ***/ div.full { width: 100%; float:left; display: block; margin-left: 20px; display: inline; } div.left { width: 440px; float:left; display: block; margin-left: 20px; display: inline; } div.left img { border: solid 5px #e7e7e7; } /**** Sidebar ***/ div.right { width: 225px; float: right; display:block; margin-top: 10px; text-align:center; } div.right img { border: solid 5px #e7e7e7; } div.right a { border: none; } div.right p a { border-bottom: 1px dotted; } div.right p { margin-top: 0px; text-align: center; font-style: italic; } div.right .box { width: 225px; background: #F6FBFB; border: 1px solid #E1E1E1; padding:10px 10px 15px 10px; float: right; } div.left .box { /*width: 225px;*/ background: #F6FBFB; border: 1px solid #E1E1E1; padding:10px 10px 15px 10px; /*margin: 5px 0px 10px 0px;*/ margin: 10px 10px 20px 10px; float: right; } .box h2 { font-size: 1.1em; margin: 0px 0 0px 0; padding:0px 0 5px 0; } .box a { margin: 10px 0 10px 0; color: #338787 font-size: 10px; } .box p { margin: 5px 0 10px 0; line-height: 15px; } .box ul { padding: 0 0 7px 20px; margin:10px 0 10px 0; list-style-image: url(img/bullet2.gif); } .box li { margin-top:5px; } /**** Clear Div ***/ div.clear { display: block; clear: both; width: 100%; height:1px; overflow:hidden; } /**** Footer ***/ #footer { margin: 40px auto 0 auto; text-align: center; border-top: dotted 1px gray; padding: 20px 0 20px 0; width: 70%; } #footer p { margin: 0px; padding: 0; } /* FLOWPLAYER video stuff */ /* styling of the video container. */ a.myPlayer { display:block; text-align:center; /*margin:0 15px 15px 0;*/ /* float:left;*/ border:1px solid #999; } /* when container is hovered we alter the border color */ a.myPlayer:hover { border:1px solid #000; }