@charset "UTF-8"; body { padding: 0; margin-top: 12px; margin-right: 0; margin-bottom: 0px; margin-left: 0; background-image: url(../images/background_grad.gif); background-repeat: repeat-x; background-color: #660000; font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #333; } a:link { color:#900; } a:hover { color:#660000 } a:visited { color:#000033; } a:active { color:#CC0000; } .burg { color: #900; } h1 { color: #900; font-size:2.2em; line-height:1.15em; margin-top:0.5em; margin-bottom:0.25em; font-weight: bold; } h2 { color: #C00; font-size:1.7em; font-weight:normal; margin-top: 0.5em; margin-bottom:0.5em; line-height: 1.15em; } h3 { color: #600; font-size:1.4em; font-weight: bold; font-style: normal; font-size: 1.4em; line-height: 1.1em; margin-top:0.5em; margin-bottom:0.25em; } h4 { color:#003; font-weight:bold; font-size:1.2em; font-style: italic; margin-top:0.5em; margin-bottom:0.25em; } h5 { color:#003; font-weight:bold; font-size:1.1em; margin-top:0.5em; margin-bottom:0.25em; } h6 { color:#333333; font-weight:normal; font-size:1.1em; font-style: italic; margin-top:0.5em; margin-bottom:0.25em; } p { margin-top: 0.5em; padding-top: 0.05em; margin-bottom: .5em; padding-bottom: 0.5em; } ul { margin-top: .25em; padding-top: .25em; margin-bottom: .25em; padding-bottom: .25em; } /* Use the jet14a class for pages that need a sidebar and/or sub-navigation menu on the right. */ #container { width:780px; background-position: center; background-color:#ffffff; border: 2px solid #ffffff; } #header { background-image: url(../images/header1.jpg); height: 170px; background-repeat: no-repeat; } #navbar { margin: 0; padding: 0px; height: 2em; width: 780px; background-color: #CCC; color: #003; text-align: center; } #navbar .text { padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.25em; padding-left: 0.5em; } #navbar .text a { color:#003; } #navbar .text a:hover { color:#666; } #navbar ul { margin: 0px; padding: 0px; color: #ffffff; line-height: 2em; white-space: nowrap; } #navbar li { list-style-type: none; display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #FF9966; } #navbar li a { text-decoration: none; padding-top: 0.25em; padding-right: 1.75em; padding-bottom: 0.25em; padding-left: 1.25em; } #navbar li a:link { color: #ffffff; } #navbar li a:visited { color: #cccccc; } #navbar li a:hover { color: #ffffff; text-decoration: underline; } #maincontent { margin: 0px; padding: 10px; width: 550px; line-height:1.35em; } #sidebar { margin:0; width:190px; color:#333; float:right; padding-top: 9px; padding-right: 9px; padding-bottom: 5px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #999; background-color: #f2f2f2; font-size: 0.9em; } .nav_right { width:100%; padding:0; margin:0; color:#CCC; border-top: solid 1px #ffffff; font:1em; background-color: #300; } .nav_right ul { margin:0; padding:0; list-style:none; text-align:right; } .nav_right li { border-bottom: 1px solid #ffffff; margin: 0; } .nav_right li a { display: block; padding: 0.6em; color: #CCC; text-decoration: none; border-right: .5em solid #330000; font-weight: normal; } html>body .nav_right { width: auto; } .nav_right li a:hover { border-right: .5em solid #660000; color: #FFF; } /* These styles are for the main navigation links, to help users know where they are within the website. Activate the appropriate style within a page by placing the corresponding id selector within the tag. For example: on the Home page use the following: */ #home .nav_right li a.home, #highlights .nav_right li a.highlights, #resources .nav_right li a.resources { color: #fff !important; border-right: .5em solid #660000 !important; background-color: #660000 !important; } #sidebar a:visited { color:#660000; } #sidebar a:hover { color:#cc0000; } #footer { margin:0; padding: .6em; background-color:#330000; color:#FFFFFF; text-align: center; font-size:.9em; } #footer a { color:#ffffff; } #footer a:visited { color:#cccccc; } #footer a:hover { color:#ffffff; text-decoration:underline; } .right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; margin-bottom: 6px; } .left { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; margin-bottom: 6px; }