/*****  Basic Styles   *******/
body {
	background-color: #F6E8BC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #241b14;
	margin-top: 0;
	}

h1 {
	font-size: 1px;
	margin: 0;
	text-indent: -9000px;
	}

/*****  Container Div, to hold everything together  in the center *******/
#wrapper {
	margin: 0 auto;
	padding-left: .01em;
	width: 760px;
	}
	
/*****  Top Div  *******/
#top { 
	width: 760px;
	height: 20px;
	background-color: #795150;
	}		

/*****  Logobar Div  *******/
#logobar {
	width: 760px;
	height: 119px;
	background-color: #FFFFFF;
	background-image: url(../images/site_images/logo_bg_02.jpg);
	background-repeat: no-repeat;
	}
#logobar.home {

	background-image: url(../images/site_images/logo_bg_02.jpg);
	background-repeat: no-repeat;
	}
#logobar.us {

	background-image: url(../images/site_images/logo_bg_03.jpg);
	background-repeat: no-repeat;
	}

#upper_nav {
	width: 200px;
	float: right;
	height: 119px;
	display: block;
	}
#upper_nav a {
	font-size: 14px;
	line-height: 29px;
	text-indent: 12px;
	background-color: #F0C986;
	color: #895160;
	border-bottom: 1px solid #EFBB61;
	text-decoration: none;
	display: block;
	width: 200px;
	}
#upper_nav a.this {
	background-color: #DC8C57;
	color: #FFFFCC;
	}

#upper_nav a:hover {
	background-color: #DC8C57;
	color: #FFFFCC;
	}
/*****  Main Nav Div  *******/
#main_nav {
	width: 760px;
	margin: 0;
	padding: 0;
	}

#main_nav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#main_nav ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#main_nav ul li a {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	background-color: #ED9D68;
	height: 24px;
	border: 0;
	margin: 0;
	color: #714A2C;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #EFBB61;
	border-left-color: #ED9D68;
	border-right-color: #ED9D68;
	}
#main_nav ul li a:hover {
	background-color: #f0dc9e;
	color: #676131;
	}	
#main_nav ul li a.hom {
	width: 80px;
	}
#main_nav ul li a.rup {
	width: 70px;
	}
#main_nav ul li a.chs {
	width: 228px;
	}
#main_nav ul li a.eco {
	width: 110px;
	}
#main_nav ul li a.lit {
	width: 134px;
	text-align: left;
	text-indent: 30px;
	}
#main_nav ul li a.library {
	width: 126px;
	}
#main_nav ul li a.tree {
	width: 144px;
	}
#main_nav ul li a.whatread {
	width: 133px;
	}
#main_nav ul li a.games {
	width: 77px;
	}

#main_nav ul li a.res {
	width: 198px;
	text-align: left;
	text-indent: 12px;
	background-color: #668888;
	color: #bec;	
	border-color: #668888;
	}
#main_nav ul li a.res:hover {
	background-color: #f0dc9e;
	color:#676131;
	border-color: #EFBB61;
	/*background-color: #795150;*/
	/*color: #fff;*/	
	/*border-color: #795150;*/
	}
#main_nav ul li a.this {
	background-color: #f0dc9e;
	border: 1px solid #f0dc9e;
	border-top-color: #EFBB61;	
	}
	
/*****  Widebox Div  *******/
#content {
	clear: left;
	float: left;
	width: 760px;
	background-image: url(../images/site_images/bg_content_rli.gif);
	background-repeat: repeat-y;
	display: block;
	}
#content.activities {
	clear: left;
	float: left;
	width: 760px;
	background-image: url(../images/site_images/activities_bg_content.gif);
	background-repeat: repeat-y;
	display: block;
	}
#content td.halfwet {
	background-image: url(../images/site_images/half-wet_light.gif);
	background-repeat: repeat;
}
#widebox {
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0px;
	display: block;
	}

#widebox h2 {
	margin: 10px 20px 5px 20px;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 1.4em;
	}
#widebox h3  {
	font: normal bold .85em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 0px 20px;
	letter-spacing: 1px;
	}
#widebox p {
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 10px 20px;
	line-height: 1.4em;
	letter-spacing: .0em;
	}
	
#widebox td ul li{
	margin-left: -26px;
	font-size: 1em;
	padding-right: 10px;
	}

#widebox ul li {
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox ul li ul li{
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox ol li {
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox ol li ul li {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox td {
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox td p {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}
#widebox a {
	color: #326565;
	text-decoration: underline;
	}
#widebox a:hover {
	color: #D84D2C;
	text-decoration: underline;
	}
#widebox a.accent {
	color: #326565;
	text-decoration: none;
	}
#widebox a.accent:hover{
	color: #D84D2C;
	text-decoration: underline;
	}
/*#widebox #toc {
	line-height: 1.3px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 6px;
	padding: 20px;
	padding-bottom: 6px;
	font-size: .8em;
	background-color: #FFFFCC;
	color: #993300;
}
#widebox #toc p {
	border: 1px solid blue;
	}

#widebox #toc a {
	color: #993300;
	text-decoration:none;
	}
#widebox #toc a:hover{
	color: #990000;
	text-decoration: underline;
	}	*/
/*****  About Nav Div  *******/
#about_nav {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	}
#about_nav h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFEEEE;
	font-weight:normal;
	letter-spacing: .5px;
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 12px;
	}
#about_nav a {
	height: 21px;
	border: 0;
	margin: 0;
	font-size: 14px;
	color: #693F24;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
	padding: 0px 0px 0px 12px;
	display: block;
	}
#about_nav a:hover {
	background-color: #FFEEEE;
	}
#about_nav a.this {
	background-color: #f0dc9e;
	}	
		
	
	
/*****  Action Nav Div  *******/
#action_nav {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	}
#action_nav h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFEEEE;
	font-weight:normal;
	letter-spacing: .5px;
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 12px;
	}
#action_nav a {
	height: 21px;
	border: 0;
	margin: 0;
	font-size: 14px;
	color: #693F24;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 20px;
	padding: 0px 0px 0px 12px;
	display: block;
	}
#action_nav a:hover {
	background-color: #FFEEEE;
	}
#action_nav a.this {
	background-color: #f0dc9e;
	}	
	
	
/*****  Footer *******/
#footer {
	clear: left;
	font-size: 13px;
	font-style:italic;
	font-family: "Times New Roman", Times, serif; 
	width: 760px;
	min-height: 30px;
	/*line-height: 30px;*/
	background-color: #FFEEEE;
	color: #000000;
	text-align: center;
	}
#footer p {
	margin: 0 0 4px 0;
	}
#footer a {
	
	}
#footer a:hover {
	color: #D84D2C;
	}


/*****  Misc. *******/

.cellbg1 {
	background-color: #FFFFFF;
}
.cellbg2 {
	background-color: #FFFFCC;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC99;
	border-right-color: #FFCC99;
	border-bottom-color: #FFCC99;
	border-left-color: #FFCC99;
}

.small {
	font-size: .7em;
}

td .small {
	font-size: 0.7em;
	line-height: 1.5em;
	}


.bgaccent {
	background-color: #D3DBF0;
}

.leftpic {
	margin-right: 10px;
	float: left;
	padding-left: 0px;
}

.rightpic {
	margin-left: 10px;
	float: right;
	padding-right: 0px;
}
.dry {background-color: #F0DC9E;color:#CC9933;}
.wet {background-color: #B8D0E4;color: #3399cc}