body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background:#604B34;}

* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {color:#604B34;}
h1 {font-size:26px; font-weight:normal; border-bottom:1px solid #604B34; padding-bottom:10px; padding-top:20px; }
h2 {font-size:14px; margin-top:20px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:11px;}
h6 {font-size:10px;}

p, ul, ol, td, th {font-size:12px; line-height:18px; color:#604B34;}

p {padding:5px 0;}

a {color:#604B34; text-decoration:none}
a:hover {background:#D2D9B7; font-weight:bold;}

a img {border:0;}

ul, ol {padding:0 0 5px 17px;}
ul {list-style:url(../images/dot_bullet.gif);}

td, th {vertical-align:top;}

hr {border-top:1px solid #604B34; border-bottom:none; border-right:none; border-left:none;}

.header {margin-top:-12px; margin-left:-16px;}
.welcome {margin-top:-1px; margin-right:-1px;}
.shadow {margin-right:-4px; margin-top:-4px;}
.signoff {font-size:11px; font-style:italic; font-weight:bold; text-align:right;}
.tree {
	margin-top:3px; 
	border-top:1px solid #AAB878;
	border-bottom:1px solid #AAB878;
}
.left {float:left; padding:10px 10px 10px 0;}
.right {float:right; padding:10px 0 10px 10px;}

#mainwrap {
	width:800px; 
	background:#EDEAE0; 
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#greenBox {
	background:#D2D9B7; 
	border:1px solid #929F62; 
	margin:-27px 10px 50px 10px;
}

#contentarea {
	background:url(images/shadow_right.gif) repeat-y right #EDEAE0; 
	margin-top:35px; 
	margin-left:10px; 
	margin-bottom:10px;
	padding:4px;
}

.leftNav, #blog, .content_home {
	background:#FFF;
	border:1px solid #CCD2C2;
}

#blog {padding:10px;}
#blog a {border-bottom:1px dotted #604B34;}
#blog a:hover {border-bottom:none; font-weight:normal;}

#gallery img, #photo {margin:10px 10px 10px 5px; padding:7px; background:#FFF; border:1px solid #949E63;}

#gallery {background:#D5DCBA;}
#gallery a {border-bottom:none;}
#photo {margin:10px 3px 0 3px; padding:15px; background:#FFF; border:1px solid #949E63;}

#photo_nav {float:right;}
#photo_nav ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#photo_nav ul li {
	float:left;
	margin:0; 
	padding:0 0 5px 0;
}
#photo_nav ul li a {
	color:#EDEAE0;
	font-size:1px;
	padding-bottom:20px;
}
#photo_nav ul li#prev a {background:url(images/nav_previous.gif) no-repeat; padding-left:50px;}
#photo_nav ul li#next a {background:url(images/nav_next.gif) no-repeat; padding-left:50px;}
#photo_nav ul li#prev a:hover {background:url(images/nav_previous_hover.gif) no-repeat;}
#photo_nav ul li#next a:hover {background:url(images/nav_next_hover.gif) no-repeat;}

.leftNav {
	padding:20px 10px;
}
.leftNav a {display:block;}

.leftNav ul {list-style:none; margin-left:0; padding:0;}
.leftNav li a {margin:4px 0; padding-left:6px;}

.leftNav hr {margin-top:15px;}

#footer {background:#604B34; padding:15px 0;}
#footer p {
	color:#FFF;
	text-align:center;
}

.clearthis {/* clears the footer below longest column */
	clear:both; 
	height:0; 
	line-height:0;
} 
/* Alsett Clearing Method code */
.clearfix:after {/* the period is the last thing before the div closes */
	content: "."; /* inline elements don't respond to the clear property */
	display:block; /* ensure the period is not visible */
	height:0; /* make the container clear the period */
	clear:both; /* further ensures the period is not visible */
	visibility:hidden;}
.clearfix {display: inline-block;} /* a fix for IE Mac */
/* hack for a bug in IE6 for Windows */
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* end hack */