html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left; font: normal 13px arial; color: #000;


background: #2952B5 url(../images/civilization-smaller.jpg) left center fixed no-repeat;
			-moz-background-size: cover;
			background-size: cover;

} 



@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
			body {	
				-moz-background-size: 1024px 768px;
				background-size: 1024px 768px;
			}
		}


/*html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left; font: normal 13px arial; color: #000; background-color:#2952B5;} */

a img {border: 0px;}
.clear {clear: both;}
/*#background{position:absolute; z-index:1; width:100%; height:100%; margin: 0px; padding: 0px; border: 0px;}*/


.bgholder {}
#holder {position:absolute; width:100%; height:100%; top:54px; left:0; overflow:auto; z-index:2;text-align: center;} 


#logo  {width: 972px; margin: 0 auto; background: url(../images/page-columns-trans.png); text-align: center; height: 201px;}

#bottom {border-top: 2px solid #fff; background: #000 url(../images/texture.png);}
#bottom .bottombg {border-top: 2px solid #1a1a1a; width: 956px; margin: 0 auto;}
#bottom .bottomcontent {background: url(../images/texture-light.png); width: 640px; float: left;font: normal 13px arial; color: #fff; text-align: left;}
#bottom .bpad { padding: 15px 29px 90px 29px; }
#bottom a {color: #fff;}
#bottom a:hover {color: #9dbaff;}


#main {margin: 0 auto; background: url(../images/page-full-trans.png) top center;  }

#pagewidth {width: 972px; margin: 0 auto; background: url(../images/page-columns-trans.png);}


#content {margin: 20px 16px 0 8px; width: 640px; float: left;  background: url(../images/trans-white.png);text-align: left; min-height: 575px;}
#content .cpad {padding: 29px;}
#content .videopad {padding: 29px 55px 29px 55px;}

#sidebar {width: 300px; float: left; margin-top: 20px;}
#sidebar .item {margin-bottom: 10px;}




#access { background: url(../images/navbar-bg.png) top center no-repeat; height:41px;}
#access .menu{width: 956px; margin: 0 auto;}


#access div {margin: 0 7.6%;}
#access {clear: both; display: block; float: left; margin: 0 auto 6px; width: 100%;}
#access ul {font-size: 17px; list-style: none; margin: 0 0 0 -0.8125em;	padding-left: 0;}
#access li {float: left; position: relative;  border-right: 1px solid #222e4b !important; border-left: 1px solid #525f7c;}
#access a {color: #eee; display: block; line-height: 41px; padding: 0 2.2em; /*padding: 0 1.6em; */ text-decoration: none;}
#access ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;	float: left;	margin: 0;	position: absolute;	top: 41px;	left: 0;	width: 188px;	z-index: 99999;}
	
#access li ul li { border-right: 0px !important; border-left: 0px !important;	}	

	
#access ul ul ul {left: 100%;	top: 0;}
#access ul ul a {	background: #f9f9f9;	border-bottom: 1px dotted #ddd;	color: #444;	font-size: 13px;	font-weight: normal;	height: auto;
	line-height: 1.4em;	padding: 10px 10px;	width: 168px;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {	background: #efefef;}
#access li:hover > a, #access a:focus {	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);	color: #373737;}
#access ul li:hover > ul {	display: block;}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a, .home .menu-item-7 a, .single-civapps .menu-item-9 a, .post-type-archive-civapps .menu-item-9 a {font-weight: bold;  background: url(../images/nav-hover.png); }

#access ul ul.sub-menu  a {	background: #f9f9f9;	}




.single-civapps .menu-item-9 a


#footermenu {margin-bottom: 12px; text-align: center; padding-bottom: 12px; width: 580px;}
#footermenu a {font: normal 14px arial; text-decoration: none; text-shadow: 3px 3px 5px #000; margin: 0 15px 0 15px;}
#footermenu p {text-align: center !important;}


#funders {border-top: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c; padding: 15px 0; margin-bottom: 15px; font: normal 14px arial; color: #fff; text-align: center;}  

.privacy {float: right; text-align: right;}
.copyright {float: left;}



#feedback {text-align: left; font: normal 14px arial; color: #fff;}
#feedback .fbtitle {font: bold 18px arial; color: #fff; margin-bottom: 5px;}




#feedback td {font: normal 14px arial; color: #fff;}
#feedback #name, #feedback #email,#feedback #message,#feedback #submit {background-color: #fbfbfb; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#b3b3b3)); background: -moz-linear-gradient(top,  #fbfbfb,  #b3b3b3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#b3b3b3'); border: 1px solid #666; width: 285px !important; padding: 5px; font: normal 14px arial; margin-bottom: 6px; -moz-box-shadow: inset  1px 5px #333; 	-webkit-box-shadow: inset  1px 5px #333; box-shadow: inset 0 1px 5px #333;}

#feedback #message {height: 57px;}
#feedback #submit {width: 82px !important; font: normal 16px arial;}


#content .entry-content {font: normal 16px arial; line-height: 20px; color: #000;}
#content h1.entry-title {font: bold 22px arial; color: #000; margin: 0 0 12px 0; text-transform: uppercase;}

#content .entry-content a {color: #333d58;}
#content .entry-content a:hover {color: #000;}

/* Alignment */
.alignleft {display: inline; float: left; margin-right: 1.625em;}
.alignright {display: inline; float: right; margin-left: 1.625em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
/* Images */

.entry-content img.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;}
p img, .wp-caption {margin-top: 0.4em;}
.wp-caption {margin-bottom: 0px;}
.wp-caption img {display: block; margin: 0;}
.wp-caption .wp-caption-text, .gallery-caption {color: #666; font-family: arial;	font-size: 12px;}
.wp-caption .wp-caption-text {margin-bottom: 0.6em;	padding: 3px 0 5px 10px; position: relative;}
#content .gallery {margin: 0 auto 1.625em;}
#content .gallery a img {border: none;}
img#wpstats {display: block; margin: 0 auto 1.625em;}


/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	-moz-box-shadow: 0 1px 1px #333;	-webkit-box-shadow: 0 1px 1px #333; box-shadow: 0 1px 10px #333;
	border: 1px solid #8f9090;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}


ul.videogallery {list-style-type: none; margin: 0px; padding: 0px;}
ul.videogallery a {text-decoration: none;}
.videogallery li {float: left;  margin: 0 10px 21px 11px; width: 171px; height: 171px;  -moz-box-shadow: 0 1px 8px #000;
	-webkit-box-shadow: 0 1px 8px #000; box-shadow:0 1px 8px #000; cursor: pointer;}
.videogallery li .titleonly {position: relative; float: left; margin-top: -171px;font: bold 18px arial; color: #fff;  text-shadow: 1px 1px 3px #000; height: 171px; cursor: pointer;}
.videogallery li  .fulltile {display: none; position: relative; float: left; margin-top: -171px;font: bold 18px arial; color: #fff;  text-shadow: 1px 1px 3px #000; width: 171px; height: 171px; background: url(../images/trans-black.png); cursor: pointer;}
.videogallery li  .dek {display: block; font: normal 14px arial;}
.rpad {padding: 6px;}

.videogallery .thumb { width: 171px; height: 171px; float: left;}

/* for ie */
.videogallery li  .fulltile {}
.videogallery li .titleonly {filter: glow(color=black,strength=3); }
/* end for ie */

#player.video {width: 530px;  background: url(../images/trans-white.png);}
#player .vpad {padding: 7px; }
#player.video iframe {width: 512px; height: 288px;border: 2px solid #000;}

#video .video {margin: 0 auto;}

#vidtoptxt {width: 530px; margin: 12px auto 20px auto; font: normal 14px arial; color: #000;}
#vidtoptxt h2 {margin: 0px; font: normal 18px arial;}
#vidtoptxt p {margin: 0px;}

h2#comments-title { background: url(../images/join-conversation.png)0 0 no-repeat; width: 234px; height: 87px; float: left; position: relative; margin-top: -48px;}



/* =Comments
----------------------------------------------- */

#comments-title {color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase;}
.nopassword, .nocomments {color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center;}
.commentlist {list-style: none;	margin: 0px; padding: 0px;}
.commentlist > li.comment {margin: 0 0 12px 0; position: relative; font: normal 16px arial; color: #fff; border-bottom: 1px solid #ccc; padding-bottom: 12px;}
.commentlist .pingback {margin: 0 0 1.625em; padding: 0 1.625em;}
.commentlist .children {list-style: none; margin: 0;}
.commentlist .children li.comment { border-left: 1px solid #ddd; 		margin: 1.625em 0 0; padding: 1.625em; position: relative;}


.commentlist .children li.comment .fn {display: block;}
.comment-meta .fn {font: bold 16px arial; color: #fff;}
.comment-meta {color: #fff; font-size: 12px; margin-bottom: 3px;}

.commentlist .children li.comment .comment-meta {line-height: 1.625em; }
.commentlist .children li.comment .comment-content {margin: 1.625em 0 0;}
.comment-meta a { text-decoration: none;}

a.comment-reply-link {background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #000 !important; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none;}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {background: #888; color: #000 !important;}
a.comment-reply-link > span {display: inline-block; position: relative; top: -1px;}
.comment-content p {margin: 0 0 10px 0;}
h3#reply-title {font: bold 18px arial; color: #fff;}
.form-allowed-tags, .comment-form-url {display: none;}


#cancel-comment-reply-link {color: #fff  !important;}


/* Comment Form */
#respond {	margin: 0px; padding: 0px; position: relative;}
#respond input[type="text"], #respond textarea {background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px;	text-indent: 80px;}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {position: relative;}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
	background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555;	display: inline-block;	font-size: 13px;	left: 4px;	min-width: 60px;	padding: 4px 10px;	position: relative;	top: 40px;	z-index: 1;}
#respond input[type="text"]:focus, #respond textarea:focus {	text-indent: 0;	z-index: 1;}
#respond textarea {	resize: vertical;	width: 95%;}
#respond .comment-form-author .required, #respond .comment-form-email .required {	color: #bd3500;	font-size: 22px;	font-weight: bold;	left: 75%; 	position: absolute;	top: 45px;	z-index: 1;}
#respond .comment-notes, #respond .logged-in-as {	font-size: 13px;}
#respond p {	margin: 10px 0;}
#respond .form-submit {	float: right;	margin: -20px 0 10px;}
#respond input#submit {	background: #3e76f1;	border: none;	-moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #fff; cursor: pointer; font-size: 15px;
	margin: 20px 0; padding: 5px 22px 5px 22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}
#respond input#submit:active {background: #1982d1;color: #bfddf3;}
#respond #cancel-comment-reply-link {color: #666; margin-left: 10px; text-decoration: none;}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {text-decoration: underline;}
.commentlist #respond {margin: 1.625em 0 0; width: auto;}
#reply-title {color: #373737; font-size: 24px; font-weight: bold; line-height: 30px;}
#cancel-comment-reply-link {color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em;
	position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em;}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {color: #ff4b33;}
#respond label { line-height: 2.2em;}
#respond input[type=text] {display: block; height: 24px; width: 75%; }
#respond p {font-size: 12px;}
p.comment-form-comment {margin: 0;}
.form-allowed-tags {display: none;}

#si_contact_form1 {font: bold 16px arial; color: #000;}
#si_contact_name1, #si_contact_email1,#si_contact_ex_field1_1,#si_contact_message1 {background-color: #fbfbfb; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#b3b3b3)); background: -moz-linear-gradient(top,  #fbfbfb,  #b3b3b3); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#b3b3b3'); border: 1px solid #666; width: 540px !important; padding: 6px; font: normal 14px arial; margin-bottom: 6px; -moz-box-shadow: inset  1px 5px #333; -webkit-box-shadow: inset  1px 5px #333; box-shadow: inset 0 1px 5px #333;}

/* TouchSlider */
#touchcarousel { width: 582px;  margin-bottom: 20px; background-color: #fff; border: 1px solid #8c8d8d;  -moz-box-shadow: 0 1px 8px #666;
	-webkit-box-shadow: 0 1px 8px #666; box-shadow:0 1px 8px #666;}
.touchslider  a {text-decoration: none;}
.touchslider .touchslider-item img {width: 582px; height: 344px; border: 0px; }
div.touchslider .touchslider-nav-item {margin: 0;}
.touchslider .touchslider-viewport {width: 582px; height: 344px; border: 0px;}
.touchslider .touchslider-item {width: 582px; height: 344px; overflow: hidden;}
.touchslider .touchslider-nav a {cursor: pointer; display: block; 
float: left; padding: 12px 8px 0 8px; color: #3e76f1; text-decoration: none; background: url(../images/carousel-nav-divider.gif) 0 0 no-repeat;}
.touchslider-nav {margin: -30px 0 0 0; float: left; text-align: right; padding: 0; position: relative; width: 582px; font: normal 12px arial; text-align: right; height: 30px; background:  url(../images/carousel-nav.gif);}
.touchslider-nav .nav-right {width: 240px; float: right; }
.touchslider .touchslider-nav-item {width: 8px; height: 15px; margin: 0; display: inline-block; padding: 0 0 0 8px;}
.touchslider .touchslider-nav a:hover {color: #000;}
.touchslider .touchslider-nav a:active {background: url(../images/carousel-here.gif) 0 0 no-repeat; color: #141823;}
.touchslider .touchslider-nav-item-current {background: url(../images/carousel-here.gif) 0 0 no-repeat !important; color: #141823;}
.touchslider a.touchslider-prev, .touchslider a.touchslider-prev:active, .touchslider a.touchslider-next { background: none !important;}
.touchslider .txtwrap {color: #000d1c;  margin-top: -71px; width: 582px; font: normal 13px arial; position: relative; height: 71px;  background: url(../images/trans-white-carousel.png); filter: glow(color=black,strength=3);}   
.touchslider .txtwrap .padding {padding: 6px 10px 0 10px;   z-index: 9999999999;} 
.touchslider .txtwrap a {color: #000d1c; text-decoration: none; display: block;} 
.touchslider h3 {margin: 0 0 3px 0; color: #000d1c; font: bold 18px arial; line-height: 18px; }
/* end carousel */



#timelinewrapper {padding: 40px 20px 30px 20px; border: 1px solid #fff;  background: url(../images/trans-white.png); -moz-box-shadow: 0 1px 8px #666;
	-webkit-box-shadow: 0 1px 8px #666; box-shadow:0 1px 8px #666;}
	
	#taxtop {font: normal 16px arial; color: #000; line-height: 20px; margin-bottom: 20px;}
	
	
.appicon {border: 1px solid #949ba7; float: left; margin: 0 20px 20px 0;  -moz-box-shadow: 0 1px 8px #666;
	-webkit-box-shadow: 0 1px 8px #666; box-shadow:0 1px 8px #666; width: 171px; height: 171px;}	
	
.appparent {font: bold 20px arial; text-transform: uppercase; margin-bottom: 12px;}
.app-title {font: bold 16px arial; margin-bottom: 25px;}


ul.app-posts {margin: 0px; padding: 0px; list-style-type: none; font: normal 16px arial; color: #000;}
.parentname {font: bold 20px arial; margin-bottom: 10px; text-transform: uppercase;}
.app-posts li {margin-bottom: 20px;} 
.app-posts li p {margin: 0 0 10px 0;} 
.app-posts li .right {float: left; width: 375px;}
.app-posts li .thumb {border: 1px solid #949ba7; float: left; margin: 0 20px 20px 0;  -moz-box-shadow: 0 1px 8px #666;
	-webkit-box-shadow: 0 1px 8px #666; box-shadow:0 1px 8px #666; width: 171px; height: 171px;}
.app-posts ul.children {margin: 0 0 0 -4px; padding: 0px; list-style-type: none;}
.app-posts ul.children li {margin-bottom: 6px;}
.app-posts .children a {font: normal 14px arial; color: #0373fd;} 
.app-posts .children a:hover,  .app-posts .children span:hover {background-color: #fff;  color: #0373fd;}
 .app-posts .children span {display: block; padding: 4px;} 
 

 
 .enlargeicon {background: url(../images/enlarge-overlay.png) top right no-repeat; height: 38px; position: relative; margin: -48px 0 0 0; display: inline;}
.enlargeicon.aligncenter {float: left; width: 590px;}
.wp-caption .enlargeicon {margin: -38px 0 5px 0;}
.wp-caption.pop {padding: 0px; margin: 0px;}

.wp-caption.pop img {border: 0px;}

.alignright.pop {margin: 0px 0px 10px 15px;}
.alignleft.pop {margin: 0px 15px 10px 0px;}


.nonprofit {text-align: center; margin-top: 20px;}

.supporttext {font: normal 10px arial; color: #fff; text-align: left;}
.supporttext a {color: #fff;}


 

.postid-80 .timeline-event.timeline-selected .timeline-event-node,
.postid-80 .timeline-event.timeline-selected .timeline-event-node:hover,
.postid-80 .timeline-event-contents::before,
.postid-80 .timeline-event-node {background-color:#ff953c;}

.postid-99 .timeline-event.timeline-selected .timeline-event-node,
.postid-99 .timeline-event.timeline-selected .timeline-event-node:hover,
.postid-99 .timeline-event-contents::before,
.postid-99 .timeline-event-node {background-color:#b445d9;}


.pull-quote {
font-family: georgia;
font-size: 24px;
line-height: 30px;
clear: both;
font-style: italic;}

.pull-quote span {
font-size: 18px;
color: #2a2a2a;}


#wnetevergreen {text-align: left;}