/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
	height:100%; 
}
body {
	font:14px Arial, Helvetica, sans-serif;
	background:url(../images/bkg_tile.png);  
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #432813;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	
	margin:0;
	padding:0;
	font-weight:normal;
}
#page_title {
	padding:10px 0 0 30px;
	font-size:20px;
	display:block;
	background:#e1f0c5;
	font-weight:bold;
	height:28px;
	margin:0;
}
h1 {
	margin:0 0 15px 0;
	font-size:18px;
	
}
#news #content h1:hover{cursor:pointer}
h2 {
	margin:0 0 15px 0;
	font-size:12px;
	font-weight:bold;
	color:#eda500;
	text-transform:uppercase;
}
h3 {
	/*font:12px arial, helvetica, sans-serif;*/
font-size:16px;
	font-weight:bold;
	padding:0 0 10px 0
}
hr {
	border:none;
	background:none;
	border-top:1px dotted #bdbcbc;
	padding:0;
	margin:0 0 15px 0;
	height:1px
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	padding:0 0 18px 0px;
}
li {
	margin:0 0 0 15px;
}
lh {
	font-weight:bold
}
ol {
	font-weight:bold
}
ol li {
	margin:0 0 0 18px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:visited {
	
	color: #6e7544;
}
a:hover{text-decoration:none}
/***** Forms *****/
 
form div { 
padding:0 0 4px 0;
clear:left;
}

label {
margin:0 0 0 8px;
float:left;
display:block;

font-weight:bold;
padding-right:1.5em;
vertical-align:middle;
color:#6e7544
}

form { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6e7544;
}

form div.actions {
margin-left:4em;
padding-left: 1.5em;
}

.form_width{ 
width:219px; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}

#submit_button{

}
/***** Tables *****/
/* 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

*/
/***** DESIGN *****/
 




#wrap {
	width: 1024px;
	height:768px;
	position:relative;
	text-align:left;
}

#title_wonder{
	float:right;
	margin:21px 52px 0 0 ;
}

#bkg_header{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#bkg_nav{
	position:absolute;
	top:242px;
	left:0;
}

#address{
	float:right;
	clear:right;
	margin:28px 52px 0 0 ;
	padding:8px 8px;
	text-align:right;
	color:#d9dabb;
	font-weight:bold
}
	#address a{color:#d9dabb; text-decoration:none}
	#address a:hover{text-decoration:underline }

#header {
	height:212px;
	margin:0;
	background:url(../images/header.png) no-repeat left;
}
#header h1 {
	margin: 0;
	padding: 10px 0;
}

#photo_frame {
	position:absolute;
	z-index:100;
	width:284px;
	height:377px;
	top:239px;
	left:461px;
	background:url(../images/bkg_frame.png);
	padding:30px 30px 30px 30px;
}

#photo_thumbs{
	position:absolute;
	z-index:100;
	top:239px;
	left:839px;
	height:437px;
	width:79px;
}
	.thumb{ 
		border:1px solid #fff9cf;
		margin:0 0 12px 0;
		
	}

#rabbit{
	position:absolute;
	z-index:150;
	top:19px;
	left:486px;
}

.news_story{
	clear:left;
	margin:10px 0 0 0;
}
	#news_story h1{display:block; margin:10px 0 ; }


#content_pages{
	background:url(../images/bkg_pages.png);
	position:absolute;
	bottom:0;
	right:0;
	width:605px;
	height:704px;
	z-index:10;
	margin:0;
	padding:0;
}

	#title_area{
		width:463px;
		height:113px;
		margin:51px 0 0 66px;
		text-align:right;
	}
	
	#content{
		width:463px;
		height:488px;
		margin:0 0 0 66px;
		padding:0 10px 0 0;
		overflow:auto;
		color:#6e7544;
		font-size:11px;
		line-height:18px;
		text-align:justify;
	}

#community_feature{ clear:left; padding:0 0 10px 0  }

.community_photo{ float:left; margin:0 5px 5px 0; }


#footer {
	margin:0;
	padding:64px 0 0 0;
	clear:left;
	width:100%;
	background:url(../images/bkg_grass.png) center;
	height:66px;
	position:absolute;
	bottom:0;
	color:#FFFFFF;
	z-index:10;
}
#footer_text {
	margin:0;
	padding: 0 0 0 17px
}
#nav {
	
	font-family:Arial, Helvetica, sans-serif;
	height:35px;
	background:url(../images/nav_full.png);
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	position:relative;
	z-index:100;
}


#nav { position:absolute;
	top:386px;
	left:129px;   padding:0; margin:0; }
ul#nav li { padding:0; margin:0;height:40px; list-style:none; width:138px }
ul#nav li a { height:40px; display:block; text-indent:-9999px; width:138px }
 
li#q1 a, li#q2 a, li#q3 a, li#q4 a, li#q5 a, li#q6 a, li#q7 a { background:url(../images/nav_full.png); width:138px}

li#q1 a                { background-position:0 0;  }
li#q1 a:hover, li#q1 a.current { background-position:-138px 0px;  }

li#q2 a               { background-position:0 -40px;   }
li#q2 a:hover, li#q2 a.current         { background-position:-138px -40px ;   }

li#q3 a               { background-position:0 -80px;   }
li#q3 a:hover, li#q3 a.current         { background-position:-138px -80px;    }

li#q4 a               { background-position:0 -120px;   }
li#q4 a:hover, li#q4 a.current         { background-position:-138px -120px ;   }

li#q5 a               { background-position:0 -160px;   }
li#q5 a:hover, li#q5 a.current         { background-position:-138px -160px;    }

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/***** Global Classes *****/
 
.clear {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.wrap {
	width:960px;
	margin:0 auto;
}
.img-left {
	float:left;
	margin:0 15px 4px 0;

}
.img-right {
	float:right;
	margin:0 0 6px 10px;
	border:1px solid #bdbcbc;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.midgray {
	color:#666666;
	font-weight:normal
}
.img_title {
	padding: 8px 0 0 0;
	color:#666666;
	font-weight:normal
}
.img_caption {
	color:#666666;
	font-weight:normal;
	font-size:10px;
	margin:0 0 8px 0;
}
.two_col_img {
	border:1px solid #bdbcbc;
	float:right;
	margin:0 0 0 15px;
}
.bottom_pad {
	margin-bottom:15px
}
.img_border {
	border:1px solid #bdbcbc
}
.not_bold {
	font-weight:normal
}
#file_table {
	width:100%;
	float:left;
}
#file_table th {
	margin:0 0 3px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold
}
#file_table td {
	margin:0 0 3px 0;
	color:#333333;
}
.grid_headers {
	margin:0 0 3px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold
}
.grid_row {
	background-color:#f4f2f2;
	margin:0 0 3px 0;
	color:#333333;
}
.grid_row_alt {
	background-color:#FFF;
	margin:0 0 3px 0;
	color:#333333;
}
.grid_cell {
	width:23%;
	padding:4px 5px;
	float:left;
}
.grid_wide {
	width:33%;
	padding:4px 5px;
	float:left;
	background:none
}
.grid_narrow {
	width:12%;
	padding:4px 5px;
	float:left;
	background:none;
}
.grid_row:hover, .grid_row_alt:hover {
	background-color:#cce5ff;
}
.grid_row a:hover {
	background-color:#cce5ff;
}
.row_hover {
	background-color:#cce5ff;
}
.red {
	color:#cc0000
}
.hidden {
	display:none
}
.form_button_green {
	background:url(../images/button_bkg_green.gif) repeat-x;
	border:1px solid #bdbcbc;
	height:22px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	width:108px;
	margin:5px 3% 0 0;
	padding:0
}
.form_button_silver {
	background:url(../images/button_bkg_silver.gif) repeat-x;
	border:1px solid #bdbcbc;
	height:22px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	width:108px;
	margin:5px 3% 0 0;
	padding:0
} 

.white {color: #FFFFFF}

.hide{display:none}
/****** FIX FIREFOX ******
:-moz-any-link:focus {
 outline: none;
}
:focus {
	-moz-outline-style: none;
}
*/