@charset "utf-8";


body {
	font: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000066;
	background-image: url(images/Water-Background.JPG);
	font-size: 14px;
	background-color: #99FFFF;
}
#container {
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 1px solid #000000;
	/* background-color: #FFFFFF;  */
	background-image: url(images/Water-Boat-Background.JPG);
}

#banner {
	
	left: auto;
	/* width: 90%;  */
	font-size: 0.8em;
	background-color: #000066;
	height: 94px;
	border-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
}
#menu-buffer {
	top: 105px;
	/* width: 890px; */
	background-color: #FFFFFF;
	height: 30px;
	border-color: #000000;
	
}

#main-section {
	
	/* top: 130px;
	/* width: 90%;  */
	font-size: 1.2em;
	background-color: #F2F2F2;
	height: 680px;
	border: 1px solid #000000;
	/* border-width: 1px 5px 5px 1px;     
	border-color: red green blue yellow; */
	padding: 0px 10px 0px 10px;   
	
}
/*   left-section (wider) & right-bar (narrow) - are a pair            */
#left-section {
	/* top: 130px; */
	float: left;
	width: 67.25%;
	/* margin-left: 5%;
	margin-right: 65%;  */
	border: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	font-size: 1.1em;
	background-color: #FFFFFF;
	height: 680px;	/* margin: 2em 5em; */
}

#rightbar {
	/* top: 130px; */
	float: right;
	/* width:150px; */
	border: 1px solid #000000;
	width: 30%;
	font-size: 0.9em;
	background-color: #FFFFFF;
	height: 680px;
}

/*   left-bar (narrow) & right-section (wider) - are a pair            */
#left-bar {
	/* top: 130px; */
	float: left;
	width: 23.25%;
	/* margin-left: 5%;
	margin-right: 65%;  */
	border: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	font-size: 1.1em;
	background-color: #FFFFFF;
	height: 680px;	/* margin: 2em 5em; */
}

#right-section {
	/* top: 130px; */
	float: right;
	/* width:150px; */
	border: 1px solid #000000;
	width: 74%;
	font-size: 1.0em;
	background-color: #F2F2F2;
	height: 680px;
}
#footer {
	clear: both;
	font: Arial, Helvetica, sans-serif;
	/* top: 610px; */
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #ccc;
	font-size: 9px;
	/* width: 90%;  */
	
}

table.login
{
	table-layout: automatic;
	max-height: 20px;
}

h1 {
	font-size: 2em;
	color: #E80000;
}
h2 {
	font-size: 1.5em;
	color: #E80000;
} 
h3 {
	font-size: 1.0em;
	color: #E80000;
} 		
h4 {
	font-size: 0.9em;
	color: #000033;
	font-weight: normal;
} 	
.style3 {color: #FFFFFF; font-size: 36px; font-family: "Baskerville Old Face"; }
.style4 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.style6 {color: #D4D0C8; font-size: 2em; }
.style7 {color: #000066}
.style8 {
	color: #000066;
	font-weight: bold;
	font-size: .7em;
}
.style9 {color: #000066; font-weight: bold; }
.style10 {color: #000066; font-size: 9px; }
.style12 {
	font-size: 14px;
	font-weight: bold;
}



a:link { color: #000066; }

a:visited { color: #000066; }

a:hover { color: #FF0000; }

a:active { 	color: #FF0000; }

/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}