
/************************************* GENERAL *************************************/

	html,
	body {
		margin: 0px 0px 0px 0px; 
		padding-top: 0px;
		text-align: center;
		background: #000000;
		}
   
	#outermain {
		width: 705px;
		border: 1px solid #000;
		margin: auto;
		backgroung: fefce7;
		}

	#header {
		width: 705px;
		height: 153px;
		background: #000;
		margin: auto;
		}

	#header2 {
		width: 705px;
		height: 153px;
		background: #00000;
		margin: auto;
		}
		
	#navigation {
		width: 705px;
		background: #876500; /* Sets the background colour of the Nav bar. */
		margin: auto;
		text-align: left;
		padding: 0px 0px 0px 0px;
		}

	#main {
	width: 705px;
	margin: auto;
	backgroung: fefce7;
	text-align: left;
		}
		
	#footer {
		width: 705px;
		background: #fefce7;
		border-top: 2px solid #CBC9BA;
		margin: auto;
		padding: 10px 0px 0px 0px;
		font-family: arial,verdana,sans-serif;
		font-size: 60%;
		line-height: 1.8;
		}

	img {border:none} 

	hr { 
		color: #e6dfae; 
		background-color: #e6dfae; 
		height: 2px; 
		border: 0px; 
		margin-top: 5px;
		margin-right: 20px;
		margin-left: 20px; 
		margin-bottom: 5px 
		}
		
	#nav	{
		font-weight: bold;
		height: 2.09em;
		font: bold 13px arial;
		top: 0px;
		margin: auto;
		padding: 0px 0px 0px 3px;
		width: 705px;
		}

	#nav li	{
		position:relative;
		background: #b9ab96; /* Inactive tab colour. */
		float: left;
		width: 10em;
		display: block;
		margin: 0px;
		border-bottom: 3px solid #666;
		border-right: 3px solid #252525; 
		padding: 0px 0px 0px 3px;
		}
		
	#nav a,
	#nav a:link,
	#nav a:visited,
	#nav a:hover,
	#nav a:active	{
		text-decoration: none;
		cursor: pointer;
		color: #fff;
		display: block;
		padding: 4px 10px 2px 3px;
		}
		
	#nav a:hover {color: #000000}
	
	/** This controls the animated dropdown list. **/
	#nav li ul	{
		border-left: 1px solid #876500;                    /* Sets the "active" (bronze) colour. */
		background: #f6f6f6 url("menu_images/dropdown_inactive.gif") no-repeat 100% 100%;
		width: 15.8em;
		font-size: 12px;  /* Specifies the size of the font in the dropdown menu items.*/
		margin-top: 3px;
		position: absolute;
		font-weight: bold;
		left: -999em;
		padding: 0px 0px 0px 0px;
	}	
		
	#nav li:hover ul,
	#nav li.sfhover ul	{
		left: 0;
		z-index: 99999
		}
		
	#nav li li	{
		background: none;
		float: none;
		border: none;
		border: 0px solid #fff;  /* Borders in the inactive dropdown. */
		border-top: 1px solid #fff;
		border-right: none;
		border-left: none;
		padding-left: 0
		}
		
	#nav li li a,
	#nav li li a:link,
	#nav li li a:visited,
	#nav li li a:hover	{
		color: #000;
		padding: 5px 10px 5px 3px; /* Spacing between text in dropdowns. */
		width: 14.8em;   /* Controls the width of the highlighted bar in the dropdowns.  */
		}
		
	#nav li li a:hover	{
		color: #fff;
		background: #876500
		}
	
	#nav li.active	{
		background: #876500;
		border-bottom: 3px solid #876500
		}
		
	#nav li.active ul	{
		border: none;
		background: #876500 url("menu_images/dropdown_active.gif") no-repeat 100% 100%

		}
	
	#nav li.active li	{  /********************** "red" nav lines ***********************/
		border: none;
		border-top: 1px solid; /* #c15c5c ** This adds borders in the active dropdown menu */
		border-bottom: 2px; /* solid #870500 ** This adds borders in the active dropdown menu**/
		}
		/********************************************************************************/
		
	#nav li.active li a:link,
	#nav li.active li a:visited,
	#nav li.active li a:hover,
	#nav li.active li a:active {color: #fff}
	
	#nav li.active li a:hover	{color: #fff}
	
	#nav li.active li.active a:link,
	#nav li.active li.active a:visited,
	#nav li.active li.active a:hover,
	#nav li.active li.active a:active	{
		color: #fff;
		font-weight: bold;
		}

	#nav li {width:auto}
	
	
/***************************** LEFT NAVIGATION **********************************/

	#nav-left,
	#nav-left ul {position: static}
	
	#nav-left,
	#nav-left li {
		list-style: none;
		margin: 5px 0px 0px 5px;
		padding: 0px 0px 10px 0px;
		}
		
/************************************* LINKS ****************************************/

	a:link,
	a:visited,
	a:active {
		color: #25639c; 
		text-decoration: none;
		}

	a:hover {
		color: #3B7FBE; 
		text-decoration: underline;
		}

/***************************************** FONTS **************************************/

	p	{
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 10px 10px 10px 10px;
		align: left;
		}
		
	ul {
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 10px 10px 10px 10px;
		list-style-position: outside;
		list-style: circle;
		}
	
	h1	{
		font-family: arial,verdana,sans-serif;
		font-size: 20px;
		color: #000;
		padding: 5px 5px 5px 5px;
		margin: 5px 5px 5px 5px;
		}
	
	h2	{
		font-family: arial,verdana,sans-serif;
		font-size: 18px;
		color: #000;
		padding: 5px 5px 5px 5px;
		margin: 5px 5px 5px 5px;
		}
	
	h3	{
		font-family: arial,verdana,sans-serif;
		font-size: 16px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 5px 5px 5px 10px;
		}
	
	h4 {
		font-family: arial,verdana,sans-serif;
		font-size: 14px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 5px 5px 5px 5px;
		}
		
	h5 {
		font-family: arial,verdana,sans-serif;
		font-size: 12px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 5px 10px;
		}
		
	h6 {
		font-family: arial,verdana,sans-serif;
		font-size: 10px;
		color: #000;
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 10px;
		}	
		
/****************************************** LISTS ****************************************/

	ul	{
		text-align: left;
		margin: 0px 0px 0px 0px;
		list-style-type: none;
		}
	
	li	{
		background: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
		}


