html,body 
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#ff0000;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color:#180E50; /* light blue for whole page BG */
}
	
UL
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	margin-left:15px;
}

table#main 
{
	height:100%;
	width:800px; /* maximum width of the site - will not fit on 800x600 res */
	margin-left:auto;
	margin-right:auto;
	background-color:#180E50;
	}

#mainbg {
	background-color:#180E50;
	}
	
	
	#wrap {
		background-image:url(../images/main_bg.gif);
		background-repeat:repeat-y;
		background-color:#5FA29A;
		margin:40px 0 40px 0; /* the 40px at the bottom is needed to balance out the top otherwise the white border touches the very bottom of the browser window */
		width:800px; /* maximum width of the site - will not fit on 800x600 res */
		border:#FFFFFF 1px solid;
	}
	
	
	#header {
		background:#180E50;
		height:145px;
	}



	#nav {
		width:265px;
		float:left;
		padding:0px;
		height:100%;
		background-color:#5FA29A;
	}
	


	
		#main_middle {
		background-color:#5FA29A;
		width:357px;
		float:left;
		padding:0px;
		height:100%;
		padding-bottom:20px;
		}
		
		#main_right {
		background:#46827D;
		width:170px;
		float:right;
		padding:0;
		height:100%;
		margin-bottom:20px; /* in case the images are vertically longer than the rest, add a border of 20px */
	}



#main_middle TABLE
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	margin-left:15px;
}



	#footer {
		clear:both;
		background:#180E50;
	}


#main_middle .heading {	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:15px;
	color:#FFFFFF;
	margin-top:0px;
	clear:both;
}

#main_middle .normal {	
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding-bottom:5px;
	padding-right:15px;
	color:#FFFFFF;
	line-height:20px; /* This controls the amount of spacing between the lines in the normal paragraphs */
}

#main_middle .small {	
	font-size:10px;
	font-weight:normal;
	text-align:left;
	padding-bottom:5px;
	padding-right:15px;
	color:#FFFFFF;
	line-height:20px; /* This controls the amount of spacing between the lines in the normal paragraphs */
}


#main_right .images {
	border:#99CCCC 1px solid;
	float:right;
	margin-right:8px;
	margin-top:9px; /* 1px more becasue of optical effect of top and bottom looking 'smaller' on a monitor */
	}


#main_right .images_bottom { /* This class to be used on the lowest image to add a border on the bottom */
	border:#99CCCC 1px solid;
	float:right;
	margin-right:8px;
	margin-top:9px;
	margin-bottom:9px;
	}

	
/* LINKS FOR NORMAL USE */
#main_middle a:link
{
	color:#FFFFFF;
	text-decoration:underline;
}
#main_middle a:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}
#main_middle a:hover
{
	color:#4153AC; 
	text-decoration:underline;
}
#main_middle a:active
{
	color:#4153AC;
	text-decoration:underline;
}


/* LINKS FOR RIGHT USE */
#main_right a:link
{
	font-size:10pt;
	color:black;
	text-decoration:underline;
}
#main_right a:visited
{
	color:black;
	text-decoration:underline;
}
#main_right a:hover
{
	color:#4153AC; 
	text-decoration:underline;
}
#main_right a:active
{
	color:black;
	text-decoration:underline;
}