/********************************** MAIN ELEMENTS *****************************************/
body { /* set everything to zero for a good cross-browser starting point */
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	background-color: #ffffff; /* sets the body background colour */
	text-align: center; /* Hack to centre the container1 in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. Current best suggestion is to use the 100.01% value for this property */

}

/* The div holding all the other web elements*/
#container1 {
  	width: 772px;/*sets the width for IE5.x's broken box model*/
	margin: 20px auto;/* centers the container1. First value - 20px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
	background: transparent url(images/line1.jpg) top left repeat-y;
}

/* The div containing the main site graphic*/
#topimagediv {
	background-image: url(images/logo1.jpg); /* sets the background image for the topimage div*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
}

	#topimagediv p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;padding: 5px 0 0 0; margin-top: 0; margin-bottom: 0; text-align: right;}
	#topimagediv a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
	#topimagediv a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline;}

#topimagediv1 {
	background-image: url(images/logo2.jpg); /* sets the background image for the topimage div*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
}

	#topimagediv1 p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;padding: 5px 0 0 0; margin-top: 0; margin-bottom: 0; text-align: right;}
	#topimagediv1 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
	#topimagediv1 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline;}

/* The div holding the main page content */
#contentdiv {
	margin-left: 220px;
	border: none;
	width: 530px;
	padding-bottom: 20px;
	padding-top: 30px;
	background-color: transparent;
}

	#contentdiv p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #804040;
	padding: 5px 20px;
	text-align: left;
	line-height: 1.4;
	margin: 0px;
}
	
	.indent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #804040;
	padding: 5px 20px 5px 40px;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-style: italic;
}
	
	
	
	#contentdiv ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #804040;padding: 5px 20px 0 30px; margin-top: 0; margin-bottom: 0; text-align: left; line-height: 1.4;}
	
	#contentdiv h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px; color: #567A7A;padding: 5px 20px 0 20px; margin-top: 0; margin-bottom: 0; text-align: left; font-weight: normal;}
	
	#contentdiv h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #668040;padding: 10px 20px 0 20px; margin-top: 0; margin-bottom: 0; text-align: left; font-weight: normal;}
	
	#contentdiv h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#8BAC59;padding: 10px 20px 0 20px; margin-top: 0; margin-bottom: 0; text-align: left; font-weight: normal;}
	
	#contentdiv h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8BAC59;
	padding: 5px 20px 0 20px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}
	
	#contentdiv a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #804040; border-bottom: 1px dotted; text-decoration: none;}
	
	#contentdiv a:hover {border-bottom: 1px solid;}
	
	#contentdiv hr {height: 4px; width: 400px; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; color:#BF9230;}
	
	.main_a_large {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #804040; font-weight: normal;}


#leftnavdiv {
	float: left;
	width: 175px;
	border: none;
}
	#leftnavdiv h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #804040;padding: 0 0 0 0; margin-top: 35px; margin-bottom: 2px; text-align: center; font-weight: bold;}
	#leftnavdiv h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #804040;padding: 0 0 0 0; margin-top: 4px; margin-bottom: 6px; text-align: center; font-weight: bold;}
	#leftnavdiv p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #804040;padding: 5px 0 0 0; margin-top: 0; margin-bottom: 0; text-align: center;}
	#leftnavdiv select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #804040;padding: 5px 0 0 0; margin-top: 0; margin-bottom: 0; text-align: center;}

	#leftnavdiv a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #804040; text-decoration: none; border-bottom: 1px dotted;}
	
	#leftnavdiv a:hover {border-bottom: 1px solid;}



	#leftnavdiv hr {height: 1px; width: 160px; margin-top: 4px; margin-bottom: 4px; color:#B30004;}


#footerdiv {
	clear: left;
	width: 770px; /*Sets the footers width*/
	text-align: center;
	background-color: #ffffff;
	margin-top: 4px;
}
	#container1 #footerdiv p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #222222;padding: 5px 0 0 0; margin-top: 0; margin-bottom: 0;}
	#container1 #footerdiv a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #222222; text-decoration: none;}
	#container1 #footerdiv a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #222222; text-decoration: underline;}

/* The div holding the main page title*/
#titlesdiv {
	margin-top: 20px;
	margin-bottom: 10px;
	height: 50px;
	margin-left: 20px;
	z-index: 1;
}

.image {
	float: left;
	width: 100px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

/********************** COLORS USED IN WEBSITE **********************************************/
/****************  Red: #FF0000  ***********************************************************/
/****************  Dark Red: #B30000  *****************************************************/
/****************  Paler Red: #FFBFBF  ***************************************************/
/****************  Pale Red: #FF8080  ***************************************************/
/****************  Brown: #FF9900  ***********************************************************/
/****************  Dark Brown: #c  ************************************************/
/****************  Paler Brown: #FFE6BF  **************************************************/
/****************  Pale Brown: #FFCC80  ****************************************************/
/****************  Purple: #AA00FF  ***********************************************************/
/****************  Dark Purple: #7700B3  **************************************************/
/****************  Paler Purple: #EABFFF  *************************************************/
/****************  Pale Purple: #D580FF  *********************************************/
/********************************************************************************************/