html, body{
	font-family:Arial, Helvetica, sans-serif;
	
	background-color: #000;
	line-height: 1.166;
	width: 100%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#wrapper {
	background-image:url(IMAGES/Beach.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	padding-top: 0px; margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	
	border-bottom: 1px solid #fff;
}


#masthead{
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0px;
	width: 100%;
	height: 45px;
	background-color: #000;border-bottom: 1px solid #fff;
}

#masthead h1 {
font-size: 1.3em;margin-right: auto;
	margin-left: auto;
padding: 5px; color: #fff;
font-family:Arial, Helvetica, sans-serif;


}


h1 {
margin-left: auto;
margin-right: auto;
font-size: 1em; width: 740px; position: relative;
color: #fff;background-color: #000;
font-family: Arial, Helvetica, sans-serif;

}

#banner {
	height: 242px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background-image:url(IMAGES/banner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom: 1px solid #fff;

}

#banner h1 {
font-size: 1.3em;
padding: 5px; color: #fff;
font-family:Arial, Helvetica, sans-serif;
background-color: #0099cc; display: inline;
float: left; margin: 10px;


}

hr {
height: 1px;
color: #ccc;
width: 80%;
margin-left: auto;
margin-right: auto;

}
#outerwrapper {
	border: 0px solid #003160;
	background-color: #FFF;

}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 color: #fff;
}

h2{
 font-size: 1.5em;
 color: #fff;
 display: inline;
 margin-top:5px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#content{
	background-color: #0099cc;
	background-image:url(IMAGES/contentbg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	overflow: auto;
	color: #fff;
	position: relative;
 	width:730px;
	height: 400px;
	margin-top: 0px;
	margin-right: auto;margin-left: auto;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: justify;
		font-size: 90%;}

#content TABLE{
width: 95%;
margin-right: auto;
margin-left: auto;}

#content TH, #content TD{
	padding: 1px;
	vertical-align: top;
	text-align: left;}

#content TD{
	border-bottom: 0px solid #CCC;
	padding: 3px;
	border-right: 0px solid #aaaaaa;}

#content p {
 font-family: Arial,Verdana,sans-serif;
font-size: 115%;
font-weight:500;
color: #fff;}

#content img {
	background-color: #FFF;
}

.contentText img {
	background-color: #FFF;
}

.whitebg {
	background-color: #CCC;
	border: 1px solid #333;
}

.contentText {
	clear: both; color: #fff;
	padding: 10px 10px 0px 0px;
	font-size: 80%;}

.contentText p{
	padding: 0px 0px 0px 0px;
		font-size: 80%;}
		
.contentText a:link, a:visited{
	padding: 0px 0px 0px 0px;
	color: #fff;
		font-size: 100%;}
		
		.contentText a:hover, a:active{
	padding: 0px 0px 0px 0px;
	color: #fff;
		font-size: 100%;}
		
		.contentText ul, ol{
	padding: 0px 0px 0px 20px;
		font-size: 110%;
		line-height: normal;}




/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin-left: auto;
	margin-right: auto; padding: 23px;
	float: left;background-color: #0099cc;
	display: block;

}

#siteName img{
	margin: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FFF;
	float: right;
}

#siteName p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color:#FFF;
	font-weight: bold;
	margin: 0px;
	float:left;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	
}


/*************** #pageName styles **************/

#pageTitle{
	padding: 5px 0px 5px 5px;
}


/************* #globalNav styles **************/
#mainNav {	position: relative;	height: 29px;	font-size: 0.7em;	margin-left: auto;	margin-right: auto;	margin-top: 0px;	margin-bottom: 0px;	clear:both;	width: 760px;font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	text-align: left;color: #fff;	background-color: #666;border-bottom: 1px solid #fff;}
#mainNav ul {	width: 760px;	padding-left: 0px;	padding-right: 0px;
	padding-top: 0px; 	display:inline; text-align: right;	margin-left: auto;
	margin-right: auto;	margin-top: 0px;color: #fff;	}
#mainNav ul li {	color: #fff;	list-style:none; display:inline;	float:left;	padding-left:0px; padding-right:0px;
	margin-top:0px;	margin-right: 0px;	margin-left: 0px;	text-align: right;	border-right: 1px solid #fff;}
	#mainNav ul li a {	float:left;	display:inline;	padding-top: 8px;	padding-right: 15px; padding-bottom: 8px;	padding-left: 15px;	margin-top:0px;	margin-right: 0px;	font-weight:bold; text-align: right;	text-decoration:none;}
#mainNav ul li a:hover {background-color: #0099cc;color: #fff; text-decoration:none;	margin-top:0px; }

.mainNav{color: #fff; text-decoration:none;margin-top:0px;float:left; margin-left: 0px;margin-right: 0px;border-right: 1px solid #fff;}
.mainNav a:link{color: #fff;text-decoration:none;margin-top:0px;margin-right: 0px;border-left: 1px solid #fff;}
.mainNav a:visited{color: #fff;text-decoration:none;margin-top:0px;margin-right: 0px;border-left: 1px solid #fff;}
.mainNav a:hover{ color: #fff;text-decoration:underline;margin-top:0px;margin-right: 0px;border-left: 1px solid #fff;}
.mainNav a:active{color: #fff;text-decoration:none;margin-top:0px;margin-right: 0px;border-left: 1px solid #fff;}

.mainNavSelected {background-color: #0099cc; color: #FFF;  text-decoration:none;margin-top:0px;margin-right: 0px;}
.mainNavSelected a{background-color: #0099cc; color: #FFF; text-decoration:none;margin-top:0px;}
.mainNavSelected a:link{ background-color: #0099cc;color: #FFF; text-decoration:none;margin-top:0px;}
.mainNavSelected a:visited{background-color: #0099cc;color: #FFF; text-decoration:none;margin-top:0px;}
.mainNavSelected a:hover{background-color: #f60;color: #FFF; text-decoration:none;margin-top:0px;}
.mainNavSelected a:active{background-color: #f60;color: #FFF; text-decoration:none;margin-top:0px;}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}





/************* #Footer styles ***************/
#footerArea {
 height: 35px; color: #ccc; font-family: Arial, Helvetica, sans-serif;
background-color: #000; padding-bottom: 10px; padding-top: 0px;
margin-right: auto; margin-left: auto;margin-top: 0px;width: 760px; 
}
#footer {width: 760px; border-top: #ccc solid 0px; padding: 10px 0px 10px 0px; font-size: 0.7em; position: relative; }
#footer a { margin: 0 0.5em; font-weight: bold; }
#footer a:link, #footer a:visited { color: #ccc; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #FFFFFF; text-decoration: none; }
#footer a img { border: none; float: right; margin: -5px 9px 0 0; position: relative; }
#footer a.hayslogo { border: none; }