/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{background-image:url(../images/bg-pattern.jpg);font-family:Arial,sans-serif;font-size:13px;line-height:1;text-align:center;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
.clr, .clear {clear:both;}
/* END RESET */
/* General Styles */
.alignleft{float:left;margin-right:8px;margin-bottom:2px;}
.alignright{float:right;margin-left:8px;margin-bottom:2px;}
h2{font-size:170%;}
h3{font-size:140%;}
h4{font-size:110%;}
sup{font-size:60%;vertical-align:top;}
#contentDiv ul,#contentDiv ol{list-style-image:none;list-style-position:outside;margin-left:30px;margin-bottom:10px;}
#contentDiv ul li{list-style:disc;}
#contentDiv ol li{list-style:decimal;}
#contentDiv li{padding-bottom:10px;line-height:1.2em;}
blockquote{background:#FFFFFF none repeat scroll 0 0;border-left:10px solid #634d2f;padding:6px;margin-bottom:15px;}
#contentDiv blockquote p{padding:5px 0;}
/* end General Styles */
#contentDiv h2.title {
	color:#F8981E;
font-size:32px;
margin-bottom:10px;
margin-top:10px;
}
#contentDiv h2 {
margin-bottom: 12px;
}
#contentDiv p {
	margin-bottom: 15px;
	line-height: 1.3em;
}
#contentDiv {
	color: #634D2F;
}
#content p {
	color: #634d2f;
}
a {
	color:#1A5D72;
}
a:hover {
	color: #f8981e;
}
/* ==========================================
=====!  Home Page Styling  =====
============================================*/
body#home {
	background:#FDB33A;
}
#home #header-wrap {
	background: none;
}
#home #content-area {
	margin-bottom: 0px;
	margin-top: -25px;
}
#home .tools {
	background: url(../images/bg-home-tools.gif) no-repeat scroll left top;
}
#left-side {
	background:transparent url(../images/bg-homepage-sidebar.png) repeat-y scroll right top;
	float:left;
	padding-right:10px;
	width:644px;
}
#slideshow {
	border-left:1px solid #966F28;
	margin-left:12px;
	position:relative;
	height:280px;
}
#slideshow ul {
	bottom:11px;
	position:absolute;
	right:8px;
}
#slideshow ul li {
	float: left;
	margin-right: 0px;
	text-align: center;
}
#slideshow ul li a {
	background:transparent url(../images/bg-slideshow-numbers.png) no-repeat scroll left bottom;
	color:#367084;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:14px;
	line-height:14px;
	padding:0px;
	text-decoration:none;
	width:14px;
	margin-right: 4px;
}
.hidden {
	display: none;
}
.column .contactbox a {
	margin: 0;
}
.drop-down li a {
	text-decoration: none;
}
.drop-down li a:hover {
	text-decoration: underline;
}
#summary-columns .column h4.video a {
	background: url(../images/icon-watch.png) no-repeat right 0px;
	padding-right: 22px;
	display: block;
}

#slideshow ul li a:hover, #slideshow ul li.current a {
	background: no-repeat url(../images/bg-slideshow-numbers.png) top left;
	color: #fff;
}
.news-bar {
	clear: both;
	background: url(../images/bg-news-bar.png) no-repeat left top;
	width: 960px;
	height: 30px;
}
.news-bar p {
	color:#346F82;
	font-size:18px;
	line-height:30px;
	padding:0 15px;
	text-shadow:1px 1px #FFFFFF;
}
#slider-div {
	height:128px;
	overflow:hidden;
	position:relative;
	width:588px;
}
#slider {
position:absolute;
top:10px;
width:4000px;
}
#news-slider {
	background:#2F7084 url(../images/bg-slider-bottom-left.gif) no-repeat scroll left bottom;
	padding-left:27px;
	position:relative;
}
#news-slider .arrow-left {
left:8px;
position:absolute;
top:48px;
}
#news-slider .arrow-right {
position:absolute;
right:8px;
top:48px;
}


#news-slider li {
	background:transparent url(../images/bg-slider-blu.gif) no-repeat scroll left top;
	float:left;
	margin-right:6px;
	width:192px;
}
#news-slider h2 {
	background:transparent url(../images/bg-slider-header2.png) no-repeat scroll left top;
	color:#FFFFFF;
	font-size:0px;
	line-height: 0;
	display: block;
	width: 219px;
	height: 20px;
	text-indent: -99999em;
	font-weight:normal;
	left:0;
	padding:6px 14px 4px;
	position:absolute;
	top:-27px;
}
#news-slider li img {
	margin: 5px;
}
#right-side {
	margin-left:660px;
	margin-right:18px;
	min-height:403px;
	padding-left:0;
	padding-top:5px;
	position:relative;
}
#right-side h2 {
	border-bottom:1px solid #6F4107;
}
#right-side h2 a {
	color: #fff;
	text-decoration: none;
	background:#C37414 url(../images/bg-h2-latest.jpg) no-repeat scroll 3px 5px;
	display: block;
	padding:8px;
	text-indent:-9999em;
	height: 36px;
}

li.blogitem {
	border-bottom: #c37413 1px solid;
	border-top: #fdce87 1px solid;
}
li.blogitem.last {
	border-bottom: none;
}
li.blogitem a {
	padding: 5px 8px;
	display: block;
	text-decoration: none;
}
li.blogitem a:hover {
	background: #fac16d;
}
li.blogitem h3 {
	font-size: 14px;
	color: #1d5f74;
	padding-bottom: 4px;
}
li.blogitem p {
	line-height: 1.2em;
	font-size: 12px;
	color: #222;
}
.socialmedia {
	background:transparent url(../images/bg-soc-media.png) no-repeat scroll left top;
	bottom:-29px;
	height:44px;
	padding-left:9px;
	padding-top:2px;
	position:absolute;
	right:10px;
	width:255px;
}
#sidebar.inside .socialmedia {
	left:-2px;
	top:0;
}
.socialmedia a {
	margin-right: 0px;
	text-decoration:none;
}
.drop-down {
	background: #fefefe;
	background-image: none;
	border:1px solid #CCCCCC;
	display:block;
	line-height:1.2em;
	padding:4px 10px;
	margin-top: 3px;
	margin-right: 12px;
}
#follow-twitter {
	background:#fefefe url(../images/bg-twitterdropdown.jpg) no-repeat 160px 5px;
}
#bg-seperator {
	width: 100%;
	background: url(../images/bg-home-footer-sep.gif) repeat-x top left;
	height: 20px;
}
#footer-columns-area {
	width: 100%;
	background: url(../images/bg-pattern.jpg);
	overflow: hidden;
}
.contactbox {
	width: 215px;
	margin-bottom: 8px;
}
#summary-columns {
	clear: both;
	padding-top: 15px;
	text-align: left;
	padding-bottom: 25px;
}
#summary-columns a {
	text-decoration: none;
}
.first-two {
	float: left;
}
.first-two h3.two-span {
	background:transparent url(../images/bg-get-connected.png) no-repeat scroll left 8px;
	margin-bottom:12px;
	padding-bottom:0;
	padding-right:31px;
	text-align:center;
}
#summary-columns a:hover {
	color: #000;
}
#summary-columns .column.connected {
	width: 202px;
	background: none;
}
#summary-columns .column {
	background:transparent url(../images/bg-sidebar-seperator.jpg) repeat-y scroll right top;
	float:left;
	margin-right:15px;
	padding-right:20px;
	width:210px;
}
#summary-columns .organization-info {
	background: none;
	margin-right: 0;
	padding-right: 0px;
}
.column #address {
	background:#FFFFFF url(../images/bg-emailfield.gif) no-repeat scroll 3px 3px;
	border-width:1px;
	color:#777777;
	margin-top:3px;
	padding:3px 3px 3px 25px;
	width:185px;
	font-size: 12px;
	}
.column #submit {
	padding-top: 5px;
}
#summary-columns .column h3, .first-two h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #f8981e;
	padding-bottom: 12px;
}
#summary-columns .column h4 {
	font-family: georgia, serif;
	font-size: 17px;

	font-weight: normal;
	padding-bottom: 3px;
}
#summary-columns .column h5 {
	clear: both;
	color: #c37413;
	line-height: 1.3em;
}

#summary-columns .column .border-bottom {
	background: url(../images/bg-horiz-seperator.gif) repeat-x bottom left;
	padding-bottom: 6px;
	margin-bottom: 3px;
}
#summary-columns .column h4 a {
	background:transparent url(../images/tan-arrow-right.png) no-repeat scroll right 4px;
	color:#1A5D72;
	padding-right:17px;
	text-decoration:none;
}
#summary-columns .column h4.twitter a {
	background:transparent url(../images/icon-twitter-small.gif) no-repeat scroll right 2px;
	padding-right:26px;
}
.tweet_avatar img {
	float: left;
	border: 1px solid #C37413;
	margin-right: 5px;
	margin-bottom: 5px;
}
#summary-columns .column a:hover {
	text-decoration: underline;
}
#summary-columns .column p, .column li {
	clear: left;
	color: #634d2f;
	font-size: 12px;
	padding-bottom: 10px;
	line-height: 1.2em;
}
#summary-columns .column p {
	background: url(../images/bg-horiz-seperator.gif) repeat-x bottom left;
	padding-bottom: 6px;
	margin-bottom: 3px;
}
.column .alex-twitter li {
	background: url(../images/bg-horiz-seperator.gif) repeat-x bottom left;
	padding-bottom: 6px;
	margin-bottom: 3px;

}
.percentages {
	clear:both;
	margin-bottom:15px;
	padding-top:5px;
}
.percentages span {
	color:#1A5D72;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-top:8px;
	width:125px;
}
.percentages .donate img {
	margin-left:9px;
	margin-top:8px;
}
.percentages img {
	float: left;
}
#footer p {
	color: #634D2F;
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
}
/******** END Home Page Styling here **************/


#header-wrap {
	width: 100%;
	background: transparent url(../images/bg-header-wrap.jpg) repeat-x top center
}
#header, #content-area, #footer, #summary-columns {
	margin: 0 auto;
	width: 960px;;
}
#header {
	position: relative;
	height: 130px;
	z-index:999;
}
.tools a{
	background:transparent url(../images/bg-donate-sprite.png) no-repeat scroll left top;
	display:block;
	height:40px;
	left:440px;
	overflow:hidden;
	padding-left:4px;
	position:absolute;
	top:10px;
	width:121px;
	z-index:0;
	text-indent: -999em;
	font-size: 0px;
	line-height: 0px;
}
.tools a:hover {
	background:transparent url(../images/bg-donate-sprite.png) no-repeat scroll right top;	
}
.tools li a {
	display: block;
	height: 20px;
	width: 115px;
}
.tools li a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
.tools li a:hover {
	color: #85440B;
}
#search {
	background: transparent url(../images/bg-search.gif) no-repeat left top;
	width: 199px;
	height: 21px;
	position: absolute;
	overflow: hidden;
	right: 10px;
	top: 4px;
}
#search .search-text {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	left:29px;
	position:absolute;
	top:3px;
}
#search .search-but {
	left:9px;
	position:absolute;
	top:4px;
}
#logo h1 a {
	display: block;
	background: transparent url(../images/banner-logo.png) no-repeat left top;
	width: 329px;
	height: 103px;
	text-indent: -999em;
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	left: 0;
	bottom: 8px;
	z-index: 4;	
}
#nav {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 20px;
	z-index: 1;
	height: 75px;
	overflow: hidden;
}
#nav li {
	background:transparent url(../images/bg-nav-separator.png) no-repeat scroll right bottom;
	float:left;
	font-size:22px;
	padding-right:2px;
}
#nav li:hover, #nav li.current {
	background-position: top right;
}
#nav li.last {
	padding-right: 0px !important;
	background: none !important;
}
#nav li a {
	background:transparent url(../images/bg-nav-middle.png) repeat-x scroll left bottom;
	color:#FFFFFF;
	display:block;
	height:75px;
	line-height:75px;
	padding:0 14px;
	text-decoration:none;
	text-shadow:2px 1px 0 #31454B;
}
#nav li a:hover, #nav li.current a {
	background: transparent url(../images/bg-nav-middle.png) top left repeat-x;
}

#nav li.first a {
	padding-left: 50px;
}	
#nav li.last a {
	background:transparent url(../images/bg-nav-right.png) no-repeat scroll right top;
	padding-right:25px;
}
#nav li.last a:hover, #nav li.last.current a {
	background-position: bottom right;
}
#content-area {
	text-align: left;
	margin-bottom: 15px;
}

#sidebar {
	float:left;
	min-height:640px;
	position:relative;
	width:240px;
}
#sidebar.inside {
	padding-top: 60px;
}
.side-nav li, .navigationItem {
	margin-bottom: 13px;
	font-size: 16px;
}
.rss-link {
	margin-bottom: 10px;
}
#sidebar .andy-link {
left:-12px;
margin-bottom:10px;
position:relative;
text-align:center;
}
.side-nav li a, .navigationItem a {
	color: #1a5d72;
	text-decoration: none;
}
.side-nav li a:hover, .side-nav li.current-page-item a, .navigationItem a:hover {
	text-decoration: none;
	color: #634d2f;
}
.side-nav li.current-page-item a {
	font-weight: bold;
}
#content {
	background: url(../images/bg-sidebar-seperator.jpg) repeat-y left top;
	float:right;
	width:665px;
	padding-left: 25px;
}
#footer-wrap {
	width: 100%;
	background: url(../images/bg-footer.jpg);
	border-top: 1px solid #634d2f;
	text-align: left;
}
#footer h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 8px;
}
.footercol {
	float:left;
	margin-right:7px;
	width:185px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #634D2F;
}
.footercol li {
	margin-bottom: 6px;
	line-height: 1.1em;
	font-size: 14px;
}
.address {
	margin-top: 18px;
}
.footercol li a {
	color: #fff;
	text-decoration: none;
}
.footercol li a:hover {
	text-decoration: underline;
}
/* ==========================================
=====!  ColorBox Styles  =====
============================================*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}
		
		#srs-wrap ul {
			list-style:none;
			margin: 0;
			width: 560px;
		}
		#srs-wrap li {
			list-style: none;
			margin: 0;
			float: left;
			width: 140px;
			height: 180px;
		}
		.slide-container {
			width: 560px;
			overflow: hidden;
			position: relative;
			height: 500px;
			float: left;
		}
		#slide-wrap {
			width: 8000px;
			position: absolute;
			left: 0;
		}
		.slide {
			float: left;
		}
		.slide li p {
			text-align: left;
			font-size: 12px;
		}
		.slide li h3 {
			font-size: 18px;
			line-height: 24px;
			text-align: left;
		}
		.slide li h3 a {
				text-decoration: none;
		}
		.slidelink {

		}
		.next {
			right: 0px;
		}
		.previous {
			left: 0px;
		}
		.slide-link {
			width: 60px;
			float: left;
			margin-top: 100px;
		}
		.slide h3 {
			font-size: 16px;
			line-height: 20px;
		}
		.right {
			margin-left: 15px;