* {line-height: 1.2;} 
body {
    
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	
	color: #000;
	min-width: 650px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*background:url(../img/textteal.jpg);*/
	background: url('../img/fadeBG.gif') #f5feff top left repeat-x; 
    }
    
#banner {
	width: 100%;
	height: 70px;
	vertical-align: middle;
	_vertical-align: middle;
    /*font: Georgia, "Times New Roman", Times, serif;*/
    /*background: url('../img/bannertable2.gif') center no-repeat;*/
	background-color:#FFFFFF;
	background-color: #fcf4e4;
    /*border-top:	1px solid #a3bdc5;
	border-left:	1px solid #a3bdc5;
	border-right:   1px solid #a3bdc5;
	border-bottom:   1px solid #a3bdc5;*/
  
    color: black;
    font-weight: bold;
	margin-left: 0px;
	_margin_left: 15px;
	margin-top: 0px;
    }
div#banner a:link {
    color: black;
	text-decoration: none;
	_text-decoration: none;
}
div#banner a:visited {
    color: black;
	text-decoration: none;
	_text-decoration: none;
	
}
#banner h1 {
display:none;}
#banner * {clear:none;}
#banner .right {position: absolute; right:200px;}
#search {
	position:				relative;
    margin-top: -5em;	
    width: 200px;
	background:				none;
	float: right;
	border:0px solid red;
    clear: right;
	font-size: 8pt;
	height: 8px;
	text-align: right;
	 /* ie mac hack - IE mac puts the search box very low.\*/
    margin-top: -3em;	
	_margin-top:-4em;
		/* end it! */
	
}
#search p {
	padding:				0;
	margin:					0;
	clear: none;
	font-size: 8pt;
	line-height: 1.0;
}
    
#container {
	background-color: #fcf4e4;
    /*background-color:  #bfd1d6;/*#8a9ecd; #63848d; #a5c1cc;#9ab7bf*/
	width: 790px;
   _width: 810px;
    /*border: 1px solid black;*/
	
	/*margin: 10px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	/*margin-left: auto;
	margin-right: auto;*/
    padding: 5px;
	 /* ie mac hack - IE mac puts the search box very low.\*/
    /*border: 1px solid gray;*/
	 /* end it! */
	 _padding:-20px;
	 min-height: 400px;
	 _min-height: 400px;
}
		#banner h1,h2 {
			padding: 2px;
			margin:0;
			line-height: 1.1;
		}
	/* the horizontal navigation. This can be removed, or duplicated if desired. */	
#topnav {
	float:					left;
	_float:                 left;
	clear:					right;
	border-top:				1px solid black;
	border-bottom:			1px solid black;
	border-left:			1px solid black;
	border-right:			1px solid black;
	margin: 0;
	background-color:		#ddd;
    width:					100%;
}
#topnav ul, #topnav ul li {
	display:block;
	    /* IE win needs the li defined as inline, or else it won't format correctly. It's defined in the style below for other browsers */
    _display:				inline;
    _padding:				1px;
	list-style-type:		none;
	margin: 1px 0 1px;
}
#topnav ul li a {
	
    font-size: 86%;
	background:				transparent;
	text-decoration:		none;
	border:					1px dashed #999;
	padding:				0 0 0 1em;
	margin-bottom:			.3em;
	margin-top:				0;
	margin-right:			2px;
	float: right;
	clear: left;
	padding: 5px;
	margin-right: 5px;
   display: inline;
}
    #topnav ul li a:hover {
	border-color:			#777;
	border-width:			1px;
	color:					#036;
}
	#content {
	background:url(../img/contop.gif) top repeat-x;
	background-color: white;
	min-height: 400px;
	_height: 400px;

	vertical-align: top;
	
	_padding-left:5px;

	_padding-top:  10px;
	padding: 5px;
	width: 590px;
	float: left;
	clear: right;
	margin: 10px 0 5px 10px;
	 /* ie mac hack - the padding below should match the width of the sidenav - make it 'auto' if you're not using the sidenav\*/
	float: right;
	clear: right;
	
border: 0px solid red;
_width: 600px;
		/* end it! */
}
#break {
	width: 100%; 
	height: 14px; 
	background-color: #ccc; 
	/*border:1px solid #a3bdc5;*/
	margin-top: 1em;
	margin-bottom: -10px;
	background: url(../img/topnavbg.gif);
}

/* this element will work on IE/Mac, but due to terrible rendering, is set to show up as a left-aligned hoizontal navigation, vertical nav floating right */		
div#sidenav {
	float:					left;
	clear:					none;
	margin-right:			1em;
	background-color:		#fff;
	/*this will expand with the length of the text in the div; if the text is multiple lines, change the width to be a smaller percentage or a fixed width */
	width:					100%;
	padding-top:		    5px;
	margin-top: 			10px;
    _margin-top: 1.5em;
	padding-left:           2px;
	height: 85%;
	/* ie mac hack - real width is auto\*/
	width:					175px;
	_width:					163px;
	height: auto;
	border-right:			1px solid #a3bdc5;
	border-left:			1px solid #a3bdc5;
	border-top:				1px solid #a3bdc5;
	border-bottom:			1px solid #a3bdc5;
	/* end it! */
	_margin-right: 2px;
	
	position: absolute;
	background:url(../img/sideBG.gif);
	font-weight:bold;
}
div#sidenav ul {
    list-style-type:		none;
    margin-left:			1px;
    float: left;
	width: 175px;
	
    
 }
div#sidenav ul li {
    margin:		0 0 6px 0;
    text-align: 			left;
    vertical-align: top;
    border: 				0;
    float: left;
    display: inline;	
     /* ie mac hack - this is the real positioning info \*/
	 display: block;
	 float: none;	
	margin-left: 			-3.25em;
    border: 				1px;
	/* end it! */
	/* this hack needed for IE/win */
	_margin: 0 0 6px;
	
}
div#sidenav ul li a {
	margin: 2px;
	padding:				2px;
	line-height: 13px;
	border-bottom: black 1px;
	border-bottom-style:dashed;
	text-decoration: none;
	color: black;
	font-size: 13px;
	
}	
div#sidenav a:visited {
    color: black;
}
div#sidenav a:hover {
    background: 		#000099;
	color: white;

}
div#sidenav img {
	padding: 0px;
	margin: 0px;
}
div#sidenavbot {
	float:					left;
	clear:					left;
	margin-right:			1em;
	background-color:		#fff;
	/*this will expand with the length of the text in the div; if the text is multiple lines, change the width to be a smaller percentage or a fixed width */
	width:					100%;
	padding-top:		    2px;
	_padding-top:           10px;
	_padding-bottom:        10px;	        
	margin-top: 			395px;
    _margin-top:            375px;
	padding-left:           5px;
	height: 85%;
	/* ie mac hack - real width is auto\*/
	width:					175px;
	_width:					163px;

	height: 40px;
	_height: 30px;
	border-right:			1px solid #a3bdc5;
	border-left:			1px solid #a3bdc5;
	border-top:				1px solid #a3bdc5;
	border-bottom:			1px solid #a3bdc5;
	/* end it! */
	_margin-right: 2px;
	
	position: absolute;
	background:url(../img/sideBG.gif);
	font-weight:bold;
}
div#sidenavbot ul {
    list-style-type:		none;
    margin-left:			1px;
    float: left;
	width: 175px;
	
    
 }
div#sidenavbot ul li {
    margin:		0 0 6px 0;
    text-align: 			left;
    vertical-align: top;
    border: 				0;
    float: left;
    display: inline;	
     /* ie mac hack - this is the real positioning info \*/
	 display: block;
	 float: none;	
	margin-left: 			-3.25em;
    border: 				1px;
	/* end it! */
	/* this hack needed for IE/win */
	_margin: 0 0 6px;
	
}
div#sidenavbot ul li a {
	margin: 2px;
	padding:				2px;
	line-height: 10px;
	border-bottom: black 1px;
	border-bottom-style:dashed;
	text-decoration: none;
	color: black;
	font-size: 13px;
	
}	
div#sidenavbot a:visited {
    color: black;
}
div#sidenavbot a:hover {
    margin: 2px;
	padding:				2px;
	line-height: 10px;
	text-decoration: none;
	font-size: 13px;
    background: 		#000099;
	color: white;

}
/* automatically aligns to the bottom of the page */
#footer {
	clear: 		both;
	background-color: #9ab7bf;
	bottom: 5px;
	margin-top: 5px;
	color: black;
	/*border-top:				1px solid black;
	border-bottom:			1px solid black;
	border-left:			1px solid black;
	border-right:			1px solid black;*/

}
#footer a:link {
	color: black;
}
#footer a:hover {
	color: black;
}
#footer a:visited {
	color: black;
}

#footer p {padding: 0; margin: 0;}

#news {
	width: 175px;
	float: right;
	border: 1px dashed black;
	padding: 5px;
	_padding-bottom: 3px;
	margin-right: 10px;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
	background:url(../img/sideBG.gif);
}
#news p{
	font-weight: bold;
	font-style: italic;
}
	
#content a:link {	
    color: #000099; 
    text-decoration: underline;
}
#content a:visited {	
    color: #666666; 
	text-decoration: underline;
}	
#content h2 {
    color: black;
    font-stretch: wider;
    font-size: 1.5em;
    padding: 0;
    padding-top: 10px;
    margin: 0;
	
	font-family: Georgia, "Times New Roman", Times, serif;
   }
					
#content h3 { 
    color: #666666;
    font-size: 125%;
      clear: none;
}
#content h4 {
    color: #3d567e;
    font-weight: bold;
    background-color: #eee;
    padding: 5px;
    border: 2px solid #ccc;
    margin-top: 6px;
    clear: none;
}
#content add {
	font-weight: bold;
	color: #3d567e;
}

#content h5 {
    color: #3d567e;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    margin: -5px 0 -5px;
    padding: 0;
    /* for IE Win's benefit */
    _clear:right;
    _margin-bottom: 1px;
}
#content p{
    text-align: left;
    clear: none;
}

.image {
	vertical-align: baseline;
	float: right;
	clear: right;
	border:	0px solid #999;
	/*margin:	0 0 1.5em 1.5em;*/
	padding-top: 10%;
	_padding-top: 10%;
	padding-right: 5px;
	padding-left: 5px;
}
div.img {
	/* width is an IE mac hack - it has to be widened by the image and the caption. normal browsers will automatically determine the width, but IE Mac will go the width of the page otherwise. IE win will blow out if the width is anything other than 0, for some reason. Also, on IE win, this has been known to make nearby text partially disappear - try to change the div's position if so. */
    width: 		auto;
	text-align: center;
	float:					right;
	border:					1px solid #999;
	background-color:		#bbb;
	_margin-right: -6px;
	/* ie mac hack \*/
	width: auto;
	/* end it! */
	_width: 0;
	margin-right: -1em;
	margin-top: 0;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	
	
}
.img img {
	border:		 1px solid black;
	padding:				0;
	text-align:				center;
	background-color:		white;
}
div.img p {
		text-align:				center;
		vertical-align:			bottom;
		padding: 0;
		margin-left: 1.5em;
		width: 100%;
		white-space: nowrap; 
		
		}
td {
	font-style:				normal;
	font-size: 				97%;
	color:					black;
	vertical-align:         top;
	border-top-width: 		0.5px;
	border-right-width: 	0.5px;
	border-bottom-width: 	1px;
	border-left-width: 		0.5px;
	border-top-style: 		none;
	border-right-style: 	none;
	border-bottom-style: 	dashed;
	border-left-style: 		none;
	border-top-color: 		#999999;
	border-right-color: 	#999999;
	border-bottom-color: 	#999999;
	border-left-color: 		#999999; 
	padding-right: 1em;	
}
/* looks dumb, but makes IE space ps correctly */
tr td p {
    padding: 2px;
    margin: -1px;
    line-height:1;
 }
 table {padding: 0; margin: 1em;}
 th {
	color:					#89BBD6;
	font-weight:			bold;
	text-align:				left;
	
    vertical-align:         top;
	border-top-width: 		.5px;
	border-right-width: 	.5px;
	border-bottom-width: 	1px;
	border-left-width: 		.5px;
	border-top-style: 		none;
	border-right-style: 	none;
	border-bottom-style: 	solid;
	border-left-style: 		none;
	border-top-color: 		#999999;
	border-right-color: 	#999999;
	border-bottom-color: 	#999999;
	border-left-color: 		#999999; 
	padding-right:			2em;
}
/* technically 'dictionary terms' and 'dictionary definitions', but useful for dates and descriptions as well */
dt {
    float:					left;
    clear:					left;
    width:					7em;
    text-align:				center;
    background:				#eee;
    padding:				2px;
    margin:					1px 0 0 0;
    border: 1px solid #ccc;
    _margin: 0 0 -2px -2px;
}
dd {
/*    float:					right;
    clear:					right*/
    padding:				.5em .5em .8em 8.5em;
    border-top:				1px solid #ccc;
    margin-left:			0;
}
/* a right-floating red box - good for alerts and warnings. Increase font-size below if necessary. width needs to be specified for IE win */
div.redbox {
    font-size: 0.8em;
    text-align: left;
    background-color: #d5c5c5;
    border: 1px solid #f00;
    float: right;
    clear: none;
  
 _width: 150px;     
 text-align: left; 
    margin:5px 0 5px 5px;
    padding: 0 5px 0 5px;
    _margin-right: -5px;
    } 
div.redbox p{font-size: 10px;}
ol li {padding-bottom:8px;}
#content .redbox h3 {text-align: center;; color: #f00;width: 100%; margin: 0; padding: 0 5px 0 0;}
div.redbox ul li, ul {margin-left: -1em; line-height: 1.0; _margin-left: 6px;}  
/* colors - add via classes or spans */
.blue	{
	color:					#89bbd6;
	}
.darkblue {
	color:					#036;
}
.gray {
    color:                  #666;
}
.red {
	color:  				#ff0000;
}
/* div for text that should be indented */
.indentlist {
	line-height:			1.2;
	margin-left:            3em;
	_padding: 3px;
	_float:	left;
	_width: 75%;
	_margin-left: 			1.5em;
	
}
/* Smaller text for footnotes, etc. */
.info, .info ul li {
	font-style:				normal;
	font-size:				80%;
	line-height:			1.0;
	color:					black;
}
/* Left and right columns - an alternative to tables . adjust width and .right's margin-left as needed */
.left {
	float:					left;
	width:					20em;
	margin-right:			1em;
	margin-top: 			1px;
	vertical-align: 		top;
	clear: none;
 
}
.right {
    clear: right;
	margin-left:			22em;
    padding-top:            1px;
	vertical-align: 		top;
    width: 20em;
}
/* for places where breaks are needed a la HRs, but you don't want a line. E.G. after columns. Works well with the above divs to keep the colums apart from what follows */
    
hr.clear {
    width: 99%;
    clear: both;
    padding: 0;
    margin: 0;
    height: 1px;
    line-height: 1px;
    color: #fff;
    _clear: none;
    border: none;
    }
    
/* for floating images or text in the center of a page. Rarely needed */
.floatmiddle {
     text-align: center;
     clear:both;
     padding-left:25%
}	 
/*Table CSS */

#regform{
 position: relative;
 margin: 15px 0 50px 0;
 padding: 20px;
}
 
form {
 margin:0;
}

form ul {
 list-style:none; 
 margin:0; 
 padding:0;
}
 
form ul li {
	padding:0;
	background:none;
	clear:none;
	_width: 95%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
 
form ul li label {
 display:block;
 float:left;
 margin-right:0.5em;
 text-align:left;
}
 
form#reg ul li label {
 width:13em;
}
form#pay ul li label {
 width:9.5em;
}
.lastname{
margin-left: 6.5em;
font: normal 11px / 1.5 Arial, Helvetica, sans-serif;
_margin-left: 7em;
}
.firstname{
font: normal 11px / 1.5 Arial, Helvetica, sans-serif;
}

.steerlist{
list-style:none;
margin-left:10px;
}

.steer
{
margin-left:0px;
}