@charset "utf-8";
/* CSS Document */


.preload {
	display:none;
}

body {
	background-color: #b7b6b6;
	background-image: url(i/bg_full_01.jpg);
	background-repeat: repeat-y; 
	background-attachment:fixed;
	background-position-top left: 0% 100%;
}

h2 {	color: #769748;
}

#navigation {
	width:630px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;	
}

#navigation a:focus { outline:none; }

#content {
	width:630px;
	background-image:url(i/bg_content.png);
	text-align: left;
	margin: 0px auto;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6e6e6e;
	clear: both;
	overflow: hidden;
	padding-top: 20px;
}


#content1 {
	width:630px;
	background-image:url(i/bg_content.png);
	text-align: left;
	margin: 0px auto;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6e6e6e;
	clear: both;
	overflow: hidden;
	padding-top: 20px;
}

#content2 {
	width:630px;
	background-image:url(i/bg_content2.png);
	text-align: left;
	margin: 0px auto;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bbbbbb;
	clear: both;
	overflow: hidden;
	padding-top: 20px;
}

#content-bottom {
	width:630px;
	background-image:url(i/bg_content_bottom.png) no-repeat;
	text-align: left;
	margin: 0px auto;
	border:0;
	clear: both;
	overflow: hidden;
	
}

#content1, #content2 a:link {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF6600;
}

#content1, #content2 a:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF6600;
}

#content1, #content2 a:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#CCFF00;
}

#mainimgtext {
	width:100px;
	text-align: left;
	margin: 0px auto 30px;
	border:0;
	padding-left: 25px;
	padding-right: 25px;
}
	

#col_main {
	width:580px;
	text-align: left;
	margin: 0px auto 30px;
	border:0;
	padding-left: 25px;
	padding-right: 25px;
} 


#col_right{
	margin: 0;
	float: left;
	width: 240px;
	margin-bottom: 30px;
}

#col_right_img{
	margin: 0;
	float: right;
	width: 275px;
	margin-bottom: 30px;
	position: static;
	left: 770px;
	top: 100px;
}

#col_left{
	float: left;
	width: 280px;
	height: auto;
	padding-left: 45px;
	padding-right:15px;
	margin-bottom: 25px;
	}

#col_left_half{
	float: left;
	width: 300px;
	height: auto;
	padding-left: 25px;
	padding-right:12px;
	margin-bottom: 30px;
	}

#col_right_half{
	float: left;
	width: 300px;
	height: auto;
	padding-left: 0px;
	padding-right:0px;
	margin-bottom: 30px;
}
#col_rightALT{
	float: left;
	width: 350px;
	height: auto;
	padding-left: 10px;
	padding-right:0px;
	margin-bottom: 30px;
}

#col_leftALT{
	margin: 0;
	float: left;
	width: 150px;
	margin-bottom: 30px;
	padding-left: 0px;
}

a img {border: none; }

#box1{
	margin: 0;
	float: left;
	width: 193px;
	margin-bottom: 0px;
	padding-left: 0px;
}


#box1 a { 
	background-image: url(i/box1.png); 
	background-repeat:no-repeat;
	display:block;
	border:none;
}


#box1 a:hover { 
	background-image: url(i/box1_f.png); 
	background-repeat:no-repeat;
	display:block;
	border:none;	
}

#box2{
	margin: 0;
	float: left;
	width: 193px;
	margin-bottom: 0px;
	padding-left: 0px;
}


#box2 a { 
	background-image: url(i/box2.png); 
	background-repeat:no-repeat;
	display:block;
		border:none;
}


#box2 a:hover { 
	background-image: url(i/box2_f.png); 
	background-repeat:no-repeat;
	border:none;	
}

#box3{
	margin: 0;
	float: left;
	width: 193px;
	margin-bottom: 0px;
	padding-left: 0px;
}


#box3 a { 
	background-image: url(i/box3.png); 
	background-repeat:no-repeat;
	display:block;
	border:none;
	
}


#box3 a:hover { 
	background-image: url(i/box3_f.png); 
	background-repeat:no-repeat;
	border:none;	
}


#navdiv {
	margin-top:0px;
	width:630px;
	height:55px;
	background-image:url(i/bg_01.png);
}

ul#topnav {
	margin-left: 50px;
	margin-top:-32px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width: 565px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 15px;
	height: 42px;	/*--background: url(i/topnav_stretch.gif) repeat-x; --*/		
}


ul#topnav li {
	float: left;
	margin-left: 1px;
	padding: 0;
	color: #000;	/*--border-right: 1px solid #000000; --Divider for each parent level links--*/
	
}
ul#topnav li a {
	padding: 10px 30px;
	display: block;
	color: #CCC;
	text-decoration: none;
}

ul#topnav li:hover { 
	background-image: url(i/topnav_btn.png); 
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
}

ul#topnav li a:hover {
	color: #324f1b;
}

ul#topnav li a:focus { outline:none; }

/*
#left a:hover {
	background:  #9e9e9e url(i/topnav_alt.gif) repeat-x;
}
*/

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 596px;
	background-image:url(i/bg_snav.png);
	background-repeat:no-repeat;
	height: 42px;
	color: #ffffff;
}

ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/

ul#topnav li span a {
	display: inline;
	color: #000000;
	font-size:13px;
	font-weight:900;
	padding-left: 25px;
	padding-right: 25px;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {
	background-image: url(i/topnav_btn.png);
	background-repeat:no-repeat;
	background-position:center;
	text-decoration: none;
	color:#324f1b;
}

#footer {
	width:630px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	clear: both;
}
#copyright {
	width:630px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-image:url(i/bg_footer_c.png);
	text-align:center;
	color:#6f6f6f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px

}

#header {
	width:580px;
	text-align: left;
	margin: 0px auto 0px;
	border:0;
	padding-left: 25px;
	padding-right: 25px;
}

.header {
	font-size: 24px;
	color: #769748;
	font-style: normal;
	font-weight: bold;
}

#subhead {
	text-align: left;
	margin: 0px auto 30px;
	border:0;
}

	
.subhead {
	font-size: 12px;
	color: #white;
	font-style: normal;
	font-weight: bold;
}

#col_full {
	width:540px;
	text-align: left;
	margin: 0px auto 30px;
	border:0;
	padding-left: 45px;
	padding-right: 45px;
} 

/* gallery */

#thumbs {padding-bottom:10px;
	height:235px;
}
#thumbs img { border: none; }
#thumbs li { display: inline; list-style:none; }
#thumbs li a { float: left; display:block;  }
#thumbs li a:focus { outline:none; }
#thumbs li a img { border:none; vertical-align:bottom;  /* for IE6 */}

#one a { 
	background:url(i/thumb1.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#one a:hover { 
	background:url(i/thumb1_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#two a { 
	background:url(i/thumb2.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#two a:hover { 
	background:url(i/thumb2_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#three a { 
	background:url(i/thumb3.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#three a:hover { 
	background:url(i/thumb3_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#four a { 
	background:url(i/thumb4.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#four a:hover { 
	background:url(i/thumb4_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#five a { 
	background:url(i/thumb5.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#five a:hover { 
	background:url(i/thumb5_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#six a { 
	background:url(i/thumb6.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#six a:hover { 
	background:url(i/thumb6_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#seven a { 
	background:url(i/thumb7.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#seven a:hover { 
	background:url(i/thumb7_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#eight a { 
	background:url(i/thumb8.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#eight a:hover { 
	background:url(i/thumb8_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}


#nine a { 
	background:url(i/thumb9.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#nine a:hover { 
	background:url(i/thumb9_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}

#ten a { 
	background:url(i/thumb10.png) no-repeat left bottom;
	border:none;
	display:block; 
}

#ten a:hover { 
	background:url(i/thumb10_f.png) no-repeat left bottom; 
	border:none;
	display:block; 
}


#img_right {
	margin: 0;
	float: right;
	width: 250px;
	margin-bottom: 30px;
	position: static;
	left: 749px;
	top: 100px;
	padding-top:55px;
}

h2 {	color: #769748;
}


#para1, #para2, #para3, #para4, #para5, #para6,  #para7, #para8, #para9, #para10 {
	float: left;
	display:none;
	padding-left:10px;
	width: 235px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bbbbbb;
}