body { margin: 0; margin-top:40px; padding: 0; height: 100%; text-align: center; min-width: 700px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } img {border:0;} h3 {color:#003367;} h3 a {color:#003367;text-decoration:underline;} h3 a:active {color:#003367;text-decoration:none;color:#6799cc;} h3 a:visited {color:#003367;text-decoration:none;color:#6799cc;} h3 a:hover {color:#003367;text-decoration:none;color:#6799cc;} .hidden {display:none;} #bgcontain { background: #fff; width: 928px; margin: 0 auto; text-align: left;} #container { padding: 0; float: left; width: 100%; clear: both; min-height: 250px; padding-top: 21px; margin-top:40px; } /* IE min height hack */ * html #container { height: 250px; padding-top:0; margin-top:0;} /* Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header { width: 928px; height:74px; position: relative; top:20px; background: #ffffff url(../Images/header_background.jpg) repeat-x;} .header h1 { font-size: 32px; letter-spacing: -2px; font-weight: normal; font-family: "Trebuchet MS"; padding: 20px 0px 20px 10px; margin: 0px; text-transform: lowercase;} /* Logo +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #logo {position:relative;left:20px;top:-23px;} /* Main Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #menu { position: absolute; top: 25px; right: 0px; font-family: Helvetica;} #menu ul { padding: 0px; margin: 0px;} #menu li { float: left; display: block; list-style: none; font-size: 11px; letter-spacing: -1px; font-weight: normal; } #menu li a { display: block; float: left; text-decoration: none; padding: 0px 5px 0px 5px; margin-right: 0; color:black;} #menu a span { padding: 6px 2px 6px 2px; display: block; float: left; } #menu img { padding: 11px 0 10px 0; display: block; float: left; } #menu a:hover span { } #menu a:hover { background-position: 0% -32px; text-decoration: none; color:black;} #menu a:hover span { background-position: 100% -32px; cursor: pointer; } DIV#menu ul li a { z-index: 100 } DIV#menu ul li a:hover { z-index: 100 } DIV#menu ul li:hover { z-index: 100 } DIV#menu ul li.over { z-index: 100 } DIV#menu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;} DIV#menu ul li { position: relative} DIV#menu ul li ul { padding: 2px 0px; display: none; z-index: 150; left: 0px; margin: 0px; width: 150px; position: absolute; top: 100%;} DIV#menu ul li:hover ul { display: block} DIV#menu ul li.over ul { display: block} #menu li li a { font-size: 10px; letter-spacing: normal; width: 130px; padding: 2px 10px; } /* Sub Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #submenu { position: absolute; top: 50px; right: 0px;font-family: Helvetica;} #submenu ul { padding: 0px; margin: 0px;} #submenu li { float: left; display: block; list-style: none; font-size: 11px; letter-spacing: -1px; font-weight: normal; } #submenu li a { display: block; float: left; text-decoration: none; padding: 0px 5px 0px 5px; margin-right: 0; color:black;} #submenu a span { padding: 6px 2px 6px 2px; display: block; float: left; } #submenu img { padding: 11px 0 10px 0; display: block; float: left; } #submenu a:hover span { } #submenu a:hover { background-position: 0% -32px; text-decoration: none; color:black;} #submenu a:hover span { background-position: 100% -32px; cursor: pointer; } DIV#submenu ul li a { z-index: 100 } DIV#submenu ul li a:hover { z-index: 100 } DIV#submenu ul li:hover { z-index: 100 } DIV#submenu ul li.over { z-index: 100 } DIV#submenu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;} DIV#submenu ul li { position: relative} DIV#submenu ul li ul { padding: 2px 0px; display: none; z-index: 150; left: 0px; margin: 0px; width: 150px; position: absolute; top: 100%;} DIV#submenu ul li:hover ul { display: block} DIV#submenu ul li.over ul { display: block} #submenu li li a { font-size: 10px; letter-spacing: normal; width: 130px; padding: 2px 10px; } /* Content +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #content {position:relative; float:left; width:650px; min-height:200px;} .content_box {position:relative; margin:5px 10px 40px 0;padding:10px;border:1px solid #669acc;min-height:50px;height:auto;} #latest {padding:10px;} .tab, .tab_active {position:relative;display:inline;margin:0;margin-left:10px;font-size:85%;} .tab a:link {text-decoration:none;color:black;padding:5px 15px;background:#e5eef7;} .tab a:active {text-decoration:none;color:black;padding:5px 15px;background:#e5eef7;} .tab a:visited {text-decoration:none;color:black;padding:5px 15px;background:#e5eef7;} .tab a:hover {text-decoration:underline;color:black;padding:5px 15px;background:#e5eef7;} .tab_active a:link {text-decoration:none;color:white;padding:5px 15px;background:#669acc;} .tab_active a:active {text-decoration:none;color:white;padding:5px 15px;background:#669acc;} .tab_active a:visited {text-decoration:none;color:white;padding:5px 15px;background:#669acc;} .tab_active a:hover {text-decoration:none;color:white;padding:5px 15px;background:#669acc;} /* Sidebar++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #sidebar {position:relative; float:right; width:266px;} .sidebar_box {position:relative; margin:5px 10px 40px 0;padding:10px;border:1px solid #669acc;min-height:50px;} /* Scroll (for scrollbar) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #scroll { position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1; }