
body {
	margin: 0;
	padding: 0;
	background-color: #8da9bd; 
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 1em;
}

#wrapper {
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #ffffff;
	width: 80%;
	max-width: 1300px;
	border: 2px solid #ffffff;
}

#header {
	background-position: center;
 	padding: 30px;
	text-align: center;
 	background-color: #3263c7;
 	color: #000000;
}

#breadCrumb {
	min-height: 1.4em;
	background-color: #ffffff;
	padding-top: .5em;
	padding-bottom: .5em;
 	padding-left: 1em;
	font-size: 1em;
	color: inherit;
}

.nav {
	float: left;
	width: 200px;
	background-color: #ffffff;
}

.nav .headerbar {
	font: bold .9em Verdana, arial, sans-serif;
	color: #ffffff;
	background-color: #606060; 
	margin-bottom: 0;  /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: .6em 0 .6em .8em;  /*.8em is left indentation of header text*/
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.nav ul li {
	padding-bottom: .2em; /*bottom spacing between menu items*/
}

.nav ul li a {
	font: normal 12px Arial;
	color: #000000;
	background: #E9E9E9;
	display: block;
	padding: .6em 0;
	line-height: 1.8em;
	padding-left: .8em; /*link text is indented 8px*/
	text-decoration: none;
}

.nav ul li a:visited {
	color: #000000;
}

.nav ul li a:hover { 
	color: #ffffff;
	background-color: #3263c7;
}

.navAdspace {
	padding-left: 20px;
	text-align: center;
}

#content {
	background-color: #fff3c6;
	margin-left: 200px;
 	padding-top: 2em;
 	padding-bottom: 2.7em;
 	padding-right: 2em;
 	padding-left: 2em;
	text-align: left;
	vertical-align: top;
}

#footer {
	clear: both;
	border-top: 1px dotted #333333;
	padding: .1em;
	background-color: #fff3c6;
	font-size: 12px;
	text-align: center;
}

h1 {
	font-size: 1.6em; 
	line-height: 1em;
	color: #000000;
}

h2 {
	font-size: 1.2em;
	text-align: center;
	text-decoration: underline; 
	line-height: 1em;
	color: #000000;
}


.font1 {
	font-size: 2em; 
	color: #ffffff;
}

.font2 {
	font-size: 1.3em; 
	font-weight: bold; 
	color: #ffffff;
}

.fontLarge {
	font-size: 1.2em; 
	font-weight: bold; 
	color: #000000;
}

.center {
	text-align: center;
}

.centerItem {
	margin: 10px auto 10px auto;
}

.floatLeft {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
}

.floatRight {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
}

img {max-width: 100%;}
img.floatLeft {float: left; margin-right: 1em;}
img.floatRight {float: right; margin-left: 1em;}

td {padding-right: 1em;}
.tdTab {padding-left: 50em;}
th {padding-right: 1em;}

.subHead {
	padding-top: 1em;
	text-decoration: underline;
}

.ulNs{list-style-type: none;}
li {list-style-type: none; line-height: 1.4em;}

.clearBoth {clear: both;}
.clearRight {clear: right;}
.clearLeft {clear: left;}
.imageContainer {margin: 10px auto 10px auto;}

p {line-height: 1.2em;}

@media screen and (max-width: 480px) {

#skipTo {display: block;}

#wrapper {width: 98%;}

.nav {width: 100%;}

#content {
	width: 100%
	float: left;
	clear: left;
	margin: 0 0 5px; 
	padding: .5em;			
}

#footer {line-height: 1.2em;}

li {line-height: 1.8em;}

}

