@charset "utf-8";

/* CSS Document */



/*--- GLOBAL STYLES ---*/

html, body	{ height: 100%;}

body		{ background-color:#ffffff; 

			font: normal normal normal .7em Arial, Helvetica, Verdana, sans-serif;

			color: #333333;}



.cleaner	{ clear: both; margin:0; padding:0; height:0px;}

.hide		{ display: none;}



.floatleft	{ float: left;}

.floatright	{ float: right;}



h1	{ font-size: 1.8em; font-weight:bold; color: #588369; padding-bottom: 3px; margin-bottom: 5px; display:block; border-bottom: 1px solid #cdcdcd;}

h2	{ font-size: 1.3em; font-weight:bold; color: #588369; padding-bottom: 2px; margin-bottom: 5px; display:block; border-bottom: 1px dotted #cdcdcd;}

h3	{ font-size: 1.1em; font-weight:bold; color: #588369;}



p	{ margin: 5px 0px 5px 0px;}



img.thumbnail	{ border: 1px solid #333333;}



/*--- LINKS ---*/

a		{ text-decoration: none; color: #8db49d; font-weight: bold;}

a:hover	{ text-decoration: underline;}



ul a	{ text-decoration: none; color: #333333; font-weight: normal;}

ul a.on	{ text-decoration: none; color: #333333; font-weight: bold;}



/*--- LISTS ---*/

ul.navArrow		{ font-size: 1.1em; list-style: none;}

ul.navArrow li	{ padding: 6px 0px 0px 15px; background: url(../img/greenArrow.gif) no-repeat 0px 8px; font-weight: normal;}

ul.navArrow li.arrowOpen	{ background: url(../img/greenArrow_on.gif) no-repeat 0px 9px;}

ul.navArrow li.on			{ font-weight: bold;}

ul.navArrow ul.navArrow		{ font-size: 1em; list-style: none;}



/*--- PAGE BLOCKS ---*/

#headerWrap		{ width: 100%; height: 85px; margin-top: 5px; background: url(../img/header_dropShadow.gif) repeat-x 0px 72px;}



#bodyWrap		{ width:1140px; margin: auto; padding-top:5px;}



#leftNav		{ float: left; border: 1px solid #c4c4c4; margin-right: 8px; width: 152px; padding:10px 10px 20px 10px;}



#contentWrap	{ float: left; border: 1px solid #c4c4c4; margin-right: 8px; margin-bottom:10px; width: 620px; padding: 25px 40px 15px 40px;}

#contentWrapHome	{ float: left; border: 1px solid #c4c4c4; margin-left: 180px; margin-bottom:10px; width: 620px; padding: 40px 40px 40px 40px;}



#rightNav		{ float: left; border: 1px solid #c4c4c4; width: 226px; padding:10px 10px 20px 10px;}



#footer			{ clear:both; margin: 0px 0px 20px 182px; border: 1px solid #c4c4c4; width: 660px; padding: 5px 20px 5px 20px;  background-color: #c6e9cb;}





/*--- HEADER ---*/

.header			{ width: 100%; height: 70px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; background: url(../img/header_bg.gif);}

.headerContent	{ width:1140px; margin: auto;}

.headerTitle	{ float: left; width: 705px; height: 70px;}



.headerTabs		{ float: right; width: 275px; height:26px; margin-top: 45px;}

.tabs			{ border: 1px solid #333333; background-color: #c6e9cb; height:24px; font-size:12px; text-align:center; margin-left: 4px; float:left;}

.first			{ margin-left:0px;}



.tabs a			{ height:14px; padding: 5px 13px; display:block; color:#333333; font-weight: normal;}





/*--- LEFT NAV ---*/

#leftNav .greenBar	{ height:10px; width:170px; margin: -9px 0px 5px -9px; background-color: #c6e9cb;}





/*--- RIGHT NAV ---*/

#rightNav .greenBar	{ height:10px; width:244px; margin: -9px 0px 5px -9px; background-color: #c6e9cb;}



#rightNav img.thumbnail	{ border: 1px solid #333333; float: left; width: 63px; height:63px; margin:8px 15px 7px 0px;}

#rightNav img.right		{ margin-right:0px;}





/*--- CONTENT AREA ---*/

.lightbox	{ border: 1px solid #333333; margin:15px 0px 15px 0px;}



.thumbnailBlock	{ float: left; text-align:center; width: 90px; height:100px; margin:8px 10px 7px 4px;}

.right		{ margin-right:0px;}

.large		{ float:left; width: 125px; height: 125px; margin: 0px 15px 15px 0px; clear: both;}



.descriptionBlock	{ float: left; height: 138px; width:475px; margin-bottom: 15px;}
.descriptionBlock2	{ float: left; padding: 8px 0px 20px 0px; width: 390px; margin-bottom: 15px; clear:both;}
.descriptionBlock3	{ float: left; height: 138px; width:390px; margin-bottom: 15px;}
/* .descriptionBlock3	{ float: left; height: 110px; width:390px; margin-bottom: 15px;} */


.descriptionBlock h2	{ margin-top: 3px;}

.descriptionBlock a,
.descriptionBlock3 a	{ text-decoration: none;}



.mainTitle	{ display:block; height: 30px; width: 390px; padding: 10px 0px 3px 0px; border-bottom: 1px solid #cdcdcd;}

#contentWrapHome .descriptionBlock,
#contentWrapHome .descriptionBlock3	{ float: left; width: 390px; margin-bottom: 15px;}

/* #contentWrapHome .home				{ float: left; height: 480px; width: 205px; margin-right: 15px;}*/
#contentWrapHome .home				{ float: left; height: 450px; width: 205px; margin-right: 15px;} 

.info		{ float: right; height: 450px; width: 205px; margin-left: 15px;}

.video		{ text-align: center; margin-top: 20px;}