/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body
{
	float: left;
	width:100%;
	

	
}



h2
{
	font-size: 20px;
	color: #85be3f;
	line-height: 20px;
}

h3
{
	margin-bottom: 2px;
	font-size: 18px;
	color: #008c44;
}

h4
{
	font-size: 16px;
	margin-bottom: 2px;

}

p
{
	font-size: 15px;
	color: #666;
}


#wrapper
{
	width: 100%;
	margin:auto;
}

#container
{
	float: left;
	width: 1000px;
	background: #fff;
	
	
}

.container
{
	width: 1000px;
}

#header
{
	float: left;
	width: 1000px;
	clear: both;
	background: #fff;
	border-top: 3px solid #008c44;


}

#logo
{
	float: left;
	width: 980px;
	padding: 10px;
	
	clear: both;
}

#menu
{
	padding: 0 20px;
	color: #414042;
}

#menu ul
{
}

#menu ul li
{
	float: left;
	
	padding: 10px 22px;
	margin-bottom: 8px;
}


#menu ul li a
{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}


#menu ul li:hover, #menu ul li.current
{
	background: #006838 url(../images/bg-menu.jpg) repeat-x;
	cursor: pointer;

}

#menu ul li:hover a,  #menu ul li.current a
{
	color: #fff;
}


#content
{
	float: left;
	width: 980px;
	padding:10px;
	clear: both;
	background: #fff;
}


#home-column-left
{
	width: 350px;
}

#home-column-middle
{
	width: 350px;
}

#home-column-right
{
	width: 220px;
	margin-top: 20px;
}


#content-column-left
{
	width: 200px;
}

#content-column-middle
{
	width: 500px;
}

#content-column-right
{
	width: 200px;
	padding: 10px;
	padding-left:0;
	margin-top: 15px;
}


#content-column-middle ul, #content-column-middle ol, #content-column-two ul ,#content-column-two ol
{
	padding: 20px;
	background: url(../images/bg-bulletin.gif);
}


#content-column-middle ol,  #content-column-two ol
{
	margin-left: 0;
}

#content-column-middle ol li,  #content-column-two ol li
{
	margin-left: 20px;
	
	alignment-adjust:ideographic;
	text-align:justify;
}


#content-column-middle ul li,  #content-column-two ul li
{
	padding-left: 20px;
	background: url(../images/bg-content-list-item.gif) no-repeat left 5px;
	
}



#content-column-two
{
	width: 710px;
}


	
ul#content-navigation-menu
{
	background: #f4f4f4;
	padding-bottom: 10px;
	margin-top: 25px;
}



ul#content-navigation-menu h1
{
	padding: 10px;
	margin: 0;
	text-align:center;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	background: #008c44;
}
	


ul#content-navigation-menu li
{
	padding: 5px 10px;
	padding-left: 20px;
	margin: 5px 10px;
	
	line-height: 20px;
	font-size: 14px;
	color: #58595b;
	
	border-bottom: 1px #cccccc dotted;
	
	background: url(../images/icon-content-navigation-menu.png) left 10px no-repeat;
	
	

}

ul#content-navigation-menu span
{
	display: block;
	width: 150px;
}


#news-section
{
	margin-bottom: 10px;
}

ul.news-item
{
	float:left;
	width: 340px;
	padding-bottom: 8px;
	margin-bottom: 7px;
	border-bottom: 1px #ddd dashed;
	cursor: pointer;
}


ul.news-item  li
{
	float: left;
	padding: 0;
	margin:0;
}


ul.news-item li.news-item-photo
{
	width: 150px;
	height: 75px;
	border: 5px solid #eee;
}

ul.news-item li.news-item-date
{
	width: 170px;
	padding-left: 10px;
	
	color: #008c44;
}

ul.news-item li.news-item-title
{
	width: 170px;
	padding-left: 10px;
	
	text-align:justify;
	alignment-adjust:ideographic;
}

ul.news-item li.news-item-more
{
	float:right;
	width: 170px;
	padding-left: 10px;
	margin-top: 5px;
}

ul.news-item li.news-item-more span
{
	float: right;
	background: url(../images/bg-slider-navigation.jpg) repeat-x;
	padding:3px 10px;
	color: #fff;
	font-weight:bold;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	
}

ul.news-item li.news-item-more a
{
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}


#footer
{
	float:left;
	width: 960px;
	padding: 10px 20px;
	color: #fff;
	background: #006838;
	
	border-top: 4px solid #008c44;
	
	alignment-adjust:ideographic;
	text-align:justify;
	
}



.btn-more
{
	float: right;
	background: url(../images/bg-slider-navigation.jpg) repeat-x;
	padding:3px 10px;
	color: #fff;
	font-weight:bold;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	
}

.btn-more a
{
	text-decoration: none;
	color: #fff;
}



/* #Page Styles
================================================== */

#page-title
{
	
	position: relative;
	display: block;
	float: left;
	margin-top: -91px;
	margin-left: 20px;	
	background: url(../images/bg-page-title.png) repeat-y left;
	padding: 15px 35px;
	
	font-size:32px;
	font-weight: bold;
	
	color: #fff;
}


#current-navigation-path
{
	position:relative; top:0; background: rgba(0,104,56,.9); padding:10px 30px; top:-40px;
	color:#fff;	
	font-size: 16px;
}

#current-navigation-path ul
{
	
}


#current-navigation-path ul li
{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	background:url(../images/icon-home-navigation-arrow.png) no-repeat left;
	color: #cfd723;
}


#current-navigation-path ul li a
{
	text-decoration: none;
	color: #fff;
}

#current-navigation-path ul li:first-child
{
	background:url(../images/icon-home-navigation.png) no-repeat left;
	color: #fff;
}



ul.no-list-icon li
{
	background: none !important;
}




#news-section{
	overflow: auto;
	position: relative;
	padding: 0px;
	
	margin: 0px;
	width: 750px;
	max-width: 100%;
	height: 650px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#news-section.hidden{ display: none; }

#news-section.light{
	background-color: #ddd;
	color: #333;
}

#news-section hr{
	margin-bottom: -10px;
	border-top: 1px solid rgba(0,0,0,0.7);
}

#news-section.light hr{
	border-bottom: 1px solid rgba(255,255,255,0.6);
	border-top: 1px solid rgba(0,0,0,0.1);
}

#news-section p{ margin: 30px 0; }

#news-section p:last-child{ margin-bottom: 5px; }

#news-section p:nth-child(odd), #news-section.light p:nth-child(odd){
	background: #444;
	background: rgba(255,255,255,0.1);
	padding: 5px 10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#news-section p:nth-child(3n+3){
	color: #bbb;
	background: none;
	padding: 0;
}

#news-section.light p:nth-child(odd){
	background: #fff;
	background: rgba(255,255,255,0.8);
}

#news-section.light p:nth-child(3n+3){ color: #666; }

#news-section p.full:nth-child(odd), #news-section p.half:nth-child(odd), 
#news-section p.full:nth-child(3n+3), #news-section p.half:nth-child(3n+3){
	background: none;
	padding: 0;
}

#news-section h2{
	font-size: 200%;
	line-height: 130%;
}

#news-section h2:first-child{ margin-top: 5px; }

#news-section:nth-child(odd) h2{
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-style: normal;
}

hr + #news-section:nth-child(odd) h2{
	font-family: "Lobster Two", "Georgia", serif;
	font-weight: 700;
	font-style: italic;
}

#news-section.light h2{ color: inherit; }

#news-section img{
	margin: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 3px;
	background: rgba(0,0,0,0.2);
}

#news-section.light img{ background: rgba(255,255,255,0.4); }

#news-section input[type='text'], #news-section textarea{
	border: none;
	background: transparent;
	background-color: #bbb;
	background-color: rgba(255,255,255,0.6);
	min-height: 20px;
	padding: 5px;
	-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	width: 50%;
	font-size: inherit;
	font-family: inherit;
	color: #222;
}

#news-section textarea{
	min-height: 80px;
	width: 70%;
}

#news-section .half img{
	max-width: 48%;
	margin: 0 0 2% 2%;
}

#news-section .half img:nth-child(odd){ margin: 0 2% 2% 0; }


.mCSB_dragger_bar {
	background: rgba(0,153,51,1) !important;
	width: 3px !important;
	
}

.mCSB_scrollTools .mCSB_draggerContainer {
}

.mCSB_outside + .mCSB_scrollTools
	{
		right: -5px !important;
	}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0px !important;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px !important;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/