/*  This is the style sheet for the over all web page. */

/* Set the background color of the web page. */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 1.01em;
}

body {
	margin: 0;
	padding: 0;
  font-family: "Bitstream vera Sans", Verdana, Arial,
Helvetica, sans-serif;
	background-image: url("../images/body/sea2.jpg" );
	color: black;
}

img {
	border: none;
}

h2 {
	text-align: center;
	color: white;
}

h1 {
	margin: 0;
	padding: 3px 0;
	text-align: center;
	color: blue;
}

/*************************************
* Sets the format for the logos.
*************************************/


/*************************************
* Sets the format for the headers and footers.
*************************************/

/* Set the background color of the web page. */

#pagebody {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 95%;
}


#header {
	margin: 0;
	padding: 0;
	text-align: center;
	background-repeat: repeat;
	background-image: url("../images/headerbg.jpg" );

}
#header img {
	border: none;
}

#pagebody table {
	margin: 0;
	padding: 0;

}
#pagebody table td {
	vertical-align: top;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background-repeat: repeat;
	background-image: url("../images/body/page.jpg" );
	height: 100%;
}

#body {
	margin: 0;
	padding: 0 5px;
	width: 95%;
}


/*************************************
* Horizontal menu
*************************************/

#menubar {
	margin: 0;
	padding: 0;
	vertical-align: center;
	text-align: center;
}

#menubartd {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url("../images/menu/menubar.jpg" );
}

#menubartd a {
	margin: 0 15px;
	padding: 0;
	vertical-align: center;
	text-align: center;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#menubartd a:hover {
	color: white;
}


/*************************************
* Vertical menu
*************************************/

#hmenutd {
	margin: 0;
	padding: 0;
	vertical-align: top;
	height:100%;
	width: 200px;
	background-repeat: repeat-y;
	background-image: url("../images/menu/menubg.jpg" );
	min-height: 100%;
}

#nav {
	margin: 0;
	padding: 0 0  200px 0;
	text-align: center;
}

#nav a {
	margin: 1px 0;
	padding: 5px 5px 5px 10px;
	width: 195px
	text-decoration: none;
	display: block;
	font-size: 15px;
	color: black;
	text-align: center;
}

#nav a:hover img {
	background-repeat: repeat-y;
	background-position: center center;
	background-image: url("../images/over.png" );
}


/***********************************************************
  This is the over for the menu buttons.
*************************************************************/








#footbody {
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	font-size: 0.7em;
	vertical-align: bottom;
	color: #990099;
	background-repeat: repeat-y;
	background-image: url("../images/menu/menubg.jpg" );
}