body {
/*background: #ecf6f8;*/
background: #E3E2DE;
background-image:  url(/assets/images/wrpr/bgr-home-top1.jpg);
background-repeat: no-repeat;
background-position: 0 0;
margin: 0;
font-family : Verdana, Arial, sans-serif;
color : #333;
font-size:1em; /* 16x.875=14 */
line-height: 130%;
}

/* Content Links*/
a:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#ac341c;
}
a{
	color:#1f535d;
    text-decoration:none;
}
a img{ border:none; }
.nom { margin:0; }

a.rev{ text-decoration:none; }
a.rev:hover{ text-decoration:underline; }

a.heading {font-weight: bold; color: #3c7882; }
p {margin: 0 0 1em 0;}
p.author {margin: 0 0 .5em 0; }
h1, h2, h3, h4 {
	font-family : Verdana, Arial, sans-serif;
	font-style : normal;
	margin : 0;
	padding : 0;
}
h1 {
	font-size:160%;
	font-weight : normal;
	margin: .5em 0 0 0;
	padding: 0 0 7px 0;
	line-height: 130%
}
h1.sectiontitle {
	border: none;
	margin: 0 0 7px 0;
	padding: 0;
	color: #000000;
	font-size: 150%;
	line-height: 130%
}

h2 {
	font-size:120%;
	color:#115e68;
	font-weight : normal;
	margin: .5em 0 10px 0;
}
h3 {
	font-weight: bold;
	font-size: 100%;
	margin: .5em 0;
}
h4 {
	font-weight: bold;
	font-size: 100%;
	color: #115e68;
	margin: .25em 0;
}
hr { height: 0; border: 0;
border-top: 1px solid #407982;
}
input, select {padding: 0; line-height: 1em; padding: .25em; margin: 0; font-size: 1em; }
input[type=text], select, textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #b7b8b8;
background-image: linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -o-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -moz-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -ms-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
}

#wrapper {
margin: 0 auto;
box-shadow: 0 0 5px #ccc;
max-width: 640px;
}

.header {
/*border-top: 10px solid #3C7882;*/
border-top: 10px solid #A62721;

clear: both;
padding: 0 12px 0px 12px;
}

.logo {float: left; margin: -10px .25em 0 0; position: relative; }
.logo .img {max-width: 30%; }
ul.utilitynav {
float: right;
clear: right;
margin: 1em 0 1.5em;
padding:0;
font-size: .9em;
}
ul.utilitynav li, ul.utilitynav li div { display: inline; margin: 0; }
ul.utilitynav li {padding: 0 0 0 .5em; float: left; display: block;  }
ul.utilitynav li.last {padding-right: 0; }
.header .search { float: right; clear: right; margin: 0;}
.search input {margin: 0; }
.search input[type=text] {
border: 1px solid #b7b8b8;
color: #787979;
width: 110px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-image: linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -o-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -moz-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
background-image: -ms-linear-gradient(bottom, rgb(229,230,231) 13%, rgb(254,254,254) 85%);
-webkit-appearance: none;
}
.search input[type=submit] {
background: #3c7882 url("/assets/wrapper/search_glass.png") 50% 50% no-repeat ; 
border: 2px solid #3c7882;
border-width: 2px 2px 3px 2px;
color: #fff;
-webkit-border-radius:0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin: 0 0 0 -1em;
text-indent: -9999em;
padding: .25em .75em; 
}
ul.nav {width: 100%; clear: both; }
ul.nav, ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
    /*background: #3C7882;*/
    background: #DBE1B5;

}
ul.nav li {
width: 33%;
float: left;
border-right: 2px solid #fff;
}

ul.nav li.last {border-right: none; }
ul.nav a {
	display: block;
	padding: .75em 0 ;
	/*background: #3C7882;*/
    background: #DBE1B5;
	/*color: #fff;*/
    color: #333;
	font-size: 1.083em;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
	text-align: center;
	/*border-top: 2px solid #3C7882;*/
    border-top: 2px solid #5EA413;
}

ul.nav .donate a {
/*background: #709ca3;
border-top: 2px solid #709ca3;*/
background: #92251E;
border-top: 2px solid #92251E;
color: #fff;
}

ul.nav .active a {
    /*border-top: 2px solid #f36e21;*/
    border-top: 2px solid #E3E2DE;
}

.slideshow {
position: relative;
margin: 0 auto 1em;
}

#slides {
position: relative;
border-top: 2px solid #fff;
}
.slideshow, #slides, .slide, .slide img {
width: 640px;
height: 360px;
}

#slides a:hover { text-decoration: none;}
#slides .content {position: absolute; z-index: 10; bottom: 0px; left: 0px; width: 98%; padding: 0 0 0 2%; color: #000; background: #fff; opacity: .8; }
#slides .content a h3 { color: #000; text-decoration: underline; }
#slides .content h3 {font-size: 1.125em; line-height: 1em; font-weight: normal; padding: 13px 0; margin: 0; float: left; max-width: 70%; opacity: 1;}
#slides .more { position: absolute; right: 0; top: 0; display: block;  margin: 0; padding: 0 15px; height: 100%; margin: 0; font-size: 1.125em; line-height: 1em; opacity: 1;  color: #fff; background: #3c7882 url(/assets/mobile/slide-arrow.png) 50% 50% no-repeat;}


#slides .slide { position: relative;}

#slideprev {
position: absolute;
top: 15%;
left: 0;
background: url(/assets/mobile/arrow-left.png) 0 0 no-repeat;
z-index: 10;
width: 52px;
height: 64px;
opacity: .3;
filter: alpha(opacity = 30);
}
#slidenext {
position: absolute;
top: 15%;
right: 0;
background: url(/assets/mobile/arrow-right.png) 100% 0 no-repeat;
z-index: 10;
width: 52px;
height: 64px;
opacity: .3;
filter: alpha(opacity = 30);
}
#slideprev:hover, #slidenext:hover {
opacity: 1;
filter: alpha(opacity = 100);
cursor: pointer;
}
#content-body { 
    background: url(/assets/images/wrpr/inner-page-bgr.png) 90% 0 repeat-y;
	padding:0 0 0 10px;
    margin: 0 12px 0 8px;}

/*.download { color: #f97907; font-weight: bold; }*/
.bluecontrol { color: #407982; font-weight: bold; }
#home-iphone { float:right; padding: 0px 12px 12px 6px; }


#amenu { border-bottom: 1px solid #407982; margin: 0 0 .5em 0;}
#amenu .title, #subnav li {
clear:both;
border-top: 1px solid #407982;
font-weight: bold;
font-size: 1.0625em;
/*color: #fe7302;*/
color: #333;
padding: 8px 0 8px 12px;
text-transform: uppercase;
/*background: #e2f1f4 url('/assets/mobile/plus.png') 98% 50% no-repeat;*/
background: #DBE1B5 url('/assets/mobile/plus.png') 98% 50% no-repeat;
cursor: pointer;
display: block;
}
#amenu .selected.title {
	background: url('/assets/mobile/minus.png') 98% 50% no-repeat;
}

#amenu .content {
padding: 8px 12px;
}
ul#subnav, ul#subnav ul {margin: 0; padding: 0; }
ul#subnav { margin: .5em 0 0 0;}

#subnav li {
font-size: 1.125em;
list-style: none;
padding: 0;
background: none;
}
#subnav li.label {display: none; }
#subnav li.last { border-bottom: 1px solid #407982; } #subnav li.last li.last, #subnav li li.last {border-bottom: none; }
#subnav li li {font-size: 1em; }
/*#subnav li a{ background: #e2f1f4 url('/assets/mobile/nav-right.png') 99% 50% no-repeat; padding: 8px 0 8px 12px; display: block; }*/
#subnav li a{ background: #DBE1B5 url('/assets/mobile/nav-right.png') 99% 50% no-repeat; padding: 8px 0 8px 12px; display: block; }
#subnav li a:hover, #subnav li.active a { color: #3C7882; background: transparent url('/assets/mobile/nav-right.png') 97% 50% no-repeat; text-decoration: none;}
#subnav li li a { padding-left: 2em; }
a.back { display: block; padding: 8px 0 8px 1em; background: transparent url('/assets/mobile/nav-left.png') 0% 50% no-repeat;  margin: 0 0 .5em;}

.features {margin: 0 0 .5em 0; }
.main-feature{
border-top: 1px solid #407982;
border-bottom: 1px solid #407982;
background: #e2f1f4;
padding: 10px;
}
.subfeature{
border-bottom: 1px solid #407982;
padding: 10px;
}
.list_item {
display: block;
margin: 0 0 1em 0;
}
/* image styles */
#content-body img {max-width: 100%; }
.feature_photo, .secondary_photo { float: left; margin: 0 10px 0 0; }
.top_photo { width: 100%; border-top: 2px solid #fff;}
#content-body img.mobile { width: 100%; }
#content-body img.thumb100 {max-width: 100px; }
.picture_content_right, .right {
	float:right;
	margin: 0 0 10px 10px;
	padding: 0;
}
.picture_content_left, .left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
.picture_left {
	float: left;
	margin: 7px 7px 0px 0px;
	padding: 0;
	}
.picture_right {
	float: right;
	margin: 7px 0px 0px 7px;
	padding: 0;
	}

.byline, .topics, .meta {
 	font-size: .8em;
}

.footer {
margin-top: 1em;
padding: 0 2%;
display: block;
}
.footer .search {
margin: 0 0 1em;
}
.footer-left {
float: left;
width: 55%;
}
.footer-left p { font-size: .7em; }
.footer-right {
float: right;
width: 45%;
text-align:right;
line-height: 28px;
}
ul.social {
float: right; clear: right; margin: 0 0 1em; padding: 0;
}
ul.social li { list-style: none;  float: left; margin: 0 10px 0 0; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*search results */
p.searchDisplayResults {
margin: 1em 0 0;
}
p.searchTitle {
padding: .75em 0 0;
margin: 0;
}
.searchTitle a {font-weight: bold; }
p.searchTimeStamp {
font-size: .87em; 
color: #555;
margin: 0;
}
p.searchDescription {
margin: 0 0 0px 0;
}
p.searchTeaser {
margin: 0 0 5px 0;
}
.searchNavigation {
margin: 1.5em 0;
}
.searchNavigation a {
border: 1px solid #ccc;
padding: 2px 7px;
}
/*lightbox*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*responsive design */

@media screen and (max-width: 360px) {
#slides .content h3  { float: none; max-width: none; display: inline-block; font-size: .9em; }  #slides .more {font-size: .9em}
.feature_photo, .secondary_photo, { width: 100%;  float: none; margin: 0 0 10px; }
#content-body img.thumb100 { max-width: 60px; }
}
@media screen and (max-width: 320px) { 
#slides .content h3{ float: none; max-width: none; display: inline-block; font-size: .9em;  } #slides .more {font-size: .9em}
ul.utilitynav {margin: .25em 0;}
ul.utilitynav li { display: block; clear: right; float: right; padding: .25em 0; }

.feature_photo, .secondary_photo, #content-body img.thumb100{ width: 100%; max-width: 100%; float: none;  }
.picture_content_left, .picture_left, .left { float: none; margin: 0 0 10px 0; }
}
@media screen and (max-width: 240px) { 
#slides .content h3 { float: none; max-width: none; display: inline-block; }
ul.utilitynav {margin: .25em 0; }
ul.utilitynav li { display: block; clear: right; float: right; padding: .25em 0; }
.feature_photo, .secondary_photo, #content-body img.thumb100{ width: 100%; max-width: 100%; float: none; margin: 0 0 10px; }
.picture_content_left, .picture_left, .left { float: none; margin: 0 0 10px 0; }
}
.news_description /* added Feb 24/12 */
{ 
	width:460px;
	float:right;
}