@charset "utf-8";
/* Survey Design Services (SDS) */
/* Developed by Think MG */

* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#193282; behavior: url("csshover3.htc"); }

img {margin:0; padding:0; border:0;}

#header_container {width:100%; height:105px; background:url(images/sds-banner.jpg)  no-repeat #302E7F; border-bottom:1px solid #fff; min-width:900px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 900 ? "900px" : "auto");}
#header_container span {display:none;}
#header_container a, #header_container h1 a, #header_container h1 {display:block; width:100px; height:105px;}
/** #header_container .addthis {float:left; width:150px; height:25px; margin:-75px 0 0 765px; z-index:999;} *//
#primary_content_container #primary_left_col .addthis {float:left; margin:20px 0 10px; 10px;}



#nav_banner_container {width:100%; height:233px; background:#4162CA; min-width:900px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 900 ? "900px" : "auto");}
#nav_container {width:210px; background:#fff; float:left; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;}

.dark_button {background:#283080; width:210px; height:25px; border-bottom:1px solid #fff;}
.dark_button a {display:block; width:200px; height:19px; padding:6px 0 0 10px;}
.dark_button a:link, .dark_button a:visited {color:#fff; text-decoration:none;}
.dark_button a:hover, .dark_button a:active {color:#fff; text-decoration:none; background:#2C57E0;}

.light_button {background:#2C35A3; width:210px; height:25px; border-bottom:1px solid #fff;}
.light_button a {display:block; width:200px; height:19px; padding:6px 0 0 10px;}
.light_button a:link, .light_button a:visited {color:#fff; text-decoration:none;}
.light_button a:hover, .light_button a:active {color:#fff; text-decoration:none; background:#2C57E0;}


#banner_container {width:688px; height:233px; border-left:1px solid #fff; border-right:1px solid #fff; float:left; background:#fff;}

#bar {width:100%; height:25px; background:#fff url(images/sds-bar.gif); clear:both; border-top:1px solid #fff; font-size:10px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #fff; min-width:900px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 900 ? "900px" : "auto");}
.bar_button {background:#2C35A3 none repeat scroll 0 0; height:24px; margin:-1px 0 0 0; width:210px;}
.bar_button a {display:block; width:200px; height:19px; padding:6px 0 0 10px; font-size:10px; font-weight:bold;}
.bar_button a:link, .bar_button a:visited {color:#fff; text-decoration:none; font-size:10px; font-weight:bold;}
.bar_button a:hover, .bar_button a:active {color:#fff; text-decoration:none; background:#2C57E0; font-size:10px; font-weight:bold;}

#primary_content_container {background:url(images/mid-section-bg.gif) #EDF1FD; width:100%; min-width:900px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 900 ? "900px" : "auto");}

#primary_left_col {width:210px; float:left; background:#3E5EC7;}
#brochure {width:210px; height:223px;}
#download_btn {width:210px; height:33px; text-align:center; font-size:10px; color:#283080;}
#download_btn a:link, #download_btn a:visited {text-decoration:none; color:#ccc;}
#download_btn a:hover, #download_btn a:active {text-decoration:underline; color:#ccc;}

#primary_content {width:650px; float:left; background:#fff; padding:20px; line-height:18px; text-align:justify;}
#primary_content h1 {margin:0; padding:0; color:#283080; font-size:16px; line-height:22px;}
#primary_content h2 {margin:0; padding:0; color:#3E5EC7; font-size:13px; line-height:22px;}
#primary_content a:link, #primary_content a:visited {color:#2C35A3; text-decoration:none; font-weight:bold;} 
#primary_content a:hover, #primary_content a:active {color:#2C57E0; text-decoration:none; font-weight:bold;} 
#primary_content ul {padding:0 0 0 15px;}

.content_image {width:auto; height:auto; padding:10px; background:#efefef; margin:20px 0 20px 20px; float:right;}
.topo {width:320px; float:left; margin:0 2px 0 3px; padding:0 0 20px 0;}

#content_divider {width:100%; height:23px; font-size:0; background:#193282; clear:both;}

#secondary_content_container {background:url(images/sds-leftcol.gif) repeat-y #EDF1FD; width:100%; min-width:900px; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 900 ? "900px" : "auto");}
#secondary_left_col {width:210px; float:left; background:#3E5EC7; color:#fff; line-height:18px;}
#secondary_left_col ul {padding:20px 0 0 35px;}
#secondary_content {width:650px; float:left; background:#fff; padding:0 0 20px 40px; line-height:18px;}

.image_container {width:190px; height:180px; float:left; margin:20px 20px 0 0; background:#ccc;}
.image_holder {width:190px; height:135px; background:#e5e5e5;}
.image_caption {width:190px; height:39px; text-align:center; background:#f5f5f5; border-top:1px solid #fff; padding:5px 0 0 0; font-size:11px;}
.image_caption a:link, .image_caption a:visited {color:#2C35A3; text-decoration:none; font-weight:bold;}
.image_caption a:hover, .image_caption a:active {color:#2C57E0; text-decoration:none; font-weight:bold;}

#footer {width:auto; background:#193282; clear:both; font-size:10px; color:#999; font-weight:normal; padding:5px 0 20px 10px;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline;}

#footer ul {width:800px; padding:5px 0 0 0;}
#footer li {display:inline; padding:0 3px 0 3px;}

.blue13bold {color:#3E5EC7; font-size:13px; font-weight:bold;}


/* FORM */

form {padding:1.50em 1.00em 1.00em 1.00em; background-color:#eaeaea; margin:15px 0 15px 0; float:left;}
form label {width:175px; float:left; margin:0 10px 0 0; clear:both; font-family:Arial; color:#444; vertical-align:middle; height:28px; /* line-height:2.35em; */}
.labelcheck {float:none; width: 8em; padding:0 0 0.25em 1.00em;}


.input {border:0 none; color:#444444; float:left; font-family:Arial; height:20px; margin:0 0 3px; padding:3px; width:250px; font-size:12px;}  
input.checkbox {width: auto;}

.dropdown {margin:0 1.25em 0.5em; width:19.00em; height:2.00em; padding:0.25em 0.25em 0 0.25em; font-family:Arial; color:#444; border: 0pt none; font-size:0.75em; float:left;} 
.textarea {width:350px; height:100px; padding:5px; font-family:Arial; color:#444; border: 0pt none; float:left; font-size:12px;} 
.radio {width:25em; font-family:Arial; font-size:0.75em; color:#444;}

.check {width:3.00em; float:left;}
.checklabel {width:35.00em; margin:0 0 -1.00em 0; color:#444;}

form label span{color:#CC0000;}

.error {width: 100%; margin:0 0 20px 0;}
.error h1 {background:#CC0000 none repeat scroll 0 0; clear:both; color:#FFFFFF; font-size:16px; font-weight:bold; margin:0; padding:0.5em 0 0.5em 0.5em;}
.error div {background:#CC0000; padding:0.63em; color:#fff; clear:both; margin:0 0 1.25em 0;}
.error div ul {padding:0; margin:0 0 1.50em 1.50em;}
.error div li {padding:0; margin:0 0 0 1.25em; list-style-type: square; font-family: Arial, sans-serif; color:#fff;}

#expired_warning {font-family:Arial,sans-serif;font-size:0.75em;line-height:1.5em;}
.expired {background: #FFFF88;padding: 0.63em;font-weight: bold;margin: 0 0 0.63em 0;}

#error_msg {color:#fff; background-color:#CC0000; padding:1.00em 1.00em 1.00em 1.00em; margin:0 0 1.5em 0; width:38.31em;}
#msg {padding:2.00em 1.00em 1.00em 1.00em;}
#error_msg ul { margin:0 0 1.25em 1.25em; float:left;}
#error_msg ul li { list-style-type:circle;}
#error_msg a {color:#fff; text-decoration:underline;}

.sendbutton {background-color:#193282; border:0 none; color:#FFFFFF; cursor:pointer; float:right; font-family:Arial,Helvetica,sans-serif; font-weight:bold; margin:20px 0 0; padding:0.25em 0.75em; text-decoration:none;}
.sendbutton:hover {background-color:#2C57E0;}


/** NEW NAVIGATION **/

#menu {width: 210px; background:#fff; float:left;}
#menu ul {list-style: none; margin: 0; padding: 0; width:210px;}
#menu li.dark_button a {background:#283080; text-decoration: none; display: block;  margin: 0; padding:6px 0 0 10px; color:#fff; width:200px; height:19px; border-bottom:1px solid #fff; }
#menu li.dark_button a:hover {background:#2C57E0;}

#menu li.light_button a {background:#2C35A3; text-decoration: none; display: block;  margin: 0; padding:6px 0 0 10px; color:#fff; width:200px; height:19px; border-bottom:1px solid #fff; }
#menu li.light_button a:hover {background:#2C57E0;}

#menu li {position: relative; width:210px; height:25px;}
#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%;}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul {display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;
} 

</style>
<![endif]-->