/* 
*
* Easy front-end framework
*
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*/


/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0;
	line-height:1em;
		}	
h1{
	font-size: 22px;
	margin-bottom: 19px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	display: block;
	line-height: 19px;
}	
h1 .linner{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 75%;
	float: right;
}
.secondary h1 .linner{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 50%;
	float: right;
}
.main2 h1 .linner{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 85%;
	float: right;
}
.linner45{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 45%;
	float: right;
}
.linner48{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 48%;
	float: right;
}
.linner50{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 50%;
	float: right;
}
.linner55{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 55%;
	float: right;
}
.linner60{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 60%;
	float: right;
}
.linner65{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 65%;
	float: right;
}
.linner70{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 70%;
	float: right;
}
.linner75{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 75%;
	float: right;
}
.linner78{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 78%;
	float: right;
}
.linner80{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 80%;
	float: right;
}
.linner82{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 82%;
	float: right;
}
.linner85{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 85%;
	float: right;
}
.linner90{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 90%;
	float: right;
}
.linner95{
	background-image: url(../images/header_line.png);
	background-repeat: repeat-x;
	background-position: center;
	display: block;
	width: 95%;
	float: right;
}
h2{
	font-size:1.65em;
	margin-bottom:.5142em;
	padding-top:.2em;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffc001;
	line-height: 26px;
}	
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
h3 a {
	text-decoration: none;
}
h4{font-size:1.40em;
	margin-bottom:.5142em;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 26px;}
h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}

p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
ul, ol, dl{padding:0;}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
blockquote, dd{padding:0 0 0 2em;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
img{border:none;}			
hr{display:none;}	
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}
form div{margin:.5em 0;clear:both;}
label{display:block;}
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
.left{float:left;margin-right:1em;}
.right{float:right;margin-left:1em;}
.center{text-align:center;}
	
.clear{clear:both;}
.first{margin-left:0 !important;}
.last{
	margin-right:0 !important;
}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none;}
.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
body, table, input, textarea, select, li, button{
		font:1em Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#fff;
		}		
html{
	
		}
		
body{
	font-size:13px;
	margin:0;
	padding:0;
	text-align:center;
	background-color: #154a65;
	background-image: url(../images/backgrounds/bckr.jpg);
	background-repeat: repeat-x;
		}	
#flare{
	z-index: -5;
	background-image: url(../images/backgrounds/flare2.jpg);
	background-repeat: no-repeat;
	background-position: left 100px;
	height: 876px;
	width: 804px;
	position: absolute;
	top: 40px;
}
a, a:visited{
		text-decoration:none !important;;
		color:#ffc001;
		}
a:hover{color:#028ac0;
text-decoration:none !important;;}
ins{text-decoration:none;color:#900;font-style:italic;}
code{color:#555;}
pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
dt{font-weight:bold;}
th, td{padding:.5em 1em;line-height:1.5em;}		
th{background:#eee;}
td{border-bottom:1px solid #eee;}
caption{font-style:italic;color:#777;margin:.5em 0;}	
fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
legend{padding:2px 5px;}	
form div.col{clear:none;}form div.first{clear:both;}
form div{overflow:hidden;}
	
input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
select{width:312px;}
textarea, .area{overflow:auto; height:150px; width:400px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
.submit{}
button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
.note, .success, .error{display:block;}
.error{color:#900;}
.success{color:#060;}
.note{font-weight:bold;}
	
.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
#easy_tooltip{
	border:1px solid #666666;
	color: #FFFFFF;
	background-image: url(../images/nav/subnav_bcg3.png);
	background-repeat: repeat;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	z-index: 100;
		}

/* base */

/* layout */

#container{
	width:895px;
	text-align:left;
	position:relative;
	z-index: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.inner{
		position:relative;
}
#header{
	position:relative;
	height: 95px;
	padding-top: 10px;
	text-align: left;
	margin-bottom: 50px;
}
#footer{
	padding: 10px;
	color: #FFFFFF;
	text-align: left;
	height: 30px;
	width: 875px;
	margin-bottom: 30px;
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
	line-height: 30px;
}	
#footer a{
/*	color: #FFFFFF;*/
	text-decoration: none;
}
#footer_int {
	width: 1130px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 150px;
}
#splash{
	border: 5px solid #FFFFFF;
}
#banners{
	background-image: url(../images/backgrounds/banner_bckgr.jpg);
	background-repeat: repeat-x;
	height: 147px;
	width: 895px;
	margin-bottom: 30px;
}
#banners img{
	margin-right: 8px;
}	
#banners .second{
	margin-right: 9px;
}	
#banners .last{
	/*float: right;*/
	margin-right: 0px;
}	
.content{
	clear:both;
	padding:3px 0px 0px 0px;
	position:relative;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}

.main, .main2, .main3, .secondary, .subby, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
.main2{
width: 100%;
	margin-bottom: 20px;
}
.main3{
	width:729px;
	padding-top: 39px;
	padding-left: 10px;
	margin-bottom: 20px;
	float: right;
}
.main{
	width:580px;
	margin-bottom: 20px;
}
.inner_text {
	padding: 20px;
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
}
.secondary{
	width:290px;
	margin-left:24px;
	padding-right: 0px;
	margin-bottom: 20px;

}
/*.secondary p {
	padding: 20px;
}*/
#subby{
	width:290px;
	margin-left:24px;
	margin-right: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	margin-top: 39px;	
	float: right;
}
#subby ul{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	height: 34px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	display:block;
/*	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;*/
}
 #subby li {
	width:290px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	height: 34px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	display:block;
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
}
#subby ul, #subby li a{
	width:290px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	float: left;
	height: 34px;
	text-indent: 10px;
}
 #subby li a:hover{
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
	text-decoration: none;
}
.subby_selected{
	width:290px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
	list-style-type: none;
	float: left;
	height: 34px;
	text-indent: 10px;
}
#subby li a.subby_selected{
	width:290px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 34px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/backgrounds/text_bckr.png);
	background-repeat: repeat;
	list-style-type: none;
	float: left;
	height: 34px;
	text-indent: 10px;
}


/*Banners Lists*/

#items{
	width:520px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;	
	clear: both;
}
#items ul{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	display:block;
	background-color:#000000;
	list-style-position: outside;
	list-style-type: none;
	
}
 #items li {
	width:520px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	height: 100px;
	padding: 0px;
	margin-bottom: 20px;
	display:block;
	list-style-position: outside;
	list-style-type: none;
	background-color:#000000;

}
#items ul, #items li a{
	width:520px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	height: 100px;
	display:block;	
	
}
#items img{
	float: left;
	margin-right: 15px;
	margin-left: -28px;
}
#items p{
	color: #CCCCCC;
	width: 510px;
}
#items h2{
	font-size:1.15em;
	margin-bottom:2px;
	padding-top:.5em;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}
.items2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	display:block;
	/*background-color:#000000;*/
	background-image: url(../images/backgrounds/text_bckr.png);
	width:540px;
	height:100px;
}
.items2 img{
	float: left;
	margin-right: 15px;
}
.items2 p{
	color: #CCCCCC;
	width: 520px;
}
.items2 h2{
	font-size:1.15em;
	margin-bottom:2px;
	padding-top:.5em;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

.tertiary{}
.quaternary{}
	
	/* grid */
		
.cols{} /* main column container class */
.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
.col1, .col2, .col3{float:left;display:inline;}
.col1{}
.col2{}
.col3{}
		
.indent1{}
.indent2{}
.indent3{}
		
	/* grid */	

/* // layout */

/* navigation */

#nav_outer {
	text-align: left;
	width: 885px;
	margin-right: auto;
	margin-left: auto;
	height: 315px;
}
	
#nav, #nav ul, #nav li{
	margin:0;
	padding:0;
	list-style:none;
	color: #02243d;
	text-transform: uppercase;
			}	
#nav li{
	float:left;
	display:inline;
	position:relative;
	line-height:30px;
	height:30px;
	margin-right:14px;
			}	
			
#nav ul{
	position:absolute;
	left:-10;
	top:25px;
	width:260px;
	display:none;
	z-index:1000;
	padding: 0px;
	font-size: 11px;
	text-align: left;
	background-image: url(../images/backgrounds/drop_nav_bckr.png);
	background-repeat: repeat;	
}
#nav ul li{
	float:none;
	display:block;
	padding-left: 10px;
}
#nav li.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#nav li.home a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.about  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.issues  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.accomplishments  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.testimonials  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.events  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.media  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.pgallery  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.vgallery  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}
#nav  li.contact  a.selected   {
	color: #0091cc;
	text-decoration: none;
	font-size: 12px;
		font-weight: bold;
}

#nav a {
	color: #02243d;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover {
	color: #0091cc;
	text-decoration: none;
		font-weight: bold;
}
#nav ul li a:hover {
	color: #0091cc;
	text-decoration: none;
	font-weight: bold;
}
		
/* //navigation */

/* header */

#header h1{
		line-height:50px;
		height:50px;
		margin:0;
		}
#header h1 a{		
		}		

/* // header */
	
/* content */

.content a, .content a:visited{
		text-decoration:underline;
		}
	
/* // content */

/* footer */
	
#footer a, #footer a:visited{
		text-decoration:underline;
		}
	
/* // footer */

/* clearfix */

.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

/*//  Flash BAckground*/

#flashy {
	z-index: -100;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}

/* // easyslideer */
   /* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
			
 /* // image replacement */


#slider {
	border: 5px solid #FFFFFF;
	margin-bottom: 32px;
}
   
	
	
#slider ul, #slider li,
#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:970px;
	height:360px;
	overflow:hidden;
		}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
	display:block;
	width:44px;
	height:51px;
	position:absolute;
	left:10px;
	top:180px;
	z-index:1000;
		}	
#nextBtn, #slider1next{
	left:926px;
		}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
	display:block;
	position:relative;
	width:44px;
	height:51px;
	background-image: url(../images/btn_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
	#nextBtn a, #slider1next a{
	background-image: url(../images/btn_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
/* // Easy Slider */
.homeage {
	background-image: url(../images/bg_home2.jpg);
	background-repeat: no-repeat;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.insideage {
	background-image: url(../images/big_inside.jpg);
	background-repeat: no-repeat;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
	text-align: center;
}
.backer_home {
	background-image: url(../images/bg_home.jpg);
	background-repeat: repeat-x;
}
.backer_inside {
	background-image: url(../images/bg_inside.jpg);
	background-repeat: repeat-x;
}
#inside_spread {
	height: 163px;
	width: 980px;
}
#home_callouts {
	display: block;
	width: 980px;
	height: 100px;
	margin-bottom: 130px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#home_callouts a {
	color: #FFCC00;
	text-decoration: none;
}
#home_callouts p {
	margin-top: 5px;
}
.call_out1 {
	background-image: url(../images/call_outs/brown.jpg);
	background-repeat: repeat-x;
	background-color:#28231d;
	float: left;
	height: 88px;
	width: 306px;
	padding: 10px;
}
.call_out2 {
	background-image: url(../images/call_outs/red2.jpg);
	background-repeat: repeat-x;
	background-color:#5b040a;
	float: left;
	height: 88px;
	width: 308px;
	padding: 10px;
}
.call_out3 {
	background-image: url(../images/call_outs/green2.jpg);
	background-repeat: repeat-x;
	background-color:#808f26;
	float: left;
	height: 88px;
	width: 306px;
	padding: 10px;
}
.readmore {
	clear: both;
	float: right;
}
.topcall {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.coverage {
	background-color: #FFFFFF;
	width: 100%;
	display: table;
}
.border {
	padding: 5px;
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 1px solid #fff;
/*	background-color: #fff;*/
}
.border_left {
	padding: 5px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #fff;
/*	background-color: #fff;*/
}
.dottedline{
	display: block;
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	clear: both;
}
.redme{
	color: #a70000;
}
.donate {
	float: right;
	margin-top: 20px;
}
.testimonial{
	display: block;
	margin-bottom: 40px;
}
.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}