/* 
Whole Page Width:        990px 

overall background - soft teal:  #5AA0A2;
unvisited links - dark teal:  #3D6D6E;
visited links - dark red: #864A57
titles - brown:  #514640
*/

* {margin:0; padding:0;}

body {
	font-family: Arial; 
	font-size: 12pt; 
	font-weight:normal;
	margin:10px; 
	padding:0px; 
	background-color:#5AA0A2; 
	color:#000000;}
	
/********************************  Page Layout *************************************/

/* Page wrapper. */
/* To center the overall page on a wide screen, but make text left-aligned (unless overridden to be centered in another div). */
#wrapper {
	position: relative;
   	margin: 0 auto; /* center on everything else */
   	width: 1000px;  /* fixed width for content */
   	text-align: left;}
		
/* Add width + MarginAndPadding*2 (or height + MarginAndPadding*2) to get the true width (or height) of the div. */

/* Header. */
#Header {width:1000px; 
	text-align:left;
	margin: 0px;
	}
	
/* Content. */
#ContentArea {
	width:1000px;
	/* height:100%; */
	background-image: url('images/Background.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	overflow:hidden; /* force display of bg image in firefox */
	margin:0px;
	}
	
/* Navigation bar. Total width is 155. */
/* -- add 30 for Opera fix */
#NavLeft {
	color:#3D6D6E;
	font-size: 11pt; 
	font-weight: bold;
	width:160px; 
	float:left;
	margin:10px 5px 0px 20px;
	}

/* Main content column.  Total width is 845. --> Try 789 to fix problem w/ smaller screens. */
/* -- subtract 30 for Opera fix */
#ContentMain {
	width:724px; 
	float:left;
	margin:0px 30px 0px 5px;
	}

/* Footer. */
#FooterCont {
	background-image: url('images/Footer.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 11pt; 
	color:#3D6D6E;
	width:1000px; 
	padding:0px; 
	float:left;
	text-align:center;}
	
.clearthefloats {clear:both;}

#Header img, #NavLeft img, #FooterCont img {
	margin:0px;
	border:0px;
	}

/********************************  Text Formats *************************************/

A:LINK {color: #3D6D6E; font-weight: bold; text-decoration:none; font-size: 12pt; }
A:VISITED, A:HOVER {color: #864A57; font-weight: bold; text-decoration:none; font-size: 12pt; }

/* Main accent - page headers, etc.  Includes after-spacing. */
h1 {
	color:#514640;
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	font-family: "Comic Sans MS", Arial;}
	
/* Medium accent.  No after-spacing. */
h2 {
	color:#514640;
	margin:0px;
	padding:0px;
	font-size: 14pt;
	font-weight: bold;} 
	
/* Normal accent.  No after-spacing. */
h3 {
	color:#514640;
	margin:0px;
	padding:0px;
	font-size: 12pt;
	font-weight: bold;}
	
hr {
	color:#3D6D6E;
	background-color:#3D6D6E;
	border-color:#3D6D6E;                    
	border-bottom-color:#3D6D6E;           
	border-top-color:#3D6D6E;                
	width:85%;
	height:1px;
	margin:0px 0px 5px 0px;
	text-align:center;
	}
	
img {
	margin:5px;
	border:5px solid #514640;
	}
	
/* Use to suppress border, etc. on images in the content area. */
.surpress {
	margin:0px;
	border:0px;
	}
	
ul {
	margin:0px 10px 20px 0px;
	list-style-position:inside;
	list-style-type:disc;
	marker-offset:10px;
	}
	
/* Accent text. */
.accent1 {
	font-family:Times New Roman; 
	font-size:13pt;} 

/* Paragraphs will cause fully indented text. */
p {
	margin-left:60px;
	margin-top: 10px;
	margin-bottom: 13px}