html {font-family: Arial, "Trebuchet MS", sans-serif; background: #FFF; color: #5F626B; margin: 0; padding: 0;}
body {margin: 0; padding: 10px 0 0 0; background-color: #CACED0;}
#bodyContainer {background: url(bg-gradient.png) 0 0 repeat-x #fff; margin:0; padding:0;}

#header {width: 904px; padding-top: 0; margin: 0 auto; overflow: hidden; height: 170px;}
#header img{border: 0;}

#headerLeft {width: 12px; background: url(lh-bg.png);}
#headerRight{width: 12px; background-image: url(rh-bg.png);}

#containerWrap {width: 880px; margin: 0 auto; background: url(mountain-bg.gif) 0 108px no-repeat #FFF; border-top: 3px solid #FFF;}
#container {border-top: 3px solid #CCC; padding-top: 15px;}

/* TODO: fix menu - vertical align + click anywhere in box */
#menu {float:left; margin:35px 0 0 0; width:170px;}
#menu ul{margin: 0 0 0 4px; padding:0;  list-style-type:none}
#menu li{margin: 0;}
#menu li a, #menu li.current {background: url(menu-item.png) 0 0 no-repeat; color: #fff; width: 160px; height: 30px; display: block; text-decoration: none; line-height: 29px; padding-left: 20px;}
#menu a:hover{color:#333;}
	
#content {margin-left: 170px; padding: 0 15px 0 26px; font-size: 100%;}
#breadcrumbs {font-size: 80%; margin-bottom: 0.75em;}

#footer {font-size: 75%; color: #777; margin-top: 8em; padding: 0 1em 0 1em; clear: both; border-top: 3px solid #CCC;}
#footer a {color: #777;}
#footer a:visited {color: #777;}
#footer p {text-align: left; padding: 0; }

a {color: #466F40;}
a:hover{text-decoration: none;}
a:visited {color: #466F40;}

h1{font-size:1.5em; color: #333;}
h2{font-size:1.3em; color: #333;}
h3{font-size:1.1em; color: #333; margin-bottom:0;}

#content img {margin: 0 -5px 0 10px;}
.rightImg {float: right; clear: right; padding-top: 1em;}

/* Form stuff */
form.wForm {font-size: 95%; margin-top: 5px;}
span.required{font-size: 85%;}
.wForm label {width: 6em; float: left; text-align: left; margin-right: 0.5em; display: block; }
.wForm input {}
.wForm textarea {}
div.ctrlHolder {padding: 2px 0 2px 0px; }
div.buttonHolder{margin-left: 6.5em;}

#errorMsg {width: 360px; border: 2px solid #ED1C25; background-color: #F9F9F9; margin: 1em 0; padding: 0 1em;} /* #f44537 */
#errorMsg h3 {margin: 3px 0 0 0; padding: 0;}
div.error input {border: 2px solid #ED1C25;}
div.error textarea {border: 2px solid #ED1C25;}
/* end form stuff */

/* Photo Gallery */
#description {padding-bottom: 10px;}
#photos img {border: 0}
#photos h4 {margin: 0 0 10px 0; padding: 0;}
h4.album a {color: #000; }

div.album {display: inline; width: 215px; text-align: center; height: 225px; float: left; margin: 5px 5px 0 0; padding: 5px 2px 0 2px; border: 2px solid #ccc;}
div.photo {display: inline; width: 215px; text-align: center; height: 230px; float: left; margin: 5px 0 0 0; padding: 5px 0 0 0;}

#photoLarge {text-align: center;}
#photoLarge h3 {color: #1B3B5A;}

#photoNav {padding: 3px;}
#photoNav img {border: 0; display: inline;}
#prev {display: inline; padding-right: 5px;}
#position {display: inline; font-weight: bold; vertical-align: top;}
#next {display: inline; padding-left: 5px;}

#photoCaption {font-size: 85%; padding: 0 20px;}
/* End Photo Gallery */