/* CSS Document */



html, body {

	padding:0px;

	margin:0px;

	height:100%;

	border:none;

}

#container {

	min-height: 100%;

	width:814px;

	margin:auto;

}

#content {

	width:814px;

	margin:auto;

}

#header {

	width:814px;

	margin-top:5px;

	height:307px;

	background-image:url(images/backg_flash.gif);

	background-position:top left;

	background-repeat:no-repeat;

}

#flash {

	width:794px;

	margin:auto;

	padding-top:10px;

}

#menu {

	float:left;

	margin-top:-5px;

	padding-left:50px;

}

#menucontainer {

	width: 800px;
	
	height: 57px;

	padding: 0;
	
	margin-top: -5px;
	
	text-align: center;
		
}

#menutest {
	
	height: 57px;
	
	padding: 0 0 0 30px;
		
	line-height: 57px;
	
	font-size: 14px;
	
	color: #fff;
		
}

#menutest a {

	color: #636762;
	
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;
	
	text-decoration:none;

	padding: 0 15px;
	
	margin-right: 1px;

	background:url(images/menubg.png) 0 60px no-repeat;
	
	display:block;
	
	float:left;
}

a.menuleft:hover, a.menuleft-sel:hover {
	background:url(images/menubg.png) 0 0 no-repeat !important;
	color:#fff !important;
}

a.menuitem:hover, a.menuitem-sel:hover {
	background:url(images/menubg.png) -5px 0 no-repeat !important;
	color:#fff !important;
}

a.menuright:hover, a.menuright-sel:hover {
	background:url(images/menubg.png) right 0 no-repeat !important;
	color:#fff !important;
}

a.menuleft-sel {
	background:url(images/menubg.png) 0 0 no-repeat !important;
	color: #fff !important;
}

a.menuright-sel {
	background:url(images/menubg.png) right 0 no-repeat !important;
	color: #fff !important;
}

a.menuitem-sel {
	background:url(images/menubg.png) -5px 0 no-repeat !important;
	color: #fff !important;
}

#contentHome {

	width:814px;

	float:left;

	margin-top:37px;

}

#leftContent {

	width:550px;

	float:left;

	text-align:justify;

	margin-left:10px;

}

#communities {

	width:500px;

	float:left;

	text-align:justify;

	margin-left:10px;

}

#staff {

	width:500px;

	float:left;

	text-align:justify;

	margin-left:10px;

}

#rightContent {

	width:230px;

	float:right;

}

#footer {

	width:814px;

	float:left;

	margin:20px 0px -5px 0px;

	background-image:url(images/footer.gif);

	background-position:left top;

	background-repeat:no-repeat;

}

#contactForm {

	float:left;

	clear:left;

	width:265px;

	margin:27px 0px 0px 4px;

}

#map {

	width:410px;

	float:right;

	background-image:url(images/mapBackg.gif);

	background-position:left top;

	background-repeat:no-repeat;

	height:450px;

}

.box1 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 12px;

	color: #414142;

	height: 18px;

	width: 262px;

	border: 1px solid #d9d8d8;

	background-color: #f7f7f5;

	padding-left:2px;

}

.box2 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	color: #414142;

	text-decoration: none;

	height: 16px;

	width: 85px;

	border: 1px solid #a3a0a0;

	background-color: #f7f7f5;

}

.box3 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 12px;

	color: #414142;

	height: 87px;

	width: 262px;

	border: 1px solid #a3a0a0;

	background-color: #f7f7f5;

	padding-left:2px;



}

.border1 {

	border: 3px solid #FFFFFF;

}

.border2 {

	padding: 4px;

	border: 1px double #d9d9d9;

}

.border3 {

	padding: 4px;

	border: 1px solid #cccccc;

}

.border4 {

	border: 3px double #d9d9d9;

}

.asterisc {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FF0000;

}

.arrow {

	font-weight: bold;

	color: #70880b;

}



	

















.text1 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 13px;

	color: #636762;

}

.title1 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 22px;

	color: #636762;

}

.textFooter {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 11px;

	color: #1f1b17;

	text-decoration: none;

}

.text2 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 12px;

	color: #414142;

	text-decoration: none;

}

.text3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #6c8506;

}

.text4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #636762;

	text-decoration: none;

}

.text5 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 13px;

	font-weight: bold;

	color: #7c9909;

	text-decoration: none;

}

.text6 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 11px;

	font-weight: bold;

	color: #9fc502;

	text-decoration: none;

}

.text7 {

	font-family: Tahoma, Arial, Verdana, "Times New Roman";

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

}

.text8 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #636762;

}

.text9 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #70880b;

}

#intro-videos {
	width:555px;
}

.pop-up-video, .pop-up-video-last {
	float:left;
	border:1px solid #ccc;
}

.pop-up-video:hover, .pop-up-video-last:hover {
	border:1px solid #9cbd12;
}

.pop-up-video img, .pop-up-video-last img {
	border:0;
	display:block;
}

.pop-up-video {
	margin-right:10px;
}

/* Feed Widget */
#feedWidget{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dedede'); /* for IE */
	background-color: #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dedede)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f3f3f3,  #dedede); /* for firefox 3.6+ */
	border:1px solid #c9c7c7;
	margin:15px 0 0 0;
	float:right;
	width:189px;
	padding:5px;
	position:relative;
	
	font-family: Helvetica, Arial, sans-serif;
	
	/* Remains hidden if JS is not enabled: */
	display:none;
	z-index:20;
	
	/* CSS3 round corners: */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}


#activeTab.hover,.dropDownList{
	border:1px solid #38434d;

	margin:-1px;
		
	/* CSS3 round corners: */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}

#activeTab,.dropDownList div{
	color:#97bb03;
	font-size:20px;
	margin:0 2px 0 0;
	padding:5px;
	font-weight:bold;
}

.dropDownList{
	background-image:none;
	position:absolute;

	border-top:none;
	padding:5px;
	
	/* We reset the roundness of the top corners, inherited by a previous rule: */
	
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.dropDownList div:hover{
	background-color:#505e6b;
}

#tabContent div{
	/* The feed entry divs */
	
	border-top: 1px solid #c9c7c7;
	color:#000;
	font-size:12px;
	line-height:16px;
	margin-bottom:0;
	padding:10px 5px;
	position:relative;
	clear: both;
	
}

#tabContent a{
	float: right;
}

/* The styles below are only necessary for the styling of the demo page: */

h1, .tutInfo{
	background-color:#CCCCCC;
	border-bottom:1px solid #BBBBBB;
	font-size:1.5em;
	font-weight:normal;
	padding:15px;
	right:0;
	text-align:center;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

.shadow{
	position:relative;
	z-index:10;
	width:270px;
	height:30px;
	background:url(img/demo_page/shadow.png) no-repeat center center;
	margin:-15px auto 0;
}

.back-to-the-tutorial{
	left:0;
	position:absolute;
	top:110px;
}

.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	border-bottom:none;
	font-size:1em;
	border-top:1px solid #BBBBBB;

	width:100%;
	z-index:100;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

/* MailChimp */
#newsletter-popup {
	position:absolute;
	width:200px;
	background:#fff;
	border: 3px solid #a2c801;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	-khtml-border-radius: 10px; /* Linux Browsers */
	border-radius: 10px; /* CSS3 */
	padding:8px;
	margin-top:5px;
	text-align: left;
	display:none;
}

.question {
	color:#7a9709;
}

.question:hover, .question:active {
	color:#7a9709;
	text-decoration:underline;
}

.whatsthis {
	cursor:pointer;
	display:inline;
}

.whatsthis:hover #newsletter-popup {
	display:block;
}

#mc_embed_signup {
	background: none !important;
	width:390px;
	color: #646661;
	text-shadow: none;
	margin:5px 0 0 0;
	padding:0;
	border:0;
	float:right;
} 

#mc_embed_signup button {
	clear: both;
	width: auto;
	font-size:12px;
	height:25px;
	padding-bottom:1px;
}

#mc_embed_signup form {
	font: normal 100% Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#mc_embed_signup fieldset {
	border:0;
	margin: 0;
	color: #646661;
	font-size:12px;
	text-align: left;
}

#mc_embed_signup input {
	color:#646661;
	font-weight:normal;
	border:1px solid #646661;
	background: #fff;
	margin: 0 5px 0 5px;
	padding:4px 2px;
	font-size:12px;
	width: 150px;
	z-index: 999;
}

#mc-embedded-subscribe {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c801', endColorstr='#7a9709'); /* for IE */
	background-color: #a2c801;
	background: -webkit-gradient(linear, left top, left bottom, from(#a2c801), to(#7a9709)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a2c801,  #7a9709); /* for firefox 3.6+ */
	color:#fff;
	text-shadow: none;
	font-weight:bold;
	border:1px solid #a2c801;
	height:24px;
	cursor:pointer;
}

#mc-embedded-subscribe:hover {
	border:1px solid #7a9709;
	text-shadow: 1px 1px 0 #1b4f00;
}

#mc_embed_signup #mce-responses {
	float:left;
	padding: 0;
	overflow: hidden;
	margin: 0;
}

#mc_embed_signup #mce-responses #mce-error-response {
	display: none;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: normal;
	font-size:10px;
	font-style:italic;
	float: left;
	z-index: 1;
	background: none;
	color: #D12F19;
}

#mc_embed_signup #mce-responses #mce-success-response {
	display: none;
	margin: 5px 0 0 128px;
	padding: 4px;
	font-weight: normal;
	font-size:10px;
	font-style:italic;
	float: left;
	z-index: 1;
	background: #ddffaa none repeat scroll 0% 0%;
	color: #7a9709
	width: auto;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
}