@charset "utf-8";
/* General tags */
html,body{ height:100%; }
body{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:11px;
background:#FFF;
text-align:center;
}
a:link {
color: #005DAF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #005DAF;
}
a:hover {
text-decoration: underline;
color: #005DAF;
}
a:active {
text-decoration: none;
color: #005DAF;
}
h1{
font-size:18px;
margin: 0 auto;
color:#005DAF;
padding:10px 0;
}
h2{
font-size:17px;
margin: 0 auto;
padding:7px 0;
}
p{
margin:0 auto;
padding:5px 0;
}
a img{ border:none; }
p.superscript{ font-size:9px; } /* ® was too big... */
h1 .superscript, h2 .superscript, h3 .superscript{ font-size:60%; margin:-8px auto 8px; }
form{ margin:0; padding:0; }
sup{ font-size:9px; } /* superscript was too big */
/* Structure */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#container{ /* Everything goes in the container, which is a centered div */
margin:0 auto;
padding:0;
width:780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
border:#CCCCCC solid 1px ;
border-top:#005DAF solid 10px;
}
#header{ /* Contains the logo and contact / sitemap */
margin:0 auto;
padding:0;
height:81px;
border:#FFF solid 1px; /* without the border, content is pushed down for some reason (FF)*/
clear:both;
}
#header #logo{
float:left;
width:149px;
}
#header #links{
text-align:right; /* Put links on right side */
margin:50px 10px 0 0; /* push links down on to the left */
}
/* "bullet" style links */
#header #links a{
color:#333333;
margin:0 20px 0 0;
padding:0 0 0 12px;
background:url(../../images/bullet.gif) top left no-repeat;
white-space:nowrap;
}
#nav{
margin:0 auto;
width:750px;
padding:6px 0;
border:#005DAF solid 1px;
border-left:none;
border-right:none;
text-align:left;
font-size:11px;
}
#nav ul{
margin:0 auto;
padding:0;
list-style-type:none;
}
#nav li{
float:left;
margin:0 0 0 15px;
padding:0 0 0 15px;
background:url(../../images/arrow_right.gif) top left no-repeat;
font-weight:bold;
}
#nav li.selected{ background-image:url(../../images/arrow_down.gif); }
#nav li.selected a{ color:#005DAF; text-decoration:none; cursor:default; }
#nav a{ color:#333333; }
#subnav{ /* Match #nav width */
margin:0 auto 6px;
width:750px;
padding:0;
text-align:left;
border-bottom:#005DAF solid 1px;
background:url(../../images/subnav_bkg.gif) top left repeat-y;
}
#subnav ul{
margin:2px auto 4px auto;
padding:0;
list-style-type:none;
float:left;
width:50%;
}
#subnav li{
padding:2px;
margin:0 auto;
}
#subnav a{
color:#333333;
margin:0 0 0 20px;
padding:0 0 0 12px;
background:url(../../images/bullet.gif) top left no-repeat;
white-space:nowrap;
}
#subnav a.selected{ /* "Fake" link */
font-weight:bold;
text-decoration:none;
cursor:default;
}
#subnav a.selected:hover{ color:#333333; }
/* Content structure -
There are two layouts, one is using content_rightcol with a column div inside to create a column on the right side.
The other is using content_nocol, with no column div inside.
*/
#content_rightcol, #content_nocol{ /* The container elements are the same, it's the content classes that change */
margin:0;
padding:0;
text-align:left;
}
#left_column{ /* Define generic left column (content) */
margin: 0;
padding:0 15px;
text-align:left;
}
#right_column{ /* The right column, which is always a child of #content_rightcol */
float:right;
width:200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
margin:0;
padding:0;
text-align:center;
}
#content_rightcol #left_column{ margin: 0 200px 0 0; } /* the right margin on this div element creates the column down the right side of the page. Remove to wrap contnent around sidebar */
#footer{
margin:10px 0 0 0;
padding:0;
}
ul#footer_nav{
margin:0;
padding:20px 15px;
list-style:none;
background:#F3F3F3;
clear:both;
}
ul#footer_nav li{
float:left;
margin:-5px 10px 0 0px;
padding:0;
}
#footer p{
text-align:left;
margin:10px 15px;
padding:0;
}
/* Misc */
a.more{ white-space:nowrap; }
.image_blue{
margin:0 auto;
padding:5px;
border:#005DAF 1px solid;
}
.image_blue_caption{
margin:6px auto;
padding:0;
border:#005DAF 1px solid;
}
.image_blue_caption img{ margin:0px; padding:0;}
.image_blue_caption .caption{
margin:0 auto;
padding:2px;
text-align:center;
font-size:11px;
background:#005DAF;
color:#FFFFFF;
}
#right_column img{ margin:6px auto; }
/* BOXES */
div.box_blue,
div.box_blue_light,
div.box_grey{
margin:10px auto;
padding:10px;
width:175px; /* The width includes padding and border (right column width - this padding = 100% right column width) */
}
div.box_blue,
div.box_blue_light,
div.box_blue a,
div.box_blue_light a{ color:#FFFFFF; } /* set color and links to white for these */
/* set background colors */
div.box_blue{ background-color:#005DAF; }
div.box_blue_light{ background-color:#559DD9; }
div.box_grey{ background-color:#ECECEC; }
/* TABLES */
/* Use