/* HTML / BODY */
html { 
	height: 100%; 
	margin-bottom: 1em; /* forces gecko scrollbar */ 
}

body {
	height: 100%;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-x;
	background-color: #003773;
	margin: 0;
	padding: 0;
	color: #524d41;
}

html, body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}


/* LINKS */
a { 
	color: #006699;
}

a:hover {
	text-decoration: none;
	color: #0066CC;
}

a:visited {
	color: #006666;
}

a:active {
	color: #006699;
}


/* H Styles */
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h6 {
	font-size: 10px;
}


/* Bold Style */
b, strong {
	color: #000000;
}


/* The main page header */
.mainHeader {
	background-image: url("images/header.jpg");
	height: 85px;
	width: 699px;
	overflow: hidden;
	margin: auto; /* centers the div */
}


/* Wraps the content and provides padding on 
   each side for the background border */
.wrapper {
	width: 699px;
	margin: auto;
	overflow: hidden;
	background-image: url("images/contentBack2.gif");
	background-repeat: repeat-y;
}


/* Wraps the main content sections. subHeader, mainMenu, 
   bodyContent and footer */
.contentWrapper {
	width: 676px;
	overflow: hidden;
	height: 100%;
	margin: auto;
}


/* the picture banner */
.subHeader {
	background-image: url("images/headerPics.jpg");
	width: 676px;
	height: 125px;
	overflow: hidden;
}


/* the main menu */
.mainMenu {
	width: 100%;
	padding: 0px;
	line-height: 39px;
}


/* all the body content that will be provided via
   php includes from plain html files */
.bodyContent {
	width: 656px;
	padding: 10px;
	background-color: #e2dccf;
}
  

/* copyright notice */   
.footer {
	width: 676px;
	font-size: 12px;
	color: #524d41;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 10px;
}


/* wraps the bottom section of borders, this
   could probally be one image instead */
.footerWrapper {
	width: 699px;
	margin: auto;
	overflow: hidden;
}

/* bottom border sections */
.bottomLeft {
	background-image: url("images/bottomLeft.gif");
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
	float: left;
	clear: left;
}

.bottomBorder {
	background-image: url("images/borderBottom.gif");
	background-repeat: repeat-x;
	height: 10px;
	width: 676px;
	float: left;
	clear: none;
}

.bottomRight {
	background-image: url("images/bottomRight.gif");
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
	float: left;
	clear: right;
}


/* the style for the div that corrects the overflow:hidden
   problem in some versions of MSIE the actual block forces
   the container to stretch around the clearDiv which ends
   up being positioned below the floats */
.clearDiv {
	height: 0;
	font-size: 0;
	line-height: 1px;
	width: 100%;
}