/* CSS Code */
/** {margin: 0; padding: 0; border: 0;} */
html {height:101%}
body {
	text-align: center;
	margin: 0;
	background-color: #344d33;
	background-image: url(images/canyon_bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #515050;
}
p {
	text-align: left;
	font-family: courierArial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #272727;
	margin: 12px 0;
}

#container {
	border: 3px solid #ffffff;
	width: 837px;
	margin: 0 auto;
	padding: 4px;
	background-color: #3f753d;
}
#top_header {
	background-color: #336633;
	width: 837px;
	height: 0px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
	line-height: 25px;
}
/*------------------ [ MEMBER LOGIN BUTTON ] ---------------------*/
/*
#top_header .memberlogin {
	margin: 0 8px 0 0;
}
#top_header .memberlogin a, #top_header .memberlogin a:link, #top_header .memberlogin a:visited {
	color: #ffffff;
	text-decoration: none;
} 
#top_header .memberlogin a:hover {
	color: #F55D13;
}
*/

#header {
	width: 837px;
	height: 318px;
	background-image:url();
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #1F3F29;	
	margin: 0 auto;
	border-bottom: 2px solid #ffffff;
}

/* ------------------- [ NAV ] --------------------- */
#nav_holder {
	background-color: #1F3F29;
	background-image:url(menu_clr.jpg);
	width: 837px;
	height: 55px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	border-bottom: 2px solid #ffffff;
}
#nav {
	margin:  0;
	padding: 0;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #1F3F29;
	
}
#nav li {
	list-style-type: none;
	display: inline;	
	height: 25px;
	margin: 0;
	padding: 0;

}
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#nav li a:hover {
	color: #F55D13;
}
#nav li a.active, #nav li a:link.active {
	color: #F55D13;
}
/* ------------------- [ SUB NAV ] --------------------- */
#subnav_holder {
	float: left;
	width: 180px;
	margin: 5px 5px;
	border: 2px solid #000000;
	background-color: #9dd282;
	-moz-opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity: 0.6;
	/*background-image: url(images/subnav_bg.jpg);*/
	background-repeat: repeat-x;
	background-position: 0 0;
	/*height: 388px;*/
}
#subnav_holder h3  {
  color: red;
	font-size: 15px;
	line-height: .5em;
}
#subnav_holder h2  {
  color: black;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;
  font-size: 12px;
}
#subnav_holder p  {
  color: black;
	margin-left: 5px;
	text-align: center;
	font-weight: bold;
}
#subnav {
	margin: 10px 0 5px 0;
	padding: 0;
	float: left;
	clear: both;
	width: 135px;
}
#subnav li {
	list-style-type: none;
	text-align: right;
	border-bottom: 1px dotted #FFFFFF;
	padding: 4px 0;
}
#subnav li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0 8px 0 0;
}
#subnav li a:hover {
	color: #F55D13;
}
/* ------------------- [ SUB NAV 2 ] --------------------- */
#subnav2 {
	margin:  0;
}
#subnav2 li {
	list-style-type: none;
	display: inline;	
	height: 25px;
	margin: 0;
	padding: 0;

}
#subnav2 li a, #subnav2 li a:link, #subnav2 li a:visited {
	color: #515050;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 2px;
	font-family: Arial, Helvetica, sans-serif;
}
#subnav2 li a:hover {
	color:#F55D13 ;
}
#subnav2 li a.active, #nav li a:link.active {
	color: #F55D13;
}
a.subnav2_dn, a:link.subnav2_dn {
	color: #F55D13;
}
/* ------------------- [ CONTENT WRAPPER ] --------------------- */
#content_wrapper {
	width: 837px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	/*height: 450px;*/
    border-bottom: 2px solid #022101;
/*	align: center;
	float: center;
*/
	margin: 0 auto;
}
#contents  {
	width: 623px;
	margin-left: 190px;
	height: 255px;
	float: right;
	/*	width: 180px; */
	padding: 5px 5px;
	margin: 5px 5px;
	/*	border: 2px solid #000000; */

	background-color: #ffffff;
	-moz-opacity: 0.60;




	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	opacity: 0.60;
	/*background-image: url(images/subnav_bg.jpg); */
	background-repeat: repeat-x;
	background-position: 0 0;
	border-top: 2px solid #000000;
}
#cont_bottom {
  width: 623px;
  margin-left: 190px;
	height: 170px;
	float: right;
	padding: 5px 5px;
	margin: 5px 5px;
}
#contents h1 {
  color: #054B03;
}
#contents h2 {
  color: black;
}
#contents p {
  color: black;
	font-size: 14px;
}

/* ------------------- [ CONTENT TEXT ] ------------------------ */
#content_wrapper .content {
	padding: 5px 10px 5px 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #515050;
	display: block;
	margin: 0 0 0 120px;

}
.content a,  .content a:link {
	color: #515050;
	text-decoration: none;
	font-weight: bold; 
}

.content a:hover {
	color: #F55D13;
}
#content_wrapper .content p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #515050;
	margin: 12px 0;
}
#content_wrapper .content li {
	margin: 0 0 0 35px;
}

/*---------------- [ COPYRIGHT ] --------------------------*/
#copyright {
	font: normal 10px/135% Arial, Helvatica, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 10px auto;
	padding-bottom: 10px;
}
#copyright a:link, #copyright a:visited {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
#copyright a:hover {
	color: #5E3B2E;
}
/* ------------------- [ CLEAR FIX ] --------------------- */

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* End hide from IE-mac */  
/* End of 'default' */

