/* 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;}

.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; }
.printhidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

h1 {font-size: 200%; margin: 0; padding: 8px 0 8px 0; color: #444; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;}
h2 {font-size: 160%; margin: 0; padding: 0 0 8px 0; color: #669900; font-family: inherit; font-weight: normal; background-color: inherit; line-height: normal;}
h3 {font-size: 130%; margin: 0; padding: 0 0 8px 0; color:#006699; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;  }
h4 {font-size: 115%; margin: 0; padding: 0 0 8px 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, img a {border-style: none;}

blockquote {margin:15px 20px 0 20px; padding:5px; font-weight: bold;}
.quotee {margin:3px 0 10px 13px; padding:0; color: #666; font-size:105%;}

q { font-weight: bold; font-size:105%; color: #666; background-color: transparent; margin:10px 0 3px 7px; }
q:before, q:after {  content: "";}
strong {font-weight: bold;}
.abbr { border-bottom: 1px dotted #999;  cursor: help;}
hr { border: none; border-top: 1px dashed #ccc; width: 100%; height: 1px; margin: 0; text-align: center}
.caption {font-weight: bold;  font-size: 0.86em; color: #666; background:transparent; margin:0 0 0 7px;}

.center {text-align:center; margin: 0 auto 0 auto;}

sup { line-height:2em;}
sub { line-height:1.2em; }

/* STRUCTURAL */
#wrapper {width:950px; min-height:100%; padding:12px; background:#fff; margin:0 auto 0 auto; auto; text-align:left; }

#header {height:154px; width:auto; background:url("Images/Header.jpg") no-repeat top left; padding: 0;}
.header_left { float:left; width:200px; padding: 20px 0 0 25px; text-align:left;}
.header_right { width:auto; height:auto; margin: 0 0 0 210px; 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:#0E386B; 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*/
#topnav {width:auto; height:142px; margin:0;  padding:126px 8px 0 0; /*border:1px solid red; */}
#topnav ul { float:right;  padding:0; margin:0; display:block; }
#topnav li { float:left; width:auto;  margin:0 0 0 1px; padding:0;  text-align:center; }
#topnav a, #topnav a:visited { font-size:0.83em; color:#0E386B; text-decoration:none; padding:3px 6px 3px 6px; margin:0 0 0 0px; background:#fff; border-bottom:1px solid #e5e5e5;  display:block;}
#topnav a:hover  {font-size:0.83em; color:#006699; text-decoration:none; background:#e5e5e5; }
#topnav a.lasttab {background:#fff url("Images/topnav_corner.gif") no-repeat top right;} 
#topnav a:hover.lasttab  {background:#e5e5e5 url("Images/topnav_corner_rollo.gif") no-repeat top right; margin:0;} 
#topnav a.current {border-bottom:1px solid #fff;}

#breadcrumb  {color: #777; background-color: #fff; padding: 0; margin:8px 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:#0E386B; 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;}


/* CONTENT */
#content { width: auto; font-size:0.83em; margin:0 5px 0 0; padding:0; text-align:left; line-height:1.25em;}
#content ul { list-style-type:none; padding: 0; margin:5px 0 10px 15px; line-height:1.05em;}
#content ul li {margin-top:5px; padding:0 0 0 12px; background:url("Images/bullet.gif") no-repeat; }
#content ul ul li {margin:5px 0 0 7px; padding:0 0 0 2px; background-image:none; list-style:square; }
#content ol { margin: 5px 0 10px 15px; line-height:1.05em; }
#content ol li {margin:5px 0 0 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:3px; } 
#content table td {border:1px solid #ccc; padding:3px;} 
#content table caption { padding:10px; color:#777; font-weight:bold;} 

#content .maintext {border-left:1px  solid #ff9933; padding:0 0 0 8px;}
#content .image { float:right; padding:10px 0 10px 10px;}
#content .noborder table, #content .noborder table td, #content .noborder table th { border:none;}

.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;}

#contentnavigation {margin: 0px 0 10px 0px; padding: 0; 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;}

.dividerup {width: auto; height:10px; margin:8px 0 0px 0; padding:0; background: url("Images/Divider_up.jpg") repeat-x top right;}
.dividerdown {width: auto; height:10px; margin:8px 0 8px 0; padding:0; background: url("Images/Divider_down.jpg") repeat-x top right;}


/* FORMS */
.form { margin: 0 auto 0 auto; padding: 0; width:550px; }
.form p { clear:left; text-align: left; margin:0 0.2em 0.8em 0.5em; padding:1em 0 0 0;}
.form fieldset { border: solid 1px #ccc; padding: 5px; margin: 5px; }
.form fieldset legend { line-height: 130%; font-size: 1.1em;  font-weight:bold; color: #669900; margin: 0; padding: 0 5px; background:#fff;}
.form fieldset label { float: left; vertical-align: top; font-size: 0.95em; font-weight: bold; width: 175px; text-align: right; padding: 5px 5px 0px 0; height:auto; line-height: normal; }
.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 #999; margin: 5px 2px 5px 1px; 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 #999; margin: 5px 2px 5px 1px; padding: 2px; }
.form fieldset select { font-family: Helvetica, Arial, sans-serif; font-size:1em; margin-left: 195px; width:306px; height: auto; background:#fff; color: #000; border: solid 1px #999; margin: 5px 2px 5px 1px; padding: 2px; overflow: auto; }
.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 { width:305px; margin:8px 0 8px 180px; text-align:left;}
.form .indent label { font-weight: normal;  text-align: left; padding: 3px 2px 3px 0; margin:0 0 0 10px; color:#333; width:279px; display:block;  line-height: normal;}
.form .indent input { border: 0; width:13px; height:13px; margin:0; float:left; padding:0;}
.form .indent input.button { float:left; width: 103px; height:36px;  margin: 0 6px 0 0; font-weight: bold; font-size:1em; color:#fff; background:transparent url("Images/Generic_button_Sml.jpg") no-repeat; padding: 0 0px 6px 0px; cursor:pointer;}
.form .indent input.largebutton { float:left; width: 162px; height:36px;  margin: 0 6px 0 0; font-weight: bold; font-size:1em; color:#fff; background:transparent url("Images/Generic_button_lge.jpg") no-repeat; padding: 0 0px 6px 0px; cursor:pointer;}
.form .indent input.clearbutton { float:left; width: 103px; height:36px;  margin: 0 6px 0 0; font-weight: bold; font-size:1em; color:#6d765e; background:transparent url("Images/Generic_button_clear.jpg") no-repeat; padding: 0 0px 6px 0px; cursor:pointer;}


.form .inlineinputs { width:305px; margin:4px 0 7px 180px; text-align:left; }
.form .inlineinputs label {width:80px;  font-weight: normal;  text-align: left; padding: 3px 2px 3px 0; margin:0 0 0 10px; color:#333; display:block;  line-height: normal;}
.form .inlineinputs input { border: 0; width:13px; height:13px; margin:0; float:left; padding:0;}
.form .inlineinputs span { width:305px; padding:0px 0 7px 0; text-align:left; }

.form .mandatory { font-weight: bold; color:#990066; font-size:110%; padding:0 0 0 3px;}
.form .validation               { font-weight: bold; color:#990066; }
.form .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;}
.form .dropdown { padding:2px; }


/* ERROR SCREENS */
.errorscreens {margin:0% auto 0 auto;  padding:20px; text-align:center;}
.errorscreens img {margin:0 auto 20px auto; }


