@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 <div> 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:''; }