* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body{background:#FDFDFD; text-align:center}
img {border:0;}

.column {float:left;}
.clear 	{clear:both;}

#main {
	margin:0 auto;
	color:Black;
	line-height:14px;
	text-align:center;
}

.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;} 

input, textarea, select{			     
	font:normal 11px Arial;	
	vertical-align:middle;		
	color:#111;
}		

/*††††††††††††††††††††††††††--^^^^--††††††††††††††††††††††††††††††*/

/*These to id classes are the overhead classes everything is wrapped in*/
#content {padding:0px 28px 0px 28px;}
#wrapper 
{
	background:#F4F4F4; 
	width:960px; 
	padding:15px 20px 15px 20px;
	float:left;
	clear:both;
}

/*footer classes... since the footer is static, these can be left alone*/
#footwrapper 
{
	background:#000000; 
	width:1000px; 
	height:5px; 
	padding:1px 0px 10px 0px; 
	text-align:left;
	float:left;
	clear:both;
}

#footwrapper .a {	font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#FFFFFF}
#footwrapper .l_1 {	font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#FFFFFF}
#footwrapper .l_1:hover {color:#BD2022}
#footwrapper .col_0 {width:50px; background-color:#BD2022;}
#footwrapper .col_0 .space{padding:0px 0px 0px 0px;}
#footwrapper .col_1 {width:15px;}
#footwrapper .col_1 .space{padding:0px 0px 0px 0px;}
#footwrapper .col_2 {width:700px;}
#footwrapper .col_2 .space{padding:0px 0px 0px 0px;}
#footwrapper .col_3 {width:200px; text-align:right;}
#footwrapper .col_3 .space{padding:0px 0px 0px 0px;}

/*These classes nest to build a bottom border around the entire page... we don't use them as it only works for 800px*/
.f_cr {background:url(images/f_cr.jpg) bottom right no-repeat; height:10px}
.sh_left {background:url(images/sh_l.jpg) 0 0 repeat-y}
.sh_right {background:url(images/sh_r.jpg) top right repeat-y}
.bottom {background:url(images/bottom.jpg) bottom left no-repeat; padding:0px 0px 37px 0px;}


/*general overrides of html tags*/
a {color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
a:hover {color:#B60E13; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight:bold;} 
b {color:#B60E13; font-family: Arial, Helvetica, sans-serif; font-size: 14px;	font-weight:bold;}
h1 {display:inline; color:#B60E13; 	font-family: Trebuchet MS, sans-serif; font-weight:bold; font-size: 14px; text-align:left;}
h2 {text-align:left; font:bold 11px Arial; color:#00A5F2}
h3 {font-family: Trebuchet MS, sans-serif; font-weight:bold; font-size: 14px; text-align:left;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left}

.boldreg {
font-weight:bold;
}

.ptext
{
text-align:left; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;	
}

.MenuText10
{
text-align:left; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;
}

.MenuText12
{
text-align:left; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

.ptextNoAlign
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

ul li 
{
	background:url(images/bullet1.gif) 0 0 no-repeat; 
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	list-style:none;
	padding:0px 0px 6px 9px;
}

ol li.number 
{
	list-style-type:decimal;
	list-style-position:inside;
	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding:0px 0px 10px 0px;
}

ul li a 
{
	
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	padding:0px 0px 0px 0px;
}
ul li a:hover
{
	color:#B60E13; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 12px;
	padding:0px 0px 0px 0px;
}

.subtitleL
{ 
	color:#B60E13; 
	font-family: Trebuchet MS, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align:left;		
}

.subtitleC
{ 
	color:#B60E13; 
	font-family: Trebuchet MS, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align:center;		
}

.taRIGHT
{
	text-align:right;	
}

.taLEFT
{
	text-align:left;	
}

.taCENTER
{
	text-align:center;	
}

.tableCenter
{
	margin: 0 auto;	
}

.input input, .ta {
	width:165px;
	height:18px;
	border:1px solid #404040;
}
.ta {
	height:77px;
	overflow:auto;
	margin:0px 0px 6px 0px;
}
.eq {height:30px}
.link_1 {background:url(images/bullet1.gif) 0 0 no-repeat; color:#B60E13; font:bold 11px Arial; padding:0px 0px 0px 9px;}
.link_2 {font:normal 11px Arial; color:#111}
.link_3 {color:#B60E13; font:bold 11px Arial}
.link_4 {color:#B60E13; font:normal 11px Arial}

/*These are the nested classes to build the box frame*/
/*no number = white; 2 = light brown;*/
.c_tl {background:url(images/c_tl.jpg) 0 0 no-repeat}
.c_tl2 {background:url(images/c_tl2.png) 0 0 no-repeat}
.c_tr {background:url(images/c_tr.jpg) top right no-repeat}
.c_tr2 {background:url(images/c_tr2.png) top right no-repeat}
.c_bl {background:url(images/c_bl.jpg) bottom left no-repeat}
.c_bl2 {background:url(images/c_bl2.png) bottom left no-repeat}
.c_br {background:url(images/c_br.jpg) bottom right no-repeat}
.c_br2 {background:url(images/c_br2.png) bottom right no-repeat}
.c_br .space {padding:15px 15px 15px 15px;}
.c_br .flashspace {padding:0px 0px 0px 0px;}
.c_br2 .space {padding:15px 15px 15px 15px;}
.c_t  {background:url(images/l.jpg) 0 0 repeat-x}
.c_l  {background:url(images/l.jpg) 0 0 repeat-y #FFF}
.c_lHBC {background:url(images/l.jpg) 0 0 repeat-y}
.c_l2 {background:url(images/l.jpg) 0 0 repeat-y #F5F0EB}
.c_HBC {background:url(images/Survey_Pen_bkrd.png)}
.c_r  {background:url(images/l.jpg) top right repeat-y}
.c_b  {background:url(images/l.jpg) bottom left repeat-x}

/*Not sure what these do... we arent using them yet*/
.fl {float:left; margin:-4px 15px 0px 0px;}
.fl2 {float:left; margin:3px 17px 0px 0px;}
.fl3 {float:left; margin:-7px 15px 0px 0px;}
.gl {background:url(images/gl.gif) bottom repeat-x; margin:0px 0px 23px 0px;}

/*Padding for columns*/
/*These also work for column sections NOT in boxes*/
.sub_space {padding:0px 15px 0px 0px;}
.sub_space2 {padding:0px 0px 0px 15px;}
.sub_spaceUP {padding:15px 0px 0px 0px;}
.sub_spaceUP5 {padding:5px 0px 0px 0px;}
.sub_spaceDOWN {padding: 0px 0px 15px 0px;}
.sub_spaceNOBOX {padding:15px 15px 0px 15px;}

/*Individual padding and column sizes inside of boxes*/
.st1 {padding:0px 0px 0px 5px;}
.st1 .col1 {width:9px;}
.st1 .col2 {width:145px}
.st1 .col3 {width:300px;}
.st1 .col4 {width:250px;}

.st2 .col1 {width:225px}
.st2 .col2 {width:325px}

.st3 {padding:14px 0px 0px 0px;}
.st3 .col1 {width:181px}
.st3 .col2 {width:170px}

/****this is used for the directory lookup control and news search lookup control****/
.st4 .col1 {width:195px}
.st4 .col2 {width:90px}
.st4 .col3 {width:100px}
.st4 .col4 {width:95px}

/***setup for interior columns in a 725px column (IN BOX)***/
/***when making columns, total px width of columns inside of box = 680***/
.st5 .col1 {width:200px}
.st5 .col2 {width:30px}  
.st5 .col3 {width:340px} /*half - two can fit inside of box @ 725px column*/
.st5 .col4 {width:90px}
.st5 .col5 {width:210px}
.st5 .col6 {width:226px} /*third - three can fit...*/
.st5 .col7 {width:453px} /*two thirds...*/
.st5 .col8 {width:680px} /*one column full*/
.st5 .spaceUP {padding: 30px 0px 0px 0px} 
.st5 .tabspaceL50 {padding: 0px 0px 0px 50px}
.st5 .tabspaceR50 {padding: 0px 50px 0px 0px}
.st5 .tabspaceL25 {padding: 0px 0px 0px 25px}
.st5 .tabspaceR25 {padding: 0px 25px 0px 0px}

.st5RP .col3 {width:320px}
.st5RP .col6 {width:213px}
.st5RP .col8 {width:640px}

/***setup for interior columns in a 725px column (NO BOX)***/
/***when making columns, total px width of columns inside of box = 695 (725 - 2(15) pads left and right)***/
.st6 .col3 {width:347px} /*halfs = 695 - (1(15) pad in the middle) = 680 / 2 = 340*/
/***subcolumns for st6 col3, minus 15 for padding***/
.st6 .col3_1 {width:180px}
.st6 .col3_2 {width:140px}
.st6 .col6 {width:231px}
.st6 .col7 {width:462px}
.st6 .col8 {width:695px}

/**one for one, large, beautiful 800px column**/
.st7 .col1 {width:800px}
.st7 .col2 {width:390px}
.st7 .col3 {width:260px}
.st7 .col4 {width:30px}
.st7 .col4 {width:195px}
.st7 .col8 {width:97px}

.title_1 {margin:0px 0px 27px 6px;}
.title_2 {margin:0px 0px 17px 0px;}
.title_3 {margin:0px 0px 27px 0px;}
.space_6 {padding:24px 20px 0px 0px;}

/***floats for images***/
.floatright 
{
	padding:5px 0px 5px 10px;
	float:right;
}
.floatleft 
{
	padding:5px 10px 5px 0px;
	float:left;
}
.image_space {padding:5px 10px 5px 10px}

/***tab space to indent objects, like bullet lists, underneath text***/
.tabspaceL50 {padding: 0px 0px 0px 50px}
.tabspaceR50 {padding: 0px 50px 0px 0px}
.tabspaceL25 {padding: 0px 0px 0px 25px}
.tabspaceR25 {padding: 0px 25px 0px 0px}
.tabspaceL35 {padding: 0px 0px 0px 35px}
.tabspaceL10 {padding: 0px 0px 0px 10px}

/**table design classes**/
#tblFLEX
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: #5E1C1C;	
}
#tblFLEX .headerheight
{
	height: 30px;
	vertical-align:middle;
}
#tblFLEX .itemheight
{
	height: 20px;
	vertical-align:middle;	
}
#tblFLEX .darkcenter
{
	border-spacing:"0px";	
	background-color:#f3c7c7;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .lightcenter
{
	border-spacing:"0px";
	background-color:#F1E3E3;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .darkleft
{
	border-spacing:"0px";	
	background-color:#f3c7c7;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .lightleft
{
	border-spacing:"0px";
	background-color:#F1E3E3;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .darkright
{
	border-spacing:"0px";	
	background-color:#f3c7c7;
	text-align:right;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .lightright
{
	border-spacing:"0px";
	background-color:#F1E3E3;
	text-align:right;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX .heading
{
	vertical-align:middle;
}

#tblFLEX2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: #5E1C1C;	
}
#tblFLEX2 .headerheight
{
	height: 30px;
	vertical-align:middle;
	font-weight:bold;
}
#tblFLEX2 .itemheight
{
	height: 20px;
	vertical-align:middle;	
}
#tblFLEX2 .colLeft
{
	border-spacing:"0px";
	background-color:#F5F0EB;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}
#tblFLEX2 .colCenter
{
	border-spacing:"0px";
	background-color:#F5F0EB;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E1C1C;
}

.tblgasb
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: Black;
	width:510px;	
}

.tblgasb .headerheight
{
	height: 30px;
	vertical-align:middle;
}

.tblgasb .itemheight
{
	height: 20px;
	vertical-align:middle;
}

.tblgasb .collight
{
	border-spacing:"0px";
	background-color:#F1E3E3;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #5E1C1C;
	width:170px;
}

.tblgasb .coldark
{
	border-spacing:"0px";	
	background-color:#f3c7c7;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #5E1C1C;
	width:170px;
}

.tblgasb .coldarkleft
{
	border-spacing:"0px";	
	background-color:#f3c7c7;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #5E1C1C;
	width:170px;
}



.inputCalc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.inputCalcRO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:White;
	background-color:Black;
}
.errorText 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color:#BD2022;
}

.inputmargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0pt 10pt 10pt;
}

.inputmargin10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0pt 10pt 10pt;
	padding: 7;
	
}

.inputmarginbigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0pt 10pt 10pt;
}
.inputmarginmore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0pt 20pt 20pt;
}
.labelfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 4px;
	margin-left: 4px;
	border-color:Black;
	
}

/**these are for the wizard step items, each wizard has a header, content and sidebar (sidebar can be hidden)**/
.wizardHead {
background-color:#666666; 
border-color:#E6E2D8; 
border-style:solid; 
border-width:2px;
color:White; 
font-weight:bold;
}
.wizardContent {
width: 75%;
background-color:#F7F6F3; 
border-color:#E6E2D8; 
border-style:solid; 
border-width:2px;
}
.wizardALL 
{
Border-Color:Black; 
Border-Style:Solid;
Border-Width:1px; 
background-color:#E6E2D8;
}

.ListBoxErrors
{
	color:Red;
}

/*menu stuff*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 195px;
	color:Black; 
	text-decoration: none;  
	text-align:center;
	
}
#nav a:hover {
	color:#BD2022; 
}

#nav li { /* all list items */
	float: left;
	color: Black;
	background-color: White; 
	background-image:none;
	text-decoration:none;
	font-size: 10pt;
	height:17px;
	width: 198px; /* width needed or else Opera goes nuts */
	vertical-align:middle;
	padding-left: 0px; 
	padding-top: 2px; 
	padding-bottom: 2px;
	Border-Left-Color:Black; 
	Border-Left-Style:Solid;
	Border-Left-Width:1px;
	Border-Right-Color:Black; 
	Border-Right-Style:Solid;
	Border-Right-Width:1px;
}
#nav li ul ul li { /* third-and-above-level lists */
	height:auto;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 195px; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height:17px;
	margin-top: 4px;
	font-size: 9pt;
}

li.last {
	Border-Bottom-Color:Black; 
	Border-Bottom-Style:Solid;
	Border-Bottom-Width:1px;
}
li.first {
	Border-Top-Color:Black; 
	Border-Top-Style:Solid;
	Border-Top-Width:1px;
}

li.firstlast {
	Border-Bottom-Color:Black; 
	Border-Bottom-Style:Solid;
	Border-Bottom-Width:1px;
	Border-Top-Color:Black; 
	Border-Top-Style:Solid;
	Border-Top-Width:1px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 198px;
	width: 195px;
	font-size: 9pt;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
    float:left;
	left: auto;
}

.GridView tr td {
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 4px;
	margin-left: 4px;
}
.GridView tr th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	padding: 5px; 
}