/* Global */
body{color: #565655;margin: 0;padding: 0;background: #304f30;font: 12px/1.4em Arial, Helvetica, sans-serif;letter-spacing:0px;}
a { color:#6e840b;font: 12px/1.4em Arial, Helvetica, sans-serif; text-decoration:underline;}
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;} 
a:hover {text-decoration:none;}
h2 { color:#95a938;font: bold 16px Arial, Helvetica, sans-serif; margin: 15px 5px 5px 0;}
h3 { color:#95a938;font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}
/******* Layout **********/
#wrapper{width:769px;margin: 0 auto;background: url(../images/l-bg.gif) repeat-y center;}
#top{background: url(../images/top.png) no-repeat center;height: 29px;margin:0;padding:0}
#header{background: url(../images/shade.gif) repeat-x top;height: 140px;margin:0 21px;}
#logo {float: left;width:300px; padding:0 0 10px 30px}
#sm { float: right; padding:35px 50px 0 0}
/****** Navigation **********/
#nav{background: url(../images/nav.gif) repeat-x top;height: 40px;margin:0 18px;padding-left:1px;}
#nav ul {margin: 0;list-style: none;padding:0}
#nav li {display: block;float: left;}
#nav li a {font: bold 12px Arial, Helvetica, sans-serif;color: #FAFCF8;text-decoration: none;display: block;padding: 12px 15px 13px 15px;border-right: 1px solid #95a938;}
#nav li a:hover {background: url(../images/yhover.gif) repeat-x top; color:#445205;}
#nav li a.current {
	background: url(../images/yhover.gif) repeat-x top; color:#445205;
}
/******* Content *********/
#main{ background: url(../images/shade.gif) repeat-x top;margin:2px 21px;padding: 10px;overflow: hidden;clear:both;}
#content{width:480px;padding:10px 0 10px 10px;float:left;}
#content p { margin: 0 0 10px 0}
#content ul {padding:0 0 10px 0;margin:15px 0 0 25px;list-style: square url(../images/bullet.gif);}
#content li {margin:0; padding:0 0 4px 0;}
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}
.box1 {width: 215px; float:left; padding:7px; border: 1px solid #e5e5e5;}
.box2 {width: 215px; float:left;padding:7px; margin-left:12px;border: 1px solid #e5e5e5;}
.cont { display:block;background-color:#F7F7F7;padding:8px;}
.cont:hover{ background-color:#fff;}
/***** Side Bar **********/
#sidebar{width:200px;margin: 0 0 0 503px;}
.menu { margin:20px 0 0 0;padding:0; list-style:none;}
.menu li {height: 25px; padding: 11px 0 0 45px;background: url(../images/menu.gif) repeat-x left top;}
.menu a { color:#475509; text-decoration: none;font-weight:bold;}
.menu a:hover { color:#000000; }
/******** Footer *******/
#footer-line{background: #304f30 url(../images/footer.gif) repeat-y left;height: 13px;margin:0 18px;}
#footer {background: url(../images/shade.gif) repeat-x top;margin:2px 21px;padding: 18px;line-height:1.6em;}
.crd a { color:#565655;text-decoration:none;}
#bottom{background: url(../images/bottom.png) no-repeat center;height: 27px;}

/* CSS FORM */
.cssform{
	margin:20px 20px 35px 20px;
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: 1%;
	border-bottom: 1px dashed gray;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* Photo Galery */
.photo {
	float:left;
	padding: 10px 10px 10px 0px;
}

.photo_gal {
	padding: 10px 10px 10px 0px;
	height: 160;
	width: 200;
}

.photo_page{
	margin-top: 20px;
}