@import 'init.css';
@import 'forms.css';

body {
	background: #23529a;
	color: #3f3f3f;
}

a { 
	color: #007eb5;
	font-weight: bold;
	text-decoration: none;
}

a:hover { color: #55a7cb; }

blockquote {
	background: #eee;
}


/*-- Clearing Styles & Container --*/

.container {
	width: 1011px;
	margin: 0 auto;
}

.block {
	width: 1004px;
	margin: 0 auto;
	display: block;
}

.clearfix { display: inline-block; }

.block:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.column {
	float: left;
	width: 240px;
}


/*-- Header/topnav --------------------*/

#main-container {

	background: url(../img/bg-header-repeat.jpg) repeat-x;
}

#home-container {
	background: #ece7d9 url(../img/bg-marquee.jpg) 50% repeat-y;
	margin: 0 auto;
}


/*-- Header & Feature Containers  --------------------*/


#home-feature-area {
	display:block;
	background: url(../img/home-feature-bg2.jpg) 0 186px no-repeat;
	
}

#header-col1 {
	float:left;
	width: 277px;

}

/*-- Logo  --------------------*/

h1#logo {
	padding: 25px 0 0 24px;

}

h1#logo a {
	display: block;
	text-indent: -999em;
	width: 249px;
	height: 123px;
	background: url(../img/logo-hl.png) no-repeat;
	text-decoration: none;

}

.print {
	display:none;
}

/*-- Home Intro Content --------------------*/

#home-feature-col1 {
	float:left;
	width:232px;
	padding:60px 20px 0 25px;
}



#home-contentarea {
	width:234px;
	height: 340px;
	font-size: 12px;
	font-family: Arial, Lucida Grande, Verdana, sans-serif;
	line-height: 20px;
	color: #fff;
}

h2.home-contenttitle {
	font-size: 24px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
}

h3#button-whatwedo {
	padding:20px 0 0 0;
	margin:0;

}

h3#button-whatwedo a {
	display: block;
	text-indent: -999em;
	width: 210px;
	height: 52px;
	background: url(../img/button-whatwedo.png) no-repeat;
	text-decoration: none;

}

h3#button-whatwedo a:hover {
	display: block;
	text-indent: -999em;
	width: 210px;
	height: 52px;
	background: url(../img/button-whatwedo.png) 0 -52px no-repeat;
	text-decoration: none;

}

.sidebar-badge a {
	text-indent: -999em;
	display: block;
}

h4#badge-5dollar a {
	width: 224px;
	height: 110px;
	background: url('../img/badge-5dollar.jpg') no-repeat;
}

/*-- Home Picture / Top Nav / Navigation  --------------------*/

#header-col2 {
	float:left;
	
	width:726px;
	padding:0 0 0 0;

}

#top-nav-container {
	float:right;
	//*position: absolute;
	right: 0;
	top: 8px;*//
	margin: 0;
	padding: 8px 20px 0 0;
	
}

ul#top-nav {
	margin: 0 auto;
	list-style: none; 
	padding: 0 0 0 7px;
	background: url(../img/topnav-bg.jpg) 0 0 repeat-x;
	
	height:45px;
	
}

ul#top-nav li {
	padding: 0;
	display: inline;
	margin: 0;

}

ul#top-nav li a {
	color: #002b6c;
	font-family: Georgia, Times, serif;
	font-size:12px;
	text-decoration: none;
	font-weight:normal;
	margin:0;
	display:block;
	float:left; 
	padding:12px 6px;
	height:17px;


}

ul#top-nav li a:hover, ul#top-nav li.active a {
	height:17px;
	display:block;
	color: #46679a;
	background: url(../img/topnav-arrow.jpg) 50% 0 no-repeat;
}

ul#top-nav li #icon-fblike {
	display: block;
	float:left;
}

ul#top-nav li #icon-fblike iframe {
	
	padding: 12px 6px;
}

ul#top-nav li #icon-fblike {
	overflow: hidden;
	width: 53px;
}


ul#top-nav li#icon-fb {
	
	padding: 12px 6px;
}

ul#top-nav li#icon-fb a {
	float:left;
	text-indent: -999em;
	display: block;
	width: 24px;
	padding: 12px 0 12px 6px;
	height: 24px;
	background: url(../img/icon-fb.jpg) 50% 40% no-repeat;
}

#home-feature-col2 {
	float:left;
	padding:0 0 0 0;
	width:478px;
	
}

#home-feature-pic {
	height: 412px;
	display: block;
	width: 478px;
	margin: 80px 0 0 0;
	
}

#home-feature-pic img {
	
}

/*-- Main Navigation ---------------------------------------------------*/

#home-sidebar {
	float:left;
	width:248px;
	padding:80px 0 0 0;
}

#navigation-container {
	position: relative;
	width:248px;
	margin:0;
	padding:22px 0 0 0;
	background: url(../img/nav-top.png) -6px 0 no-repeat;
	
}

#badge-donate {
	position: absolute;
	top: -30px;
	padding: 0 0 0 18px;
}



#badge-donate h3 a {
	text-indent: -999em;
	display: block;
	width: 204px;
	height: 44px;
	background: url(../img/button-donate.png) no-repeat;
}

#badge-donate h3 a:hover {
	
	background: url(../img/button-donate.png) 0 -44px no-repeat;
}


#navigation-footer-container {
	width:248px;
	display: block;
	background: url(../img/nav-bottom.png) -6px 100% no-repeat;
	padding:0 0 33px 0;
}

ul#navigation { 
	background: url(../img/nav-bg-repeat.png) -6px 0 repeat-y;
	margin: 0;
	list-style: none; 
	padding: 10px 0 0 0;
	
}

ul#navigation li {
	padding:0;
	display: block;
	margin: 0 0 0 0;
	width:240px;
	border-bottom: 1px solid #75c2e4;
}

ul#navigation li a {
	font-family: Arial, Lucida Grande, Verdana, sans-serif;
	color: #003079;
	text-decoration:none;
	font-size:14px;
	
	display:block;
	width:198px;
	
	padding:10px 20px;
	margin:0;
	
}

ul#navigation li a:hover, ul#navigation li.active a {
	background: #003079 /*url(../img/nav-hover.png) no-repeat*/;
	color: #fff;
}

/*-- Content --*/



#home-news {
	float: left;
	padding:30px 20px 20px 20px;
}

/*-- News & Stories --*/

.newslist ul, .newslist ul li, ul#storieslist, ul#storieslist li {
	list-style: none;
	margin: 0;

}

#story-area {
	padding: 20px 0 0 0;
}

.newslist ul li, ul#storieslist li {
	padding: 0 0 9px 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #b2b2b1;
}

#home-news ul li {
	border: none;
}

.newslist ul li h3, ul#storieslist li h3 {
	margin:0;
	padding:0;
}

.newslist ul li h3 a, ul#storieslist li h3 a {
	color: #002b6c;
	font-family: Arial, Lucida Grande, Verdana, sans-serif;
	font-weight: normal;
	padding: 0;
	font-size: 14px;

}

.newslist ul li p.date, ul#storieslist li p.date {
	margin:0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;

}

.newslist ul li p.more, ul#storieslist li p.more { padding: 0; }


/*-- Home Marquees --*/

#home-marquees {
	
	width: 440px;
	float:left;
	padding: 20px 20px 20px 5px;
	
}

#marquee-col2 {
	float:left;
	margin:0;
	padding:0 0 20px 20px;
	width:199px;
	border-left: 1px solid #7a94af;
}

#marquee-col1 {
	float:left;
	padding:0 20px 20px 0;
	width: 200px;
}

ul#marquee-col1 li, ul#marquee-col2 li {
	padding:0 0 30px 0;
}

h3.marquee-title {
	padding: 0;
}

h3.marquee-title a {
	color: #002b6c;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	font-size: 18px;
}

a.marquee-link {
	padding:0 0 20px 0;
}

/*-- Sidebar --*/

#sidebar {

	width: 240px;

}

.sidebar-element {

	padding: 9px 0;

}

.sidebar-element .inner-box {
	margin: 0 auto;
	width: 195px;
	text-align:center;
}

.inner-box h4 {
	color: #0d87ba;
	font-style:italic;
	font-weight:normal;
	font-size: 18px;
	text-align:center;
	font-family: Georiga, Times, serif;
}

.inner-box a {
	color:#003079;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	font-size: 30px;
	letter-spacing: -1.2px;
	font-family: Helvetica, Arial, Lucida Grande, Verdana
}

.inner-box a:hover {
	color: #2e74a7;
}

/*-- Footer --*/

#footer-container {
	background: url(../img/bg-footer-repeat.jpg) 0 21px repeat-x;
	font-family: Arial, Lucida Grande, Verdana, sans-serif;
	color: #fff;
	font-size: 12px;
	padding: 0 0 24px 0;
	line-height:18px;
}

#footer-top {
	background: url(../img/footer-top.png) no-repeat;
}

h4#back-to-top {
	float:left;
	padding: 0 0 0 0;
	width:564px;
}

h4#back-to-top a {
	display: block;
	margin: 0 auto;
	text-indent: -999em;
	width: 244px;
	height: 81px;
	background: url(../img/back-to-top-hover.png) no-repeat;
	text-decoration: none;

}

h4#back-to-top a:hover {
	background: url(../img/back-to-top-hover.png) 0 -84px no-repeat;

}

.copyright {
	color: #fff;
	font-size: 10px;
	
}

#footer-container a {
	text-decoration: none;
	color: #5bb1d4;
}

#footer-container a:hover {
	text-decoration: none;
	color: #8ec6dc;
}

#contact-info {
	padding:50px 0 0 20px;
	width:200px;
	float:left;
}

#quick-links {
	float:right;
	padding: 50px 20px 0 0;
}

ul#quick-links-col1, ul#quick-links-col2 {
	margin:0;
	padding:0;
	width:100px;
	float:left;
}

#quick-links ul li a {
	text-decoration: none;
}


/*---- Subpage Specific ----------------------------*/

#subpage-container {
	background: #ece7d9 url(../img/bg-subpage-repeat2.png) 50% repeat-y;
	margin: 0 auto;
}

#sub-col1 {
	float:left;
	width: 240px;
	
}

#sub-col2 {
	float:left;
	width: 482px;
	padding:70px 20px 0 0;
	
}


#subpage-area {
	background: url(../img/subpage-mid-bg-top.png) 0 175px no-repeat;
}


#subnav-container1 {
	padding: 80px 0 0 0;
	
	float:left;
	width: 240px;
}

#subnav-container2 {
	padding: 0;
	background: url(../img/subnav-repeat.png) repeat-y;
}

#subnav-container3 {
	padding: 0 0 9px 0;
	background: url(../img/subnav-bottom.png) 0 100% no-repeat;
}


ul#subnav {
	width: 240px;
	padding:10px 0 25px 0;
	margin:0;
}

ul#subnav li {
	padding: 0 0 0 5px;
	height: 1%;
	margin:0;
}

ul#subnav li a {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	display:block;
	color: #fff;
	padding:10px 0 10px 15px;
	font-weight: normal;
	margin:0;
}

ul#subnav li a:hover, ul#subnav li.active a {
	background: #377eb3;
	background: rgba(81, 171, 211, .5);
}

ul#subnav li ul li {
	padding:1px 0 0 0;
	margin:0;
}

ul#subnav li ul li a {
	padding:10px 0 10px 30px;
}

ul#subnav li ul li a:hover, ul#subnav li ul li.active a {
	background: #1d5691;
	background: rgba(29, 86, 145, .5);
}


#sub-content-area {
	padding: 0 0 40px 40px;
	background: #fff;
}


#title-arrow-bg {
	background: url(../img/title-arrow-repeat.jpg) repeat-x;
	height: 61px;
	display: block;
}


h2.contenttitle {
	background: url(../img/title-arrow-end.jpg) 100% 0 no-repeat;
	display: block;
	height: 41px;
	padding:15px 40px;
	font-size: 24px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	line-height: 30px;
	color: #002a69;
}

/* Breadcrumb */

ul#breadcrumb {
	padding: 15px 0;
}

ul#breadcrumb, 
ul#breadcrumb li {
	margin: 0;
	list-style: none;

}

ul#breadcrumb li {
	display: inline;

}


ul#breadcrumb li a {
	font-weight: bold;
	background: url(../img/grn-arrow.gif) 100% 50% no-repeat;
	color: #002a69;
	font-size: 11px;
	padding: 0 5px 0 0;
	text-decoration: none;

}

ul#breadcrumb li.active a {
	color: #1c7ca5;
	font-weight: normal;
	padding: 0;
	background: none;

}


#sub-col3 {
	float:left;
	width:261px;
	padding:0 0 0 0;

}

#sub-sidebar {
	float:left;
	width:248px;
	padding:0 0 0 0;
}


/*------- Events ------------*/

ul#eventslist, ul#eventslist li {
	padding:0;
	margin:0;
	list-style: none;

}

ul#eventslist li {
	padding: 5px 0 20px 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #b2b2b1;
	
}

ul#eventslist li h4 {
	font-size: 14px;
	padding-top: 0;
}

ul#eventslist li p.date {
	padding:0 0 8px 0;
	font-size: 10px;
	font-weight: bold;

}

.registration_box a {
	background: #d8ebf4; 
	padding:8px;
}

/*----*/
#editContent {

padding: 12px;
background: #fff;
color:#000;

}

