@charset "UTF-8";
/* CSS Document */

@import "reset.css";
@import "typography.css";
@import "sitemap.css";
@import "simple-rotator.css";
@import "overlay.css";

html {
	background:url(../images/bg-flag.jpg) #fff top right no-repeat;
	}

#wrapper {
	width:960px;
	margin:0 auto;

	}
	
#action-top {
	text-align:right;
	width:150px;
	float:right;
	margin-top:15px;
	}
	
#action-top a {
	color:#999;
	font-size:12px;
	}
#action-top a:hover {
	color:#333;
	text-decoration:none;
	}	

#star-line {
	background:url(../images/star-line.png) no-repeat right center;
	width:955px;
	height:19px;
	clear:both;
	text-transform:uppercase;
	margin-bottom:35px;
	padding-left:5px;
	}

#star-line a {
	letter-spacing:1px;
	color:#56946f;
	}

#star-line a:hover {
	text-decoration:none;
	color:#030;
	} 

#header {
	background:url(../images/bg-header.png) no-repeat;
	width:960px;
	height:471px;
	}

#nav {
	padding-left:50px;
	}

#nav li {
	float:left;
	list-style:none; 
	padding:18px 12px 0 12px;
	}

#nav li a {
	text-transform:uppercase;
	color:#e9e7e7;
	font-size:13px;
	}

#nav li a:hover {
	text-decoration:underline;
	}

#header-left {
	width:332px;
	height:205px;
	padding:170px 20px 20px 35px;
	color:#e9e7e7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	clear: both;
	}

div.read-more-blog a, .read-more, .view-more {
	background:url(../images/read-more-sprite.png) top left;
	width:144px;
	height:26px;
	display:block;
	padding-top:6px;
	color:#333!important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
div.read-more-blog a:hover, .read-more:hover, .view-more:hover {
	background-position:0 -32px;
	}
	
	
#header-right {
	float:left;
	width:530px;
	padding:39px 0 0 31px;
	height:336px;
	}

.rotator-wrapper {
	border:3px solid #094b24;
	width:513px;
	height:327px;
	}
	
#newsroll {
	padding:8px 0 0 25px;
	height:28px;
	width:945px;
	float:left;
	}
	
.newsroll-title {
	display: block;
	text-transform:uppercase;
	color:#333; 
	padding: 1px 15px 0 0;
	float: left;
	}
	
#newsroll-text {
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	}
	
#newsroll .sfcontrols{display: none}

	.newsroll-text a, .newsroll-text a:link { color:#303030; }

#front-side-column{
	width: 393px;
	float: left;
}

#blog-spot{
	width: 393px;
	padding-top: 20px;
}

#blog-spot img{
	width: 354px;
	height: 136px;
}

#get-involved {
	width:393px;
	}

#get-involved h1 {
	background:url(../images/bg-get-involved.png) no-repeat;
	width:388px;
	height:51px;
	margin:23px 0 13px 5px;
	text-align:center;
	text-transform:uppercase;
	padding-top:9px;
	border:none;
	font-size:18px;
	}

#get-involved ul{
	list-style:none;
	}

#get-involved li a {
	background:url(../images/bg-button-get-involved.png) no-repeat;
	text-align:center;
	display:block;
	width:386px;
	font-size:16px;
	height:21px;
	text-transform:uppercase;
	color:#3d3d3d;
	padding-top:6px;
	margin-bottom:8px;
	}

#get-involved li a:hover {
	background:url(../images/bg-button-get-involved-hover.png) no-repeat;
	}

#latest-news {
	width:535px;
	margin:18px 0 0 26px;
	float:left;
	}

#latest-news ul {
	list-style:none;	
	}

#latest-news li a {
	border-bottom:1px dotted #666;
	display:block;
	height:20px;
	padding:10px 0 5px 8px;
	}
#latest-news li a:hover {
	background:#ededed;
	}

#latest-news h1 {
	text-transform:uppercase;
	color:#333;
	font-size:16px;
	border:none;
	margin:0;
	}

#latest-news li a:hover {
	text-decoration:none;
	}

.bttn-more-news{
	background:url(../images/arrow.png) no-repeat center left;
	clear:right;
	float:right;
	margin-top:15px;
	padding-left:17px;
	}
.bttn-more-blog{
	background:url(../images/arrow.png) no-repeat center left;
	clear:right;
	margin-top:15px;
	padding-left:17px;
}
.bttn-more-sidebar {
	background:url(../images/arrow.png) no-repeat center left;
	clear:both;
	float:right;
	margin-top:15px;
	padding-left:17px;
}

#footer {
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	background:#f4f4f4;
	margin:10px 0;
	padding:20px;
	}

.footer-col {
	width:293px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.footer-spacer {
	margin-right:20px;
	}

#map{
	height: 180px;
	width: 293px;
}
#copyright {
	margin-bottom:25px;
	float: left;
	width: 293px;
	}
	
/*Inner Page CSS*/

#header2 {
	background:url(../images/bg-header3.jpg) top center no-repeat;
	width:960px;
	height:208px;
	}

#inner-columns {
	width:950px;
	margin-top:25px;
	padding:0 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#inner-right-col {
	float:left;
	width:296px;
	padding-left: 20px;
	}

#inner-right-col li {
	list-style:none;
	}

#inner-right-col h1 {
	border:none;
	text-transform:uppercase;
	}

#inner-right-col li a {
	border-bottom:1px dotted #666;
	display:block;
	padding:10px 8px 5px 0px;
	margin-left:10px
	}
#inner-right-col li a:hover {
	background:url(../images/arrow2.png) #ededed right no-repeat;
	} 

#inner-right-col .latest-photos{
	padding-left: 10px;
}
#inner-right-col .latest-photos li a{
	border-bottom:0px;
}
#inner-right-col .latest-photos li a:hover {
	background:none;
	} 
#inner-right-col .latest-photos li{
	float: left;
	padding: 5px;
}
	
#inner-right-col .clear-block{
	padding-top: 20px;
	padding-bottom: 10px;
}

#inner-left-col {
	float:left;
	width:623px;
	padding:0 0 0 10px;
	}
	
#inner-left-col a {
    color:#0d6933;
	}
	
#inner-left-col a:hover {
    color:#0d6933;
	text-decoration:underline;
	} 
	
#breadcrumbs li {
	background:url(../images/bg-breadcrumb.png) no-repeat left;
	float:left;
	list-style:none inside;
	padding:0 7px 5px 10px;
	height:15px;

	margin-left:2px;
	}

#breadcrumbs li a:hover {
	text-decoration:none;
	color:#333;
	}
	

.readmore{display: block; text-align: right; padding:10px 0;}
	.readmore a{display:inline; padding:4px; border:#dadada solid 1px; color:#000; text-decoration:none; font-size:80%;}
	.readmore a:hover{background:#dadada;}

p.date{font-style: italic;}

.node .content p img { 
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	margin:5px;
	padding:5px;
}

span.news-submitted{
	display: block;
	padding-bottom: 10px;
	font-style: italic;
}

div.form-item{
	padding: 10px;
	clear: both;
}
div.form-item label{
	display: block;
	float: left;
	width: 100px;	
}
div.form-item label.option, div.form-checkboxes label{
	width: auto;
}

.galleria{list-style:none;width:650px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
p.nav{clear: both; padding-top: 10px;}

.col-1{padding-right: 30px; padding-bottom: 25px;}

/*Contribute link*/
a#contribute:link, a#contribute:active, a#contribute:visited{color: red}
a#contribute:hover{color: #333}

div#footer-links{float: right; width: 630px;}
div#footer-links ul{list-style-type: none}
div#footer-links ul li{float: left; padding: 0 5px 0 5px}

div#footer-address{clear: both; float: right; padding: 0 0 25px 0; line-height: 23px; width: 600px; text-align: right;}

/*Slider*/
div.rotator ul{
	list-style-type: none;
}
div.rotator{}
div.rotator  ul, div.rotator  li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
div.rotator  li{ 
	width:513px;
	height:327px;
	overflow:hidden; 
	}	
	
#prevBtn, #nextBtn{ 
	display:block;
	padding: 0px 10px 0px 10px;
	float: left;
	color: #fff;
	margin-top: 3px;
}	
												
#prevBtn a, #nextBtn a{  
	display:block;
	width: 41px;
	height: 109px;
	color: #fff;
	text-indent: -9999px;
}	
	
#prevBtn a{
	background: url('../images/left.png') 0 0 no-repeat;
	width: 41px;
	height: 109px;
	margin: -225px 0px 0px -40px;
}

#nextBtn a{ 
	background: url('../images/right.png') 0 0 no-repeat;
	width: 41px;
	height: 109px;
	margin: -225px 0px 0px 490px;
	}		
#prevBtn a:hover, #nextBtn a:hover{ 
	background-position: 0px -110px;
}
	
/* Scrollable *//* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#scroller { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 300px; 
    height:220px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div#scroller .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	clear:both;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div#scroller ul.items li { 
	list-style-type: none;
	float:left;
	padding:2px;
	cursor:pointer;
	width:300px;
} 

div#scroller img{
	display: block;
	width: 200px;
	height: 100px;
	margin: 0 auto;
}

div#scroller h1{
	color: #fff;
	font-size: 1.2em;
}

div#scroller h1 a{
	color: #fff;
	font-size: 1.2em;
}
 
 
 /* Scrollable *//* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#newsroll-text { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
	height:28px;
	width:800px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div#newsroll-text .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	clear:both;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div#newsroll-text ul.items li { 
	list-style-type: none;
	float:left;
	padding:1px;
	cursor:pointer;
	width:400px;
} 


/* resources */
.resource-list {}
.resource-item {clear:both;padding:10px;width:505px;}
	.resource-image {float:left;width:63px;padding:4px 10px;text-align:center;}
	.resource-title {}
	.resource-author {}