/* -------------------------------------------------------------- This is the main CSS-file. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "typography.css"; @import "forms.css"; /* =MAIN-CONTAINER-ELEMENTS -------------------------------------------------------------- */ body { padding: 0 20px 0 20px; background:#9cc; } div#skip { display: none; } div#container { background: #FFF; min-width: 694px; /*max-width: 1214px;*/ margin: 0 auto; overflow: hidden; padding: 0 30px 0 20px; border-left: 1px solid #066; border-right: 1px solid #066; border-bottom: 1px solid #066; border-top: 1px solid #999; } body.one-col div#container, body.two-col div#container, body.secondary div#container { /*padding-top: 10px;*/ } div#header { /*height:144px;*/ margin: 0 0 -27px 0; overflow: hidden; padding: 0; background: #fff url(../images/bg_header_texted_yellow.jpg) repeat-y top right; min-width: 744px; /*max-width: 1254px;*/ border-left: 1px solid #066; border-right: 1px solid #066; } .dept div#header { border-bottom: 1px solid #699; } div#branding { margin-top:-5px; position:relative; top:0; left:0; min-width: 734px; /*max-width: 1254px;*/ } div#content { float: left; width: 100%; padding-bottom: 1em; min-height: 420px; } div#dept { clear:both; background: #fff; padding: 0; margin: 0 0 0.5em 0.7em; font-size: 160%; color: #000; font-weight: bold; font-family: Arial, san-serif; } div#content-primary { float: left; width: 64%; } div.twocol { float:left; width: 47%; padding: 0 1em 0 0; } .dept div#content-primary { margin: 1em 0 0 0; } .dept div#content-primary h1 { margin: 0 0 0.5em 0; padding: 0; } div#content-primary a { text-decoration: none; } div#content-primary a:visited { color: #606; } div#content-primary a:hover { text-decoration: underline; } div#content-secondary { float: right; width: 36%; height: 100%; } .dept div#content-secondary, .dept.three-col.nosub div#content-secondary { border-top: 1px solid #ccc; } .xstooltip { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 2; padding: 15px 10px 0px 30px; margin-left: 5%; background-color: #E6E6FA; max-width: 30%; opacity:0.9; color: #000; filter:alpha(opacity=90); } #twitter_div { padding: 0 0 0 1px; border-style: solid; border-width: 1px; border-color: #ccc; border-bottom: none; } #twitter_div ul li { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; } #twitter_div ul li a { text-decoration: none; } #twitter_div ul li a:hover { text-decoration: none; } #twitter_div p { text-align: right; padding: 10px 15px 10px 15px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; } /* For print-only box -------------------------------------------------------------- */ p#printbox {display:none;} /* Set one column layout -------------------------------------------------------------- */ body.one-col div#content-secondary, body.one-col ul#nav-primary { display: none; } body.one-col div#content-primary { width: 98%; } /* Set two and three column layouts -------------------------------------------------------------- */ body.alt div#content-primary { width: 80%; } body.alt div#content-secondary { width: 20%; } body.two-col div#content, body.three-col div#content { float: right; width: 80%; } body.two-col ul#nav-primary, body.three-col ul#nav-primary { float: left; width: 16%; } body.two-col div#content-primary { width: 100%; } body.two-col div#content-secondary { display: none; } body.three-col div#content-primary { width: 68%; padding-right: 4%; } body.three-col div#content-secondary { width: 28%; } /* =SITE-TOOLS -------------------------------------------------------------- */ ul#site-tools { float: right; list-style-type: none; background: url(../images/divider-site-tools-large.gif) no-repeat 100% 50%; padding: 2.5em 0 2.6em 0; margin: 0; font-family: Arial, Helvetica, sans-serif; } .dept ul#site-tools { padding: 2.5em 0 1.6em 0;} ul#site-tools li { float: left; padding: 0 10px 0 10px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } ul#site-tools li.last { background: none; } .dept div#site-search { padding: 1.3em 0 0 0; } div#site-search ul { padding:5px; margin: 0; list-style-type: none; } div#site-search ul li { float: right; padding: 0 7px 0 7px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } div#site-search ul li.last { background: none; padding-right: 15px; } div#site-search ul li a { color:#036; text-decoration:none; } div#site-search ul li a:hover { color:#c60; } div#site-search { float:none; width:auto; height:auto; padding:10px 0 5px 0; font-family: Arial, Helvetica, sans-serif; } div#site-search form { text-align:right; } /* =NAV-PRIMARY -------------------------------------------------------------- */ ul#nav-primary { list-style-type: none; /*border-top: 2px solid #b2ccff;*/ margin: 0 20px 50px 8px; clear: both; width: 100%; background: url(../images/nav_primary_green.jpg) no-repeat 100% 0; font-weight: bold; } ul#nav-primary li { /*border-top: 1px solid #b2ccff;*/ border-bottom: 1px solid #9c9; margin-right: 1px; margin-left: 0; } ul#nav-primary li.first { border-top:none; } ul#nav-primary li.title { border-top: none; font-weight: bold; padding: 0.6em 20px 0.45em 10px; font-weight: bold; color:#036; background: white; } ul#nav-primary li a { /*border-top: 1px solid white;*/ padding: 0.6em 20px 0.45em 10px; display: block; height: 100%; text-decoration: none; } ul#nav-primary li a:link, ul#nav-primary li a:visited { color: #030; } ul#nav-primary li a:hover, ul#nav-primary li.active a:hover { background: #fff; color:#900; } ul#nav-primary li.active a:hover { text-decoration:underline; } ul#nav-primary li.active { background:#fff; font-weight: bold; color:#900; } ul#nav-primary li.active a { border: none; font-weight: bold; color:#900; } ul#nav-primary li.active ul, ul#nav-primary li ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0.3em 0 0 0; } ul#nav-primary li.active ul li, ul#nav-primary li ul li { border: none; border-top: 1px solid #9c9; padding: 4px 0 4px 0; } /* Style for unselected secondary nav link */ ul#nav-primary li.active ul li a, ul#nav-primary li.active ul li a:hover, ul#nav-primary li ul li a, ul#nav-primary li ul li a:hover { padding: 0 20px 0 30px; border: none; color:#030; font-weight: normal; } ul#nav-primary li.active ul li a:hover, ul#nav-primary li ul li a:hover { color:#900; text-decoration: underline; } /* Style for selected secondary nav link */ ul#nav-primary li.active ul li.active a, ul#nav-primary li.active ul li.active, ul#nav-primary li.active ul li.active a:hover, ul#nav-primary li ul li.active a, ul#nav-primary li ul li.active a:hover { color: #900; font-weight: normal; padding: 4px 20px 4px 30px; } /* =NAV-TABBED -------------------------------------------------------------- */ ul#nav-tabbed { list-style-type: none; background: white; font-family: Arial, Helvetica, sans-serif; clear: both; width: 100%; overflow: hidden; } ul#nav-tabbed li { float: left; margin-right: 1px; margin-bottom: 1px; } ul#nav-tabbed li a { color: white; background:#06c url(../images/bg-tab-right.gif) no-repeat 100% 0; display: block; padding: 0.6em 20px 0.45em 20px; position: relative; text-decoration: none; } ul#nav-tabbed.az li a { color: white; padding: 0.6em 9px 0.45em 9px; font-size: 0.9em; } ul#nav-tabbed li a span { background: url(../images/bg-tab-left.gif) no-repeat 0 0; width: 5px; height: 5px; position: absolute; top: 0; left: 0; } ul#nav-tabbed li a:hover { text-decoration: none; background: #036 url(../images/bg-tab-right-over.gif) no-repeat 100% 0; } ul#nav-tabbed li a:hover span { background: url(../images/bg-tab-left-over.gif) no-repeat 100% 0; } ul#nav-tabbed li.active a { background: #b2ccff url(../images/bg-tab-right-active.gif) no-repeat 100% 0; color: #000; font-weight: bold; } ul#nav-tabbed li.active a span { background: url(../images/bg-tab-left-active.gif) no-repeat 100% 0; } div#navtabs { /*background: #d3d3b1;*/ min-width: 694px; max-width: 1214px; line-height: 1em; margin-left: -4px; overflow: hidden; padding: 0px 0px 0px 0; clear: left; position: relative; bottom: 26px; left: 16%; /*border-left: 1px solid #066;*/ /*border-right: 1px solid #066;*/ } /* =BREADCRUMB -------------------------------------------------------------- */ div#breadcrumb { margin:0 auto; padding: 0.5em 0 0.2em 1em; background: #9cc; /*min-width: 694px;*/ max-width: 1214px; border-left: 1px solid #d3d3b1; border-right: 1px solid #d3d3b1; } ul#nav-breadcrumb { overflow: hidden; margin: 0.8em 0 0.5em 0; padding: 0; list-style-type: none; color: #666; font-size: 0.7em; } body.two-col ul#nav-breadcrumb, body.three-col ul#nav-breadcrumb { margin-bottom: 0.85em; } ul#nav-breadcrumb li { float: left; padding: 0 10px 0 11px; background: url(../images/icon-arrow-nav-breadcrumb.gif) no-repeat 0 50%; } ul#nav-breadcrumb li.first { background:none; padding-left:0; } ul#nav-breadcrumb li.first a { padding-left: 21px; /*background: url(../images/icon-home.gif) no-repeat 0 0;*/ } ul#nav-breadcrumb li.last { } ul#nav-breadcrumb a { text-decoration: none; } ul#nav-breadcrumb a:hover { text-decoration: underline; } ul#nav-breadcrumb a:visited { color: #003c79; } /* =SITE-INFO -------------------------------------------------------------- */ ul#site-info { overflow: hidden; margin: 0; clear: both; width: 100%; list-style-type: none; border-top: 2px solid #9cc; padding-top: 1em; padding-bottom: 2em; font-size: 0.7em; } ul#site-info li { float: left; } ul#site-info li a{ text-decoration:none; } ul#site-info li.link { float: right; padding: 0 10px 0 10px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } ul#site-info li.last { background: none; padding-right: 0; }