@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}
html {overflow-y: scroll;} /*this prevents shorter pages from shifting*/
body{background: #030c1b; margin: auto; text-align: center; font-family: Arial, Helvetica, sans-serif;}
div#header.group ul, div#top_bar ul {list-style:none;}
h1.standard, h1.dggs_standard{
color: #17336b;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.5em;
min-height:24px;
line-height:1.5;
margin: 0px 0 5px 0;
border-bottom: #F3D673 2px solid;}
a:link {color:#00006F;}
a:visited {color:#551A8B;}
a:active {color:#FACB45;}
input{font-family: Arial, Helvetica, sans-serif;}
/*use when providing an image as a form button or link, allows text to be read by a screen reader, you will need to set the image/button properties elsewhere in the CSS*/
a.nav_image_link{outline: none; text-indent:-9999px; display:block; background-repeat:no-repeat;}
/*allows hidden text links to be read by screen readers*/
.hidden{position: absolute;left: 0px; top: auto; width: 1px; height: 1px; overflow: hidden;}
/*this class should be applied to cases where a parent element contains both floated and non-floated child elements, it will force the parent element background to surround floated elements*/
.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.imagelink a {text-decoration:none;}
/*generates transparent borders on hover boxes*/
.hoverbox, li:hover .hoverbox, .ui-dialog{
background:#FFFFFF;
border: 5px solid rgba(0, 0, 0, 0.4);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-background-clip: border; /* Firefox 3.6 */
-webkit-background-clip: border; /* Safari 4? Chrome 6? */
background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-background-clip: padding; /* Firefox 3.6 */
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */}
#container a:active, #menu a:active, #footer a:active {color:#FACB45;}
#top_bar a:active {color: #FFFFFF;}
/*This adds the gradient background on the top of the page*/
#background_top{
background: #4d6991; /* Old browsers */
background: -moz-linear-gradient(top, #4d6991 0%, #1d4175 20%, #16396f 40%, #11366d 60%, #09295a 80%, #030c1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d6991), color-stop(20%,#1d4175), color-stop(40%,#16396f), color-stop(60%,#11366d), color-stop(80%,#09295a), color-stop(100%,#030c1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d6991 0%,#1d4175 20%,#16396f 40%,#11366d 60%,#09295a 80%,#030c1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d6991 0%,#1d4175 20%,#16396f 40%,#11366d 60%,#09295a 80%,#030c1b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #4d6991 0%,#1d4175 20%,#16396f 40%,#11366d 60%,#09295a 80%,#030c1b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6991', endColorstr='#030c1b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #4d6991 0%,#1d4175 20%,#16396f 40%,#11366d 60%,#09295a 80%,#030c1b 100%); /* W3C */
width: 100%; padding-top: 12px;}
#container{width: 960px;text-align: left;margin: auto;}
/*This is for the
container that holds the entire top bar*/
#top_bar{
width: 960px;
height: 26px;
border-bottom: 2px solid #EDDF4E;
position:relative;
background: #fef792; /* Old browsers */
background: -moz-linear-gradient(top, #fef792 0%, #fdeb7d 21%, #f8bd2d 75%, #f7ae12 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef792), color-stop(21%,#fdeb7d), color-stop(75%,#f8bd2d), color-stop(100%,#f7ae12)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fef792 0%,#fdeb7d 21%,#f8bd2d 75%,#f7ae12 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fef792 0%,#fdeb7d 21%,#f8bd2d 75%,#f7ae12 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fef792 0%,#fdeb7d 21%,#f8bd2d 75%,#f7ae12 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef792', endColorstr='#f7ae12',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fef792 0%,#fdeb7d 21%,#f8bd2d 75%,#f7ae12 100%); /* W3C */
border-top: 1px solid #FEA903;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#top_bar ul {line-height:26px;}
#top_bar ul li {float:left; padding-right:12px; }
#top_bar ul li a {font-size: .69em; color:#00006F; text-decoration:none; font-weight: bold; vertical-align:center; }
/*Style for the hover / focus state of the list of links in the top bar*/
#top_bar ul li a:hover, #top_bar ul li a:focus{text-decoration: underline;}
#top_bar ul li#soa {background-color:#FFC533;margin-right:220px; background-image:url('../images/template/template.png');
background-repeat:no-repeat;
background-position:10px -82px; padding-left:50px;
border-top: 1px solid #FEA903;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
border-bottom: 2px solid #EDDF4E;
height:25px;
padding-right:0px;
position:relative;
}
#top_bar ul li#soa a{font-size:1em;
font-style: oblique;
font-weight:bold;
text-shadow: #00006F -1px 0px 0px,#FDF087 0em 0em 0.2em,#FDF087 0em 0em 0.2em, #FDF087 0em 0em 0.2em;
padding-right:10px;
}
#dggs{height: 90px; width:650px; background-image:url('../images/template/template.png');
background-repeat:no-repeat;
background-position:0px 8px; }
/*This is the container as well as the holder of the actual header image*/
#header{
border-top: 1px solid #FEA903;
background: #143063; /* Old browsers */
background: -moz-linear-gradient(top, #143063 0%, #061d3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#143063), color-stop(100%,#061d3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #143063 0%,#061d3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #143063 0%,#061d3f 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #143063 0%,#061d3f 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143063', endColorstr='#061d3f',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #143063 0%,#061d3f 100%); /* W3C */}
#header form {float:right; }
/*googlesearchbox*/
#searchbox {width: 294px;
margin-right:10px;
position:relative; top:-8px;
background-color:#FFFFFF;
height:24px;
line-height:22px;
border:#FFFFFF solid 1px;
overflow:hidden;
}
#searchbox button {
margin:0px;
border:none;
height:24px;
width:80px;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
background: #183e6a; /* Old browsers */
background: -moz-linear-gradient(top, #183e6a 0%, #051330 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183e6a), color-stop(100%,#051330)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #183e6a 0%,#051330 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #183e6a 0%,#051330 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #183e6a 0%,#051330 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183e6a', endColorstr='#051330',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #183e6a 0%,#051330 100%); /* W3C */
padding:0 0 4px 4px;
float:right;
}
#searchbox input { width:194px; border:#D7D7D7 1px solid; border-right:none;height:20px; margin:0px; position:absolute; background-image: url(../images/template/icons.png); background-repeat:no-repeat; background-position:2px -69px;padding-left:20px;}
#searchbox span.triangle {left:214px; border-color: transparent transparent transparent #D7D7D7; top:-1px;}
#top_bar span.triangle { right:-11px; top:-1px; border-color: transparent transparent transparent #FDF188;}
span.triangle {
position:absolute;
border-style: solid;
border-width: 14px 5px 14px 5px;
height: 0px;
width: 0px;
display:block;
z-index:2;
}
#searchbox > span.triangle + span.triangle{left:212px;
border-color: transparent transparent transparent white;
}
#top_bar span.triangle + span.triangle{right:-9px;
border-color: transparent transparent transparent #FFC533;
}
/*the two classes below contol the google watermark*/
#radio {position:relative; top:46px; padding-right:10px; text-align:right;}
#radio label{font-weight: bold; color: #FFFFFF; font-size: 0.7em; position:relative; top:-3px; padding-right:1px;}
/*menu*/
/* the structure of our head-menu */
ul#menu{float:left;
width: 958px;
background-color: #17336b;
border-right:1px solid #2b241b;
border-left:1px solid #2b241b;
border-top:1px solid #637ba5;
border-bottom:2px solid #637ba5;
font-weight: bold;
font-size: .9em;
white-space:nowrap;}
/* the structure of the first items */
#menu li:first-child, #menu li:first-child a {border-left:none;}
#menu li {float:left; /*Float all our items to the left, position set to relative to make sure the submenu is displayed relatively to the first items.*/
position:relative;
border-left:solid 2px #39507d;
height: 26px;
z-index:6000;
}
/* the links inside our first items */
ul#menu li a {
color: #FFFFFF;
text-decoration: none;
padding:4px 15px 0px 8px;
display: block;/*so that user can click on the whole menu item in order to get to the source*/
border-left:solid 1px #011745;
border-top:solid 2px #17336b;
height:18px;
}
ul#menu li a:hover {/* the roll-over styles for the links in our first items */
background-color: #061d40;
border-top: #FFCC00 solid 2px;}
ul#menu li li a:hover { background-color:#F2F2F2; border-top:none; text-decoration: underline; }
ul#menu li ul {
min-width:20em;
position: absolute;
color: #17336b;
}
ul#menu li ul li:hover {background-color:#F2F2F2;}
ul#menu li ul.short_list {min-width:9.2em;}
ul#menu li ul.short_list li {float:none; width:100%;}
ul#menu li ul li {border-right:none; border-left:none; width:50%; white-space:nowrap; border-bottom:solid #FFFFFF 1px; border-top:solid #FFFFFF 1px;}
ul#menu li ul li:hover { border-bottom:solid #E5E5E5 1px; border-top:solid #E5E5E5 1px;}
ul#menu li ul li ul{position:relative;}
ul#menu li ul li ul li {height:22px; position:relative; float:none; border:none;
bottom:1px}
ul#menu li ul li ul li:hover{border:none;}
ul#menu li ul li ul li a {font-weight:normal; margin-left: 10px;}
#menu ul li a {color: #17336b; border:none;} /* the structure of our submenu items */
ul#menu li:hover ul, ul#menu li:active ul {
display: block;/*makes the second-level menu pops up*/
}
#menu li ul { display: none;}
#menu li:hover ul {
display: block;
position: absolute;
}
/*end menu*/
/*breadcrumb trail and outer content box*/
#tools {float:left; background-color: #F5FAFE; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d1d3d6; font-size:.7em; font-weight:bold; padding:2px 0px 1px 0px; width:100%;}
#tools li {float:left; padding-right: 2px; }
#tools a {color:#535353; text-decoration: none;}
#tools a:hover {text-decoration: underline;}
#tools #breadcrumb {width:890px; margin-left:7px; float:left;padding-bottom:2px;}
#tools #breadcrumb li {margin-top:2px;}
#tools #breadcrumb li.current {color:#5680AD;}
#tools #breadcrumb li:before {content:">"; text-decoration:none; color:#666666; padding-left:2px;padding-right:2px}
#tools #breadcrumb li:first-child:before {color:#eeeeee; margin-left:-8px;}
#tools #addthis {float:right; height:16px; margin-right:8px;}
#tools #addthis li a { display:block; width:16px; overflow:hidden; color:rgba(245, 250, 254, 0.0); padding-top:2px; background-position:top;}
#tools #addthis li#twitter{background-image:url(../images/template/icons.png); background-repeat:no-repeat;}
#tools #addthis li#facebook{background-image:url(../images/template/icons.png); background-repeat:no-repeat; background-position:0px -24px;}
#tools #addthis li#rss{background-image:url(../images/template/icons.png); background-repeat:no-repeat; background-position:0px -48px;}
#content {background-color:#FFFFFF; position:relative; font-size:.95em; /* padding-bottom:10px; padding-top:10px;overflow:hidden;*/}
#footer{
min-height: 200px;
padding-top: 3px;
text-align:left;
}
#footer li {display:inline; padding-right:12px;}
#footer > div{width:960px; margin:auto; padding-top: 8px; }
#department_footer span{padding-right: 1em; }
#department_footer ul {padding-bottom:8px; margin-left:12px; }
#department_footer ul#notices {position:absolute;}
#department_footer {font-size:.75em; background-color: #F5FAFE; border-bottom-width: 12px; border-bottom-style: solid; border-bottom-color: #EEEEEE; position:relative; }
#department_footer a {color: #2a3858;}
#department_footer div ul { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#CCCCCC; width:960px;}
#department_footer div ul li:before{content:' || '; font-size:.9em; vertical-align:top; color:#999999;}
#department_footer div ul li:first-child:before{content:''; }
#department_footer div ul li a {padding-right:12px; }
#department_footer div ul li {padding-right:0px;}
#footer ul:first-child {float:left;}
#footer div div {float:right; text-align:right; }
#soa_footer {
min-height:60px;
font-size:.8em;
color:#FFFFFF;
background-image:url('../images/template/template.png');
background-repeat:no-repeat;
background-position:0px bottom;
}
#soa_footer a {color:#FFFFFF;}
#soa_footer ul {}
#footer a:hover {text-decoration:none;}
#soa_footer div {text-align:right; }
#soa_footer div span:before{content:' || '; font-size:.9em; vertical-align:top; color:#526d96;}
#soa_footer div span:first-child:before{content:''; }