/* ============ GENERAL ============ */
* {margin:0; padding:0;}
ul 			{list-style-type:none;}
html, body 		{min-height:85%; margin:0; padding:0;}
body 			{ background:#394246; font-size:100%; font-family:Helvetica, Arial, sans-serif; text-align:center; color:#444; padding:15px 5px 15px 5px;}

.skipnav 		{color: #666; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; background-color: transparent;}
.hidden 		{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

h1 			{font-size: 200%; margin: 0; padding: 8px 0 0 0; color:#444; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;}
h2 			{font-size: 160%; margin: 0; padding: 8px 0 0 0; color:#669900; font-family: inherit; font-weight: normal; background-color: inherit; line-height: normal;}
h3 			{font-size: 130%; margin: 0; padding: 8px 0 0 0; color:#006699; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;}
h4 			{font-size: 115%; margin: 0; padding: 8px 0 0 0; color:#444; font-family: inherit; font-weight: normal;background-color: inherit; line-height: normal;}

strong 			{ font-weight: bold;}
.abbr 			{ border-bottom: 1px dotted #999; cursor: default;}
acronym 		{ border-bottom: 1px dashed #999; cursor: default;}
img 			{border-style: none;}

#siteActions 		{text-align:right; width:955px; margin-right:-26px;}


/* --------- STRUCTURAL --------- */
#wrapper {width:950px; min-height:100%; padding:12px; background:#fff; margin:0 auto 0 auto; auto; text-align:left; }

#dccheadertwo {height:154px; width:auto; background:url("../Images/Header_plain.jpg") no-repeat top left; padding: 0;}
.header_left { float:left; width:280px; padding: 20px 0 0 25px; text-align:left;}
.header_left p {margin:35px 0 0 -15px; font-size:0.88em; color:#006699;}
.header_right { width:auto; height:auto; padding:126px 8px 0 0; margin: 0 0 0 290px; text-align:right; }

#colleft { float:left; width:200px; text-align:left; height:100%; padding:0;  margin:0;}
#colleft img { margin:0 0 0 36px;}
#colright { margin:0 0 0 220px; padding:0; height:100%;}

#searchbox {width:auto; height:50px; background:url("../Images/Searchbox_bkgd.jpg") repeat-x top left; margin-bottom:4px; padding:8px; text-align:left;}
#searchbox img {margin:0 0 6px 0;}
#searchbox input { float:left; width:145px; height:18px;}
#searchbox input.searchbutton { float:left; background:url("../Images/Icon_Search.gif") no-repeat; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px; }

#footerwrapper {clear:both; width:950px; padding:12px 12px 10px 12px; background:#fff; margin:0 auto 0 auto; auto; text-align:left; }

#footer { height:44px; padding: 0 8px 0 8px; color: #656565; font-size:73%; background: #fff url(../Images/footer_bkgd.jpg) repeat-x; text-align: left; margin:0; }
#footer ul { padding-top:8px; }
#footer li { display:inline; }
#footer a, #footer a:visited { color: #0E2A5D; text-decoration: none; font-size:103%;}
#footer a:hover {color: #006699; text-decoration: none;}

.footerleft {float:left;  margin: 0; padding: 9px 85px 0 0; height:30px; background:url("../Images/footer_divider.gif") no-repeat top right; }

.footerright {text-align:right; margin:0; padding: 17px 0 0 0; }

.clearer {clear:both; height:1px; width: 1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
.spacer {  padding-top:13px;}

/* --------- NAVIGATION --------- */
#breadcrumb  {color: #999; background-color: #fff; padding: 0; margin:0 0 5px 0; text-align:left; font-size:0.8em; height:auto;}
#breadcrumb li {margin: 0; padding: 0; list-style: none; display: inline; background-image:none;}
#breadcrumb a, #breadcrumb a:visited {margin: 0; padding:0 2px 0 0;  background-color: inherit; color:#0099cc; font-weight:normal; text-decoration:none;}
#breadcrumb a:hover {margin: 0; color:#006699; font-weight:normal; background-color: inherit;}

#navigation { width:auto; padding: 7px 5px 0px 5px; margin: 0; border:1px solid #c1ccd3; background:#efefef url("../Images/Nav_bkgd.jpg") repeat-x bottom left; font-size: 0.9em;}
#navigation ul {width: auto; margin: 0; padding: 0; list-style-type: none; font-weight:bold; }
#navigation ul li { margin:4px 0 3px 0; padding: 0 0 5px 0; line-height:normal; font-size: 0.9em; background:transparent url("../Images/Nav_arrow.gif") no-repeat top left;}
#navigation ul li a:link, #navigation ul li a:visited {color: #0E2A5D; text-decoration: none; background-color:transparent; font-weight:normal; margin:0 0 0 14px; }
#navigation ul li a:hover {color: #006699; background:transparent; }
.dots {background:url("../Images/dotted_line.gif") repeat-x bottom left; height:2px; width:auto; padding:0 0 5px 0; margin:0 5px 0 10px;}

.topofpage a, .topofpage a:visited { clear:both; font-size:0.83em; color:#0099cc; text-decoration:none;font-weight:normal; padding:0; margin:0;}
.topofpage a:hover { color:#006699; font-weight:normal; text-decoration:none;}


#tabbednavigation {margin: 0px 0 10px 0px; padding: 0; height: 21px; width:auto;  text-align: right; border-top: 1px solid #ccc; background:#d8d8d8; }
#tabbednavigation ul {float:right; border: 0; margin: 0; padding: 0; list-style-type: none; text-align: right; width:auto; }
#tabbednavigation ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; font-size:0.9em; }
#tabbednavigation ul li a { background: url("../Images/ServicePage_Tab.jpg") repeat-x; width: 90px; height: auto;  border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0 1px 0; margin: 0 0 10px 0; color: #0E2A5D; text-decoration: none; display: block; text-align: center;}
#tabbednavigation ul li a:hover { color: #fff; background: url("../Images/ServicePage_Tab_on.jpg") repeat-x;}
#tabbednavigation a:active, #tabbednavigation li#active a { background: url("../Images/ServicePage_Tab_on.jpg") repeat-x; color: #fff; }


/* ============ MAIN CONTENT ============ */
#content 		{ width: auto; font-size:0.83em; margin:0 5px 0 0; padding:0; text-align:left; line-height:1.25em;}
#content p 		{ margin:6px 0 14px 0;}
#content ul 		{ margin:7px 0 10px 15px; list-style-type:none; padding: 0; }
#content ul li 		{ margin:4px 0 4px 0; padding:0 0 0 12px; background:url("../images/bullet.gif") no-repeat; }
#content ul ul li 	{ margin:4px 0 4px 7px; padding:0 0 0 2px; background-image:none; list-style:square;}
#content ol 		{ margin: 7px 0 10px 15px; }
#content ol li 		{ margin:4px 0 4px 12px; padding:0; background-image:none;}
#content a:link 	{ color:#444; text-decoration:underline; font-size: inherit; background-color: inherit; font-weight:normal;} 
#content a:hover 	{ color:#006699; text-decoration:underline;  background-color: inherit; font-weight:normal; } 
#content a:visited 	{ color:#006699; text-decoration:underline; font-size: inherit; background-color: inherit; font-weight:normal;} 
#content a.headerlink 	{ color:#006699; text-decoration:none; background-color: inherit; font-weight:normal; font-size:105%;} 
#content a:hover.headerlink, #content a:visited.headerlink {color:#3399CC; text-decoration:none; background-color: inherit; font-weight:normal; font-size:105%; } 
#content table 		{ border:1px solid #ccc; border-collapse:collapse; margin:8px; width:97%;} 
#content table th 	{ border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top; font-size:115%;} 
#content table td 	{ border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top;} 
#content table caption 	{ padding:10px; color:#777; font-weight:bold;} 
#content .noborder table, #content .noborder table td, #content .noborder table th { border:none;}
#content .az a	 	{ text-decoration:none; color:#0E386B; cursor:pointer; }
#content .az a:hover	{ text-decoration:none; color:#006699; cursor:pointer; }

#content .maintext 	{ border-left:1px  solid #ff9933; padding:0 0 0 8px;}
#content .image 	{ float:right; padding:10px 0 10px 10px;}

.genimage 		{ margin:0; padding:1px; background:#eaeaea; height:auto;}
.genimageinner 		{ margin:0; padding:1px; background:#d5d5d5; height:auto;}
.genimageinner2 	{ margin:0; padding:1px; background:#b8b8b8; height:auto;}
.genimage img 		{ padding:0; border:2px solid #fff;}


#tabbednavigation 	{ margin: 0 0 10px 0; padding: 0; height: 21px; width:auto; text-align: right; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; background:#fff url("../ServicePage_Tab.jpg") repeat-x; list-style-type: none;}

#tabbednavigation ul 	{float:right; border: none; margin: 0; padding: 0; list-style-type: none; text-align: right; width:auto;}

#tabbednavigation ul li { float: left; text-align: center; padding: 0; margin: 0; font-size:0.9em; list-style-type: none; border-left: 1px solid #ccc;}

#tabbednavigation ul li a:link, #tabbednavigation ul li a:visited { background:transparent url("../ServicePage_Tab.jpg") repeat-x; width: 90px; height: 19px; border: none; border-right: 1px solid #fff; padding:1px 0 1px 0; margin:0; color: #0E2A5D; text-decoration: none; text-align: center; display:block;}

#tabbednavigation ul li a:hover, #tabbednavigation a:active, #tabbednavigation li#active a  {width: 90px; height: 19px; border:none; border-bottom: 1px solid #CC6600; border-right: 1px solid #fea82a; padding: 1px 0 1px 0; margin:0; text-decoration: none; display: block; text-align: center; background: transparent url("ServicePage_Tab_on.jpg") repeat-x; color: #fff;}


#contentnavigation 	{ margin: 0px 0 10px 0px; padding: 0px; height: auto; width:auto; border: 1px solid #ccc; background: #e9e9e9; }
#contentnavigation ul 	{ border: 0; margin: 0; padding: 10px; list-style-type: none; width:auto; text-align:left;}
#contentnavigation ul li { text-align: left; padding: 0; margin: 0 5px 0 0; font-size:1em; background-image:none; display:inline; color:#999; }
#contentnavigation ul li a:link, #contentnavigation ul li a:visited {  padding:0 6px 0 0; margin: 0; color:#0E386B; text-decoration: none; }
#contentnavigation  ul li a:hover { color: #006699;}


.infopage  		{ padding:0 5px 0 8px; border-left:1px  solid #ff9933;  }
.infopage p 		{ margin:0.8em 0 0.8em 0; }

.dividerup 		{ width: auto; height:10px; margin:8px 0 0 0; padding:0; background: url("Divider_up.jpg") repeat-x top right;}
.dividerdown 		{ width: auto; height:10px; margin:8px 0 8px 0; padding:0; background: url("Divider_down.jpg") repeat-x top right;}

.introarea 		{ padding:0 20px 0 10px; margin-bottom:20px; border-left:4px solid #ff9933; font-size:110%; color:#666; min-height:100px; }
.introareaimg 		{ float:left;}
.introareatext  	{ margin:0 0 0 135px; padding:1px 0 0 0; }

.navblock 		{ border-left:1px  solid #ff9933; width:46%; float:left; padding:0 0 0 8px; margin:0 15px 15px 0; display:block; min-height:70px;}



#twocollist 		{ height:auto;  margin:0; padding:0; }

#twocollist ul .twocol 	{ width: 100%; height:auto; padding:0;}
#twocollist ul li 	{ float: left; width:292px; margin: 0 50px 15px 0; padding: 0 0 0 10px; list-style:none; background-image:none; border-left:1px solid #ff9933; }


/*
#twocollist ul.left 	{ float: left; width: 340px; margin: 0px; list-style-type: none; position: relative; left:0px; }
#twocollist ul.right 	{ float: right; width: 340px; margin: 0px; list-style-type: none; }
#twocollist ul li 	{ list-style-type: none; background-image:none; margin:7px 0 15px 0;}
#twocollist li 		{ border-left:1px  solid #ff9933; padding: 0; }
*/



/* --------- FORMS --------- */
#form { margin: 0 auto 0 auto; padding: 0; width:550px; }
#form p { text-align: left; margin:0 0.2em 0.8em 0.5em;}
#form fieldset { border: solid 1px #ccc; padding: 5px; margin: 5px; }
#form fieldset legend { line-height: 130%; font-size: 1.1em;  font-weight:bold; color:#666; margin: 0; padding: 0 5px; background:#fff;  }
#form fieldset label {float: left; vertical-align: top; font-weight: bold; width: 180px; text-align: right; padding: 3px 5px 2px 0; height:auto; }
#form fieldset textarea { font-family: Helvetica, Arial, sans-serif; font-size:1em; margin-left: 195px; width:300px; height: 100px; background:#fff; color: #000; border: solid 1px #666; margin: 2px; padding: 2px; overflow: auto; }
#form fieldset input { margin-left: 195px; width:300px; background:#fff; color: #000;  font-family: Helvetica, Arial, sans-serif; border: solid 1px #666; margin: 2px; padding: 2px; }
#form .checkbox input { margin-left: 160px; width: 15px; height:15px; background:#fff; color: #000; border:none; margin: 2px; padding: 0; }

#form fieldset textarea:focus, #form fieldset input:focus { background-color: #f4fdfa; color: #000; }

#form .indent { margin:5px 0 8px 187px; text-align:left;/* line-height:0.85em;*/ background:pink}
#form .indent label { font-weight: normal; float: none; text-align: left; padding: 0px 5px 2px 0; margin:0 0 0 20px; color:#333; width:300px; display:block; background:red}
#form .indent input { border: 0; width:13px; height:13px; margin:0; float:left;}
#form .indent input.button { width: 103px; height:36px;  margin-right: 8px; font-weight: bold;  background:transparent url("Images/Generic_button_Sml.jpg") no-repeat; color:#333; padding: 0 1px 1px 1px; cursor:pointer;}

.mandatory	{ font-weight: bold; color:#990066; font-size:110%; }
.validation	{ font-weight: bold; color:#990066; }
.disclaimer {font-weight: normal;  font-size: 0.8em; color: #666; background:transparent; margin:15px 0 0 0; padding:5px 0 0 0; border-top: 1px dotted #999;}
.dropdown { padding:2px; }