﻿* {margin:0;padding:0;} 


/**** Master Page Styles ****/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 315px;}  /* must be same height as the footer */

body {background-image: url(images/wood-back.jpg); margin: 0; padding: 0; text-align: left; font-size: 13px; font-family: 'Verdana'; color: #fff; height: 100%;}
.style2 {color: #66FF33}
#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 9em;
}

#footer
{position: relative;
	margin-top: -315px; /* negative value of footer height */
	height: 315px;
	clear:both;
background-image:url(images/footer_grass.png); height:317px
} 

/* 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 */

.chromestyle{
width: 99%;
font-weight: bold;
padding-top:9px;
padding-left:5px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 9px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #666;
padding: 5px 31px;
margin: 0;
text-decoration: none;
font:normal 12px Arial;
font-weight:bold;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
background-color: #e7e7e7;
margin-top:4px;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 8px;
border-bottom: 1px solid #cfcfcf; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #666;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #ffffff;
color:#76b00b;
}


#divMainContainer{position:relative; width: 980px; text-align: left; margin: 0 auto; z-index:5; padding-left:20px;}

#divMidInnerContainer{position:relative; width: 100%}

#divHeaderContainer{position: relative; width: 100%; padding-bottom: 10px; text-align: left; z-index:100;}

#divInnerMainContainer{position: relative; width: 980px}

/*#divLeftColumn{position: relative; width: 400px; height: 520px; float: left; background-position: bottom; margin-top: 20px}
#divRightColumn{position: relative; width: 400px; height: 520px; float: right; background-position: bottom; margin-top: 20px}
*/
	

#divLeftColumn{position: absolute; width: 400px; height: 520px; top: 0px; left: 0px; padding-top: 20px}
#divRightColumn{position: absolute; width: 400px; height: 520px; top:0px; right: 0px; padding-top: 20px}




/**** Page Footer Styles ****/


#divValid{position: absolute; width: 450px; float: left; text-align: left; padding-left:50px; padding-top:180px; font-size:11px}
#divFooterLinks{position: relative; width: 390px; float: right; text-align: right; padding-right:50px; padding-top:170px; font-size:11px}
#footer .section_w220 {
	float: left;
	width: 520px;
	padding-left: 50px;
	padding-right: 12px;
	 padding-top:180px; font-size:11px
}


/**** Page Link Styles ****/
a.classFooterLinks{color: #86ca09; text-decoration: none;}
a.classFooterLinks:hover{color: #a4ef1b; text-decoration: none}


/**** Misc Styles ****/

.classNoBorder{border: none;}

h1{color: #e8e5c5; margin: 0; font-size: 18px; text-align: left; font-family: Tahoma; font-weight:none; }

h2{ color: #ffffff; margin: 0; font-size: 23px; text-align: left; font-family: Tahoma; font-weight:bold; margin-bottom: 0px; height: 40px}

			h3{ margin: 10px 10px 0 10px; color:#e8e5c5; font:15pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.classMidInnerContainer p{color: #d4d4d4; font-size: 0.8em}



.grey-text{color: #737373}
.blue-text{color: #37a7d5}

ul{padding: 0; margin: 0}


#divMainContainer div a{color: #00ffff; text-decoration: none; outline: none;}
#divMainContainer div a:hover{color: #9ff009; text-decoration: none; outline: none; }



#slider1 {
    width: 980px; /* important to be same as image width */
    height: 420px; /* important to be same as image height */
	top: 8px;
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 980px; /* important to be same as image width or wider */
	height: 408px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 980px;
    background-color: #ffffff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #666666;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 390px;
}
.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 390px;
}
ul { list-style-type: none;}

#imageBlock {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #FFF;
}

#linkBlock div {
	display: block;
	height: 85px;
	width: 248px;
	padding: 25px;
	float: left;
}
#linkBlock {
	padding-top: 5px;
	width: 596px;
}

#linkBlock div h3 a, #subNav div h3 a {
	display: block;
	height:15px;
	padding-bottom: 10px;
	padding:4px;
	background-image:url(images/titlebg.png);
		background-position: left 25px;
}
#linkBlock div h3 a:hover, #subNav div h3 a:hover {
	background-position: left 15px;
}


#linkBlock div a, #subNav div a {
	text-transform: uppercase;
	color: #00ffff;
	text-decoration: none;
	letter-spacing: 0.2em;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#linkblock {
	float: left;
	width: 598px;
}
#news {
	float: right;
	width: 350px;
	padding: 15px 15px 10px;
}

#submenu {
	float: right;
	width: 240px;
	padding: 66px 23px 10px;
}
#linkBlock div a:hover, #subNav div a:hover {
	text-decoration: none;
	color:#9ff009;
}
#linkBlock div p, #subNav div p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	padding-top: 7px;
	padding-bottom: 10px;
}

/************* NEWS ****************/
 .rss {
	display: block;
	float: right;
	text-transform: uppercase;
	color: #697070;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/template/rss.gif) no-repeat right center;
	padding-right: 18px;
}
#news h3 a {
	display: block;
	height:15px;
	padding-bottom: 10px;
	width: 150px;
}

.feedburnerFeedBlock {
	width:350px;
		font: 15px Verdana, Arial, Helvetica, sans-serif;
}
.sub {
	width:350px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.date {
	position:absolute;
	padding: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	top: 15px;
	right: 10px;
}
*:first-child+hml .date {
	font: 30px Verdana, Arial, Helvetica, sans-serif;
	color: #f06;
}
.rss:hover {
	color: #FFF;
}
#creditfooter {
	display:none;
}
.moreNews {
	text-transform: uppercase;
	color: #0FF;
	text-decoration: none;
	letter-spacing: 0.3em;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	padding-top:16px;
}
.moreNews:hover {
	text-decoration:underline;
}

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-size:12px;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.png) no-repeat bottom;
}
 .commentForm
        {
            width: 497px;
            height: 320px;
            position: relative;
            background-image: url( 'images/comment_form.png' );
            background-repeat: no-repeat;
        }
        .commentForm input[type="text"], .commentForm textarea
        {
            width: 266px;
            left: 32px;
            position: absolute;
            background-repeat: no-repeat;
            border-width:0px;
            font-weight:bold;
            font-family:Arial, Sans-Serif;
            font-size:12px;
        }
        .nameField
        {
            top: 44px;
            height: 22px;
            background-image: url( 'images/name_bkg.jpg' );
        }
        .emailField
        {
            top: 90px;
            height: 22px;
            background-image: url( 'images/email_bkg.jpg' );
        }
        .websiteField
        {
            top: 133px;
            height: 22px;
            background-image: url( 'images/website_bkg.jpg' );
        }
        .commentField
        {
            top: 178px;
            height:122px;
            background-image: url( 'images/comment_bkg.jpg' );
			background-color:#94724f;
        }
        .sendButton
        {
        	position:absolute;
        	top:268px;
        	left:418px;
        	width:100px;
        	height:30px;
        	border:solid 2px #493d33;
        	background-color:#7c6852;
        	color:#e1cdae;
        }

#ddblueblockmenu{
border: 1px solid #a05830;
border-bottom-width: 0;
width: 245px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 229px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #a05e29;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

border-bottom: 1px solid #cd8359;
border-left: 7px solid #9b552e;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu #currentpage a{
background-color: #a05e29;
border-left-color: #41c3c3;
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#ddblueblockmenu #currentpage a:hover{
color:#FFFFFF;
}

#ddblueblockmenu li a:hover {
background-color: #a05e29;
border-left-color: #41c3c3;
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#ddblueblockmenu div.menutitle a{
color: #e8e5c5;
font: normal 10pt Arial, sans-serif;
}
#ddblueblockmenu div.menutitle a:hover{
color: #a6f008;
font: normal 10pt Arial, sans-serif;
}
#ddblueblockmenu div.menutitle{
color: #e8e5c5;
border-bottom: 1px solid #a05830;
padding: 1px 0;
padding-left: 5px;
background-color: #8f4922;
font: bold 10pt Arial, sans-serif;
}
img.border {
			display: block;
			padding:8px;
			border:solid;
			border-color: #e6e6e6;
			border-width: 1px;
			    float: left; 
    margin: 15px; 

		}
		
		
			
			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:4px; 
				float:left; 
				background:#161613; 
				border: solid 1px #ffffff; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 			}

 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
				
				.toplink {
position: fixed; 
bottom: 5px;
right: 0px;
z-index:200;
}

		
		img.border1 {
			display: block;
			padding:8px;
			border:solid;
			border-color: #e6e6e6;
			border-width: 1px;
			    float: left; 
    margin-right: 23px; 
	    margin-bottom: 33px; 

		}
