body 
	{
    font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffec; 
	}

p
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	margin: 5px 10px 0 10px; 
	}		
a
	{
	text-decoration: underline;
	color: #660099;
	font-weight: bold; 
	}
	
a:hover
	{
	color: #000;
	}		
	
img
	{
	border: 0; 
	} 
	
h1
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
	color: #660099;
	margin: 10px; 
	}	
	
h2
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #660099;
	margin: 12px 10px 5px 10px; 
	}		
	
h3
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	margin: 12px 10px 5px 10px; 
	}	
		
td	
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	margin: 5px 10px 0 10px; 
	padding: 5px 10px 0 10px; 
	}		
	
hr 
	{
	width: 400px; 
	height: 1px; 
	text-align: center; 
	color: #660099;
	margin: 10px 0 10px 0; 
	} 
		
/* page elements */ 

#wrapper
	{
	width: 800px; 
	min-height: 600px;
	border: 1px solid #660099; 
	margin: 0 auto; 
	background-color: #fff; 
	background-image: url(/template/images/bg_reeds.gif);
	background-repeat: no-repeat; 
	background-position: right bottom; 
	}

#header
	{
	width: 800px; 
	height: 141px; 
	background-image: url(/template/images/header.jpg);
	} 

#address
	{
	float: right; 
	background: transparent;  
	margin: 5px 5px 0 10px; 
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	text-align: right; 
	} 		
		
#content 
	{
	float: none; 
	width: 450px; 
	margin: 0px 125px 0 150px;
	}
	
#content li	
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	margin: 5px 10px 0 10px; 
	}			
	
#content a
	{
	text-decoration: underline;
	color: #660099;
	font-weight: normal; 
	}
	
#content a:hover
	{
	color: #000;
	}		
	
#sidebar
	{
	float: right; 
	width: 180px; 
	margin: 10px 5px 25px 5px; 
    text-align:right;
	} 
	
#sidebar img
	{
	border-right: 5px solid #660099;
	margin-top: 4px; 
	} 	

#sidebar p
	{
	margin: 0px;
	padding: 0px;
	} 	

#news
	{
	width: 450px; 
	border: 1px solid #660099;
	background-color: #fff; 
	margin: 5px 0 5px 10px; 
	}	
	

/*---------- navigation ----------*/		

#nav
	{
	margin: 0;
    padding: 0;
	float: left; 
	width: 150px; 
	background-color: #e8d8ef;	 
	} 	
	
#nav ul
	{
	padding: 0; 
	margin: 0; 
	}	
	
#nav li 
	{
	width: 150px;
	height: 29px;  
	list-style-type: none; 
	text-decoration: none;
	color: #660099;
	font-size: 12px; 
	font-weight: bold; 
	padding: 0; 
	border-bottom: 3px solid #ffffec;
	} 
	
#nav a 
	{
	display: block;
	height: 22px; 
	border-right: 3px solid #660099; 
	text-decoration: none; 
	padding: 5px 0 2px 10px; 
	color: #660099;
	font-weight: bold; 
	} 	
	
#nav a:hover 
	{ 
	display: block;
	background-color: #b885cd;
	color: #d8bee4;
	} 
	
.nav_on
	{
	background-color: #b885cd;
	color: #660099;
	}
	
.sub_nav 
	{
	background-color: #d8bee4; 
	color: #660099;
	}
	
.sub_nav_on 
	{
	background-color: #b885cd;
	color: #660099;
	}		

.sub_nav_dot
	{
	margin: 0 5px 2px 20px;
	}	
			
/*---------- ramble ----------*/	
	
#ramble 
	{
	width: 800px; 
	margin: 0 auto; 
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #b885cd;
	text-align: right; 
	padding: 3px 0 0 0;
	}	
	
#ramble a
	{
	text-decoration: underline;
	color: #b885cd;
	}
	
#ramble a:hover
	{
	color: #b885cd;
	}