

/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }
body { font-size: .85em; font-family: Verdana, trebuchet ms, arial, helvetica, sans-serif; line-height: 1.5em; color: #000; background: #cccccc; margin: 0; padding: 0;}
th {text-align:left; padding:2px 8px}
td {padding:5px 5px}
table {width:90%;}
table caption {text-align:left;margin-left:10px;padding-bottom:0.3em;font-weight:bold;}
a:link, a:visited	{ color: #000000; text-decoration: underline; }
a:hover				{ color: #900; }
a.arrow:link, a.arrow:visited, p.arrow a:link, p.arrow a:visited	{ background: url(../images/icon_arrow.gif) no-repeat 0 5px; padding-left: 10px; text-align: left; text-decoration: none; }
a.arrow:hover		{ text-decoration: underline; }

hr { border: 1px solid #999; margin-bottom: 20px; clear: both; width: 97%; }

.blue { color: #003366; }

h1 { font-size: 2.0em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.0em; }
h4 { font-size: .88em; }
h5 { font-size: .75em; }
h6 { font-size: .69em; }

p { text-align: left; padding: 10px 20px 10px 0; }

ol, ul  {margin-bottom: 15px;}
ol li {margin-left: 40px;}
ul li {margin-left: 30px;}

.hidden { display: none; }
.warn {color:red; font-weight:bold;}
.clear {clear: both; margin: 0; padding: 0;}

#container { background-color: #ffffff; width: 100%; max-width: 980px; margin: auto; }

#body { background: #ffffff; margin: auto; position: relative; padding: 0; width: 99%; }

/* HIDDEN NAVIGATION */
#offleft { position: absolute; top:0; left:-3000px; width:500px; }
#offleft li { list-style: none; margin: 0; padding: 0; }
#offleft p { padding: 0 0 10px 0; }
		
/* BACKGROUND Corners and Borders*/
#bg_top { width: 100%; height: 26px; background: url(../images/bgtile_top_ctr.gif); background-repeat: repeat-x; clear: both; font-size: 0; line-height: 0; }
#bg_top_lt { position: relative; background: url(../images/bg_top_lt.gif) no-repeat; width: 26px; height: 26px; float: left; }
#bg_top_ctr { position: relative; float: left; }
#bg_top_rt  { position: relative; background: url(../images/bg_top_rt.gif) no-repeat; width: 26px; height: 26px; float: right; }

#bg_btm { width: 100%; height: 26px; background: url(../images/bgtile_btm_ctr.gif); background-repeat: repeat-x; clear: both; font-size: 0; line-height: 0; }
#bg_btm_lt { position: relative; background: url(../images/bg_btm_lt.gif) no-repeat; width: 26px; height: 26px; float: left; }
#bg_btm_ctr { position: relative; float: left; width: 100%; }
#bg_btm_rt { position: relative; background: url(../images/bg_btm_rt.gif) no-repeat; width: 26px; height: 26px; float: right; }
#wrapper { background: url(../images/bgtile_lt.gif) top left repeat-y; margin: 0; overflow: hidden; padding: 0; width: 100%; }
#wrapper_inner { background: url(../images/bgtile_rt.gif) top right repeat-y; margin: 0; padding: 0 7px 0 6px; }

/* HEADER */
#header { width: 100%; max-width: 960px; clear: both; display: block; }

#logo { float: left; width: 40%; max-width: 443px; font-size: .75em; font-weight: bold; display: block; }
#logo img { float: left; margin-left: 15px; clear: both; margin-bottom:5px;}

/* NAVIGATION */
#nav {position: relative; width: 100%; max-width: 980px; margin: auto; clear: both; background: #6a0404 url(../images/nav.gif) repeat-x; min-height: 30px; z-index: 10; display: block; border-top: 1px solid #fcc; border-width: 1px 0; margin: 0; z-index: 50; height: auto; }
#nav ul {margin-bottom:0px;}
#nav li {float: left; list-style: none; margin-right: 1px; margin-left:0; text-align: center; display: inline; background: #6a0404 url(../images/nav.gif) repeat-x;}
#nav a:link, #nav a:visited, #nav li.on	{ display: block; line-height: 2.2em; text-decoration: none; color: #ffffff; font-size: 1.00em; font-weight: bold; text-transform: uppercase; }
#nav a:hover { color: #ff9;}
#nav li.on	{ background: #333; }
#nav li.mainnav { padding:0 10px 0 10px; border-right:solid 1px black; }

input.button	{ border: 1px solid #660000; background-color: #990000; color: #fff; font-size: 10px; font-weight: bold; padding: 1px; }

.button	{ border: 1px solid #660000; background-color: #990000; color: #fff; font-size: 9px; font-weight: bold; padding: 4px; }

/* HOMEPAGE */
#content { position: relative; width: 100%; max-width: 980px; }
#footer { background: url(../images/bgtile_footer.gif) repeat-x; background-position: left; max-width: 980px; width: 100%; min-height: 115px; margin: auto; clear: both; font-size: .75em; line-height: 2.0em; text-align: left; }
#footer p { padding: 50px 20px 0 20px; }

/* TOOLBOX */
.toolbox { margin: 0 20px 0px 20px;  max-width: 20.4159em; float: right; }

/* TOOLBOX Borders and Corners*/
.toolbox_top { width: 100%; height: 10px; background: url(../images/toolbox_top_ctr.gif); background-repeat: repeat-x; clear: both; margin: 0; font-size: 0; line-height: 0; }
.toolbox_top_lt { position: relative; background: url(../images/toolbox_top_lt.gif) no-repeat; width: 10px; height: 10px; float: left; margin: 0; }
.toolbox_top_rt  { position: relative; background: url(../images/toolbox_top_rt.gif) no-repeat; width: 10px; height: 10px; float: right; margin: 0; }
.toolbox_btm { width: 100%; height: 10px; background: url(../images/toolbox_btm_ctr.gif); background-repeat: repeat-x; clear: both; }
.toolbox_btm_lt { position: relative; background: url(../images/toolbox_btm_lt.gif) no-repeat; width: 10px; height: 10px; float: left; }
.toolbox_btm_rt { position: relative; background: url(../images/toolbox_btm_rt.gif) no-repeat; width: 10px; height: 10px; float: right; }
.toolbox_wrapper { background: #e4e4e4 url(../images/toolbox_lt.gif) top left repeat-y; margin: 0; overflow: hidden; padding: 0; width: 100%; }
.toolbox_wrapper_inner { float: right; background: url(../images/toolbox_rt.gif) top right repeat-y; margin: 0; }

/* TOOLBOX Text and Layout*/
.toolbox_body { padding: 0; width: 100%; }
.toolbox_body p { margin: 0; padding: 0 0 10px 3px; }
#tools_accessibility { position: relative; float: left; padding: 0 20px 0px 10px; font-size: .75em; font-weight: bold; text-align: left; }



/* PAGE Content */
#contentcontainer {background: url(../images/s_mainimg.jpg) no-repeat; width: 100%; border-top:solid 1px white; margin-top:-1px;}
#contents {margin-top:65px;float:left;width:75%;}
#contents h1 { text-align: right; color: #003366; margin: 0px 20px 42px 0;}
#contents img {padding: 5px;}


/* SUB NAVIGATION BOX */
#sbox { clear: both; margin: 132px 20px 20px 20px; float:left; width: 20%; max-width: 290px; text-align: left;}

/* SUB NAVIGATION BOX Borders and Corners */
#sbox_top { width: 100%; height: 20px; background: url(../images/sbox_top_ctr.gif); background-repeat: repeat-x; clear: both; margin: 0; font-size: 0; line-height: 0; }
#sbox_top_lt { position: relative; background: url(../images/sbox_top_lt.gif) no-repeat; width: 20px; height: 20px; float: left; margin: 0; }
#sbox_top_rt  { position: relative; background: url(../images/sbox_top_rt.gif) no-repeat; width: 20px; height: 20px; float: right; margin: 0; }
#sbox_btm { width: 100%; height: 26px; background: url(../images/sbox_btm_ctr.gif); background-repeat: repeat-x; clear: both; font-size: 0; line-height: 0; }
#sbox_btm_lt { position: relative; background: url(../images/sbox_btm_lt.gif) no-repeat; width: 20px; height: 20px; float: left; }
#sbox_btm_rt { position: relative; background: url(../images/sbox_btm_rt.gif) no-repeat; width: 20px; height: 20px; float: right; }
#sbox_wrapper { background: url(../images/sbox_lt.gif) top left repeat-y; margin: 0; overflow: hidden; padding: 0; width: 100%; overflow: visible; }
#sbox_wrapper_inner { background: url(../images/sbox_rt.gif) top right repeat-y; margin: 0; padding: 0 7px 0 6px; }

/* SUB NAVIGATION BOX Text and Layout */
#sbox_body { width: 99%;}
#sbox_body ul { padding: 0 0 0 15px; margin-bottom:0;}
#sbox_body li { list-style: none; padding: 0 10px 10px 10px; background: url(../images/icon_arrow.gif) no-repeat 0 6px; font-size: .80em; margin-left:0;}
#sbox_body a:link, #sbox_body a:visited { text-decoration: none;}
#sbox_body a:hover { text-decoration: none; }

/*Forms*/
.formformat label {float:left; width:11.0em; display:block; margin-right:0.8em; text-align:right}
.formformat label.nobreak {margin-left:.2em;display:inline;float:none;text-align:left}
.formformat p {margin:0.5em 0; clear:left}
.formformat p.check span {padding-left:11.8em; float:left; clear:left; display:block; width:78%;}
.formformat p.check2 span {padding-left:5.0em; float:left; clear:left; display:block; width:78%;}
.formformat p.check2 span.info {width:45em; clear:none; padding:0; text-align:left; margin:.5em 0 .5em 0;display:block;}
.formformat p.check label,.formformat p.check2 label{width:auto; float:none; display:inline; margin:0; text-align:left}
.formformat p.check span.name {width:11em; clear:none; padding:0; text-align:right; margin:.5em 0 .5em 0;}
.formformat p.check span.first{clear:none; padding-left:0.8em; margin:.5em 0 0 0;width:55%;}
.formformat fieldset {width:98%; border:0;border-top:2px Solid #6a0404;}
.formformat legend {font-weight:bold;color:#003366;}
.formformat p.info {clear:left;padding-left:0em;padding-top:1.5em;}
.formformat p.instructions {clear:both; padding-top:1.5em;font-weight:bold;}

.mocktable {margin-bottom:.8em;position:relative;}
.mocktable p {margin:0.1em 0; clear:left; line-height:1.5em;}
.mocktable span.head {float:left; width:15.0em; display:block; margin-right:0.8em; text-align:left; font-weight:bold; }
.mocktable span.foot { float:left; display:block;}
.mocktable span.foot2 { float:left; display:block; padding-left:15.8em;}
.mocktable br {line-height:1.0em;}

.mocktablecompact {margin-bottom:.8em;position:relative;}
.mocktablecompact p {margin:0 0 1em; clear:left; line-height:1.5em;}
.mocktablecompact span.head {float:left; width:6.5em; display:block; margin-right:0.8em;
							 margin-bottom:.5em; text-align:left }
.mocktablecompact span.foot {float:left; display:block;line-height:1.5em;margin-bottom:.5em;}
.mocktablecompact span.foot2 {float:left; display:block; padding-left:7.3em;margin-bottom:.5em;}
.mocktablecompact br {line-height:1.0em;}

.mocktablehalf {margin-bottom:.8em;position:relative;}
.mocktablehalf p {margin:0.1em 0; clear:both; line-height:1.2em;}
.mocktablehalf span.head {float:left; width:14.0em; display:block; padding-right:0.8em; 
						text-align:left; font-weight:bold;}
.mocktablehalf span.foot {float:left; display:block;width:20.0em;}
.mocktablehalf span.foot2 {float:left; display:block; padding-left:14.8em;width:20.0em;}
.mocktablehalf br {line-height:1.0em;clear:both;}

.left5050 {float: left;	width: 48%; padding: 5px 5px 5px 5px;}
.right5050 {float: right; width: 48%; padding: 5px 5px 5px 0;}
.left7030 {float: left;	width: 70%; padding: 5px 5px 5px 10px;}
.right7030 {float: right; width: 26%; padding: 5px 5px 5px 0;}

.tabmenu {padding: 3px 0 9px; position: relative;} 
/*** IE6 needs this to display the div ***/ 

/* Hide from IE5-Mac \*/
* html .tabmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/ 

.tabmenu ul {display: block; list-style: none; padding: 0; margin: 0; font-family: Verdana, sans-serif;
				text-align: center; line-height: 1.2em; } 
.tabmenu ul li {font-weight: bold; display: block; float: left; position: relative;
				padding: 1px .4em 0px .4em; margin-left: 0px;}
 /*** IE6 needs this to display the links ***/
.tabmenu ul li.first {margin-left: 0; list-style: none; }
.tabmenu a:link, .tabmenu a:visited {color: #6a0404; padding: 1px; text-decoration:none; }
.tabmenu a:hover {color: #000000; padding: 1px; text-decoration:underline; }
.tabclear {display: block; clear: both; }

.rightborder {border-right: solid 1px #e5e5e5;}
.borderbottomA1 {border-bottom: solid 2px #003366;}
.bordertopA1 {border-top: solid 2px #003366;}
.borderbottomA2 {border-bottom: solid 2px #6a0404;}
.bordertopA2 {border-top: solid 2px #6a0404;}

