#nav2		{
	padding: 2px 0px 0px 19px;
	background-color: #C4DFEE;
	border-top: 0px solid #D2D5AB;
	border-bottom: 1px solid #D2D5AB;
	height: 17px;
	/*overflow:hidden;*/
		width: auto;
		}
		
#nav2 ul	{
	padding: 0;
	font-size: 11px;
	margin: 0;
		}

#nav2 ul li	{
	display: inline;
	padding: 0;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
		}

#nav2 ul li a{
	font-size: 11px;
	color: #0E9998;
		} 

#nav2 a:hover, #nav a:active{
	color: #FFCC66;
}

#nav		{
	padding: 2px 0px 0px 19px;
	background-color: #003366;
	border-top: 0px solid #D2D5AB;
	border-bottom: 1px solid #D2D5AB;
	height: 17px;
	/*overflow:hidden;*/
		width: auto;
		}
		
#nav ul	{
	padding: 0;
	font-size: 11px;
	margin: 0;
		}

#nav ul li	{
	display: inline;
	padding: 0;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
		}

#nav ul li a{
	font-size: 11px;
	color: #FFFFFF;
		} 

#navbar a:link, #navbar a:visited {
	color: #336699;
		}
			
#nav a:hover, #nav a:active{
	color: #FFCC66;
}
#navbar a:visited {
	color: #336699;
}

#steps{
        font-size:80%;
        padding-left: 3px;
}

#steps h3{
	font-size: 90%;
	font-style: bold;
}


.smallText {
    font-size: 75%;
}

.smallerText {
    font-size: 60%;
}

.bigText {
    font-size: 110%;
}

.midText {
    font-size: 90%;
}


.h3mist {
	color: #7CA9A1;
}
.h3white {
	color: #FFF
}
.h3gold {
	color: #DAAB16;
}
.h3green {
	color: #458A8D;
}
.h3grey {
	color: #999999;
}
.h3navy {
	color: #003366;
	}
.h3dkgold {
		color: #CC6600;
	}
.h3plum {
	color: #663366;
	font-weight: bold;
}
.h3gold {
	color: #FF9900;
}
.h3team {
	color: #003366;
	text-align: center;
}

a, a:link, a:visited, a:hover, a:active	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	font-weight: normal;
	}
	
	a:link {
	color: #3366ff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	a:hover {
	color: #039;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}					

body  {
	background: #FFFFFF;
	color: #003366;
	margin: 0;
        padding: 0;
        text-align: center;
}

#containerheader {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #669999;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	text-decoration: none;
} 
#header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
} 



#container{
	width: 1000px;  
	background: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #669999;
	text-align: left;
	padding: 0px;
}
#containernoborders{
	width: 1000px;  
	background: #FFFFFF;
	margin: 10px auto;
	text-align: left;
	padding: 2px;
}
#container2{
	width: 1200px;  
	background: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #669999;
	text-align: left;
	padding: 2px;
}

#boxes td{
	border: 2px solid #669999;
}
.left{
	float: left;
}
.right{
	float: right;
}