@charset "utf-8";
/* CSS Document */

body {
	font-size: 62.5%;
	margin: 0;
	padding-top:80px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	}

div.access {
	display:none;
	}
	
#wrapper	{
	width: 722px;
	text-align: center;
	background-color: #FFFFFF;
	margin-left: auto;
    margin-right: auto;

	
	}
#main {
	float:left;
	width:722px;
		background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	padding-top:110px;
}

.grey {
	color:#c3c3c3;
	}
/*--------------------- Header ---------------------*/


#logo {
	float:left;
	width: 200px;
	height: 80px;
	padding: 15px 0 0 100px;
	border: 0;
	margin: 0;
	}	

/*-------------------- Nav Menu --------------------*/
	
#nav {
	position: relative;
	float: left;
	clear: none;
	width: 702px;
	margin: 2px 0 0 0;
	padding-left:10px;

}

div#nav ul {
	list-style: none;
	float: left;
	clear: none;
	padding:0;
	margin: 0;
	background-color: #FFFFFF;
	text-align: left;
	display: inline;
}

div#nav li {
	margin: 2px 0 0 0;	
	display: inline;
}

div#nav a:link, div#nav a:visited {
	color: #015239;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	width: 722px;			/*total: 168px*/
	height: 1.6em;			/*total: 33px*/
	margin: 0 0 3px 10px;
	background-color: #FFFFFF;
	background-image:url(../images/arrowGreen.jpg);
	background-repeat:no-repeat;
	padding-left:15px;

}

div#nav a:hover, .on {
	color: #f87f98 !important;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;	
	width: 722px;			/*total: 168px*/
	height: 1.6em;			/*total: 33px*/
	margin: 0 0 0 10px;
	background-color: #FFFFFF;
	background-image:url(../images/arrowRed.jpg) !important;
	background-repeat:no-repeat;
}

#subnav {
	position: relative;
	float: left;
	clear: none;
	margin: 2px 0 0 0;
	padding-top:5px;
	height:30px;

}

div#subnav ul {
	list-style: none;
	float: left;
	clear: none;
	padding-left:7px;
	margin: 0;
	background-color: #FFFFFF;
	text-align: left;
	display: inline;
	background-image:url(../images/arrowDownRed.jpg);
	background-repeat:no-repeat;
}

.subnavstyling {
	padding-left:5px;
}

div#subnav li {
	margin: 2px 0 0 0;	
	display: inline;
}

div#subnav a:link, div#subnav a:visited {
	color: #015239;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	width: 722px;			/*total: 168px*/
	height: 1.6em;			/*total: 33px*/
	margin: 0 5px 3px 5px;
	background-color: #FFFFFF;
}

div#subnav a:hover, .subon {
	color: #f87f98 !important;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;	
	width: 722px;			/*total: 168px*/
	height: 1.6em;			/*total: 33px*/
	margin: 0 5px 0 5px;
	background-color: #FFFFFF;
}

/*--------------------- Content ---------------------*/

h1 {
	font-size: 1.7em;
	color: #000000;
	}
	
h2 {
	font-size: 1.5em;
	color: #000000;
	}

h3 {
	font-size: 1.3em;
	color: #000000;
	padding-top: 4px;
	}
	
p, #content li {
	font-size: 1.2em;
	color: #000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	font-size: 1.1em;
	color: #015239;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a:hover {
	font-size: 1.1em;
	color: #015239;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.red { 
	color: #FF0000;
	font-weight: bold;
	}
	
#content {
	float: left;
	clear: none;
	position: relative;
	width: 330px; 			
	text-align: left;
	padding: 20px 0 20px 20px;
}

#imageford {
	float:left;
	padding: 0 10px 10px 10px;
	}

#image {
	float:right;
	margin-right:1px;
}

#base {
	width: 955px;
	color: #FFFFFF;
	clear: both;
	}	
	
form {
	width: 400px;
	}

/*--------------------- Footer ---------------------*/

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	width: 722px;
	padding-bottom:60px;
	clear: both;
	float:left;
	background-position:bottom;

	}