/* **************************** GLOBAL RESETS 
*/

* {
	margin:0;
	padding:0;
}

img {
	border:0;}

body{
	font:13px/20px Arial,sans-serif;
	color: #333333;
	
	background-image:url(../new_images/bgd-fade2.gif);
	background-repeat: repeat-x;
	background-color: #E4D7BA;
	margin-top: 1px;
	background-position: 0 -200px;}

/*
*************************** ANCHOR LINKS
*/

a:link, a:visited {
	color: #006699; color: #0079cc;
	text-decoration: none;}

a:hover {
	text-decoration: underline;
}
/*
*************************** HEADINGS, LISTS, PARAS 
*/
h1, h2, h3, h4, h5, h6 {
	font: 14px/18px Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight:bold;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
	font-size: 114%;
	color: #006699;
	 color: #006DB7;
}
#content h2 {
	font-size:1.5em;
	line-height:1.2em;
}
#left-column h2, #left-column h3 {
    background-color: #3298E5;
    color: #FFFFFF;
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 18px;
    padding-top: 5px;
    width: 165px;
}

h3{
 font-size: 100%;
 /*color: #334d55; */ 
 color: #0079cc;
}

#home #left-column .sidebarnews.contactus { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-bottom:20px	;} 
#home #left-column .sidebarnews.contactus h3 { /*display:none;*/} 
#home #left-column .sidebarnews h3 { /*padding-left:5px;*/ margin-left:-13px;}
#home .resource h3 a { display:block;line-height:25px; /* padding-left:10px;*/}
#home .resource h3 a:hover { background-color:#CCEAFA; text-decoration:none;}

#home .resource.ourprograms  {
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 20px;
    padding: 10px 30px;
	box-shadow: 3px 3px 3px #CCCCCC;
}

#content h3 {font-size:1.2em;}
h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}


ul{
 list-style-type: square;
 margin:1em 0 1em 1em;
}


label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

p { 	
	margin:1em 0; 
}
#content p { font-size:14px;line-height:1.5;}

blockquote {margin-left:1em;}
/*
 ******************************************* LAYOUT 
 */
 
#wrapper {
	width:850px;
	margin:8px auto;
	background-color:white;
	position: relative;
	}
	
#innerwrapper {
		/*background-image:url(../new_images/bgd-wrapper-faux1.png);
		background-position:-3px 20px;
		background-repeat:repeat-y;*/
		}

#preheader {    
		position:relative;
        width:850px;height:20px;
		font-size:.9em;
}

#searchbox { position:absolute;
       right:1px; top:0;
       text-align:right;
	   color:#ccc;
}

#breadcrumbs {  
		position:absolute;top:0;left:10px;
		color:#ccc;
		width:50%; float:left;
		}
		
#header {  
		width:850px; 
		height:134px;
		overflow:hidden;
		/*background-image:url(../images/headers/header.jpg);
		background-repeat:no-repeat;*/
 		}




#left-column a, #left-column a:visited, #left-column a:link{
	padding: 2px 0px;
	/*border-bottom: 1px dotted #cccccc;*/
	width: 100%; display:block;}

#left-column a:hover{
	background-color: #dddddd;	
	text-decoration:none;}
#left-column a.nohoverbgd:hover {background: none}




/* -------------------------------------------- COLUMNS      
*/	

	
#left-column {	
		/*background-image:url(../new_images/bgd-left-faux-alt.png); 
		background-repeat:no-repeat;
		background-color:#F3F3F3; */
		float:left; 
		width:182px; 	 
         padding-top:25px;
         margin-left:0px;
	}

#content {
		float:left;
          width:72%;      
          margin-left:4%;
          margin-right:1%;padding-top:40px;  }
#home #content {
	margin-left:26px; padding-top:10px;}
		  
#left-column ul {
		list-style:none;
		margin-left:15px;}

#left-column p {
		margin-left: 10px;}

#content ul li, #content ol li { 
		list-style-position:inside}

/* -------------------------------------------- FOOTER 
*/

#footer {
		font-size:.8em; 
		border-top:1px solid #ccc ; 
	/*	text-align:center;*/ margin-top:0px;
}

/*------------------------------------------- helpers  
*/

.clearer {
	clear:both;
	}
.floatleft {
	float:left;
	margin-right: 1em;
	margin-top: 1em;
	}
.floatright {
	float:right;
	margin-left: 1em;
	margin-top: 1em;
}

.center {  margin:0 auto } 
.centertext { text-align:center}

img.floatright, img.floatleft {
	padding:5px;  
	border:solid 1px #ccc;
	margin-top:0;
}

.hidden {display:none;}

/* ******************************************* pull quote - float left/right
*/
.pullquote,  .centerquote {
	width:30%; 
	border:1px solid #ccc; 
	font-size:0.9em; 
	line-height:1.5em; 
	padding: 0.9em;
}

.centerquote { 
	width:98%; 
	margin:0 auto;}

.quote { 
	font-style:italic;}
.quotee {
	text-align:right;
	line-height: 1.2em;
	font-size: .9em;
}
/* ******************************************* contact info 
*/

#left-column #contact {
font-size:.95em; 
line-height:1.3em; 
margin-top:10px;
color:#555;
margin-left:20px;
}

#left-column .sidebarnews #contact {
margin-left:0px;
}

/* ******************************************* left col links/resources
*/

#left-column #links {
font-size:0.9em; 
line-height:1.4em; 
margin-top:10px;
color:#555;}



h2, h3 { letter-spacing:.1em;}
#left-column #image { margin:20px 0; text-align:center ;}
 

/* ******************************************** resource citations
*/

.resource, .resourcelink {
/*border-top:1px solid #ccc;*/
padding:10px 20px 5px 20px; padding-left:0; margin-top:10px;
overflow:auto;
clear:both;

}
.resource h3 {letter-spacing:normal}
	 
#left-column .donations  {
margin-left:10px; margin-right:10px;
font-size:.9em; line-height:1.4em;
}
#left-column .donations li {
margin:.5em 0 1em; font-size:.95em; line-height:1.2em
}
	
/* ====================================SUCKERFISH DROPDOWN MENU */

#menuwrapper { 
	width:850px;
	height:26px;
	background-image:url(../new_images/bgd-menu1.png);
	background-repeat:repeat-x;
	background-position:0px -2px;
	border: solid #A9D5EE;
	border-width:0 0 1px 0;	
	}

#menuwrapper ul {	
	width: 850px;
	border:none;
	list-style: none;	
	font-weight: bold;	
	margin:0;
}

#menuwrapper li.navtop {
	position:relative;
	float: left;
	padding:0 30px;
	margin:0;
	border-left:1px solid #A9D5EE;
}

#menuwrapper li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: normal;
	border:#ccc solid 1px;
	margin: 0;
    background:#ECF1FF;
	 z-index:10000;
}
 
#menuwrapper a {
	display: block; 	
    color:#0079CC;
	color:#026CB8;
	text-decoration: none;
	padding: 3px 0;
    text-align:center;
}

 
#menuwrapper li ul a { 
        text-align:left; 
        padding-left:20px;
}
 
/*#menuwrapper li:hover ul,*/ #menuwrapper li.sfhover ul{
	left: 0px;
}


#menuwrapper li:hover {
	background: #ddd; 
}


#menuwrapper li.navtop.active {
	background-image:url(../new_images/bgd-menu-faded1.png);
	background-repeat:repeat-x;
	background-position:12px;
	background-color:white;
 }
 
 #left-column  li.active {
	background-image:url(../new_images/arrow10x10.png);
	background-repeat: no-repeat;
	background-position: 12px;
	
	
 }
 
 
/* ------------------------------------------ SUBNAV 
*/
#submenuwrapper {
	margin-top:4px;

	margin-bottom: 20px;}

#submenuwrapper ul a:link, #navBar ul a:visited {
       display: block;}
#submenuwrapper ul li  {
margin-left:-5px;
padding-left:27px;
}

#submenuwrapper ul {
      list-style: none; margin: 0; padding: 0;}



/* ------------------------------------------------- end of menu items ----------------------------*/
/*.layout-home #left-column {display:none; background-image:none}
.layout-home #content {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	float: none;
}
 #innerwrapper.layout-home {background-image:none;}*/
 
 .popup {}
 .popupmovie {}

#preheader {display:none;}

.comment {
	background-color:#FFFF00;
	display: none;
}

#left-column a.nostyle,
#left-column  a:link.nostyle,
#left-column  a:visited.nostyle {
border:0;
}
#video {
text-align:center;
  
margin-bottom:5px}

#video img {border:1px solid #ccc; padding:5px;}

#video p { text-align:center;
	font-size:0.8em;
	font-style:italic;
	line-height: 1.2em;
margin:4px 0 0 0;
}

#homepageslideshow {
	margin-left:10px;
	height:3em;
	border-top: 1px solid #ccc;
}

.newsdate {font-size:.9em; color:#888;}

#left-column .instructions {text-align:center;
font-size:.85em; color:#888;
font-style:italic;line-height:1.4em;padding-right:1em;
}

.article {}
.article h4 {margin:0; padding:0; font-size:.9em;color:#999;}
.article img {float:left;padding:5px;border:solid 1px #ccc;}

hr {clear:both; visibility:hidden;}

#cse-search-box {margin-top:10px;}

#mission {
	font-size: 18px;
	line-height: 1.4em;
	width: 70%;
	float:left;
	padding:0;
	text-align: left;

	background:url(../new_images/mission/ourmission.jpg) no-repeat;
	text-indent:-9000px;
	height:80px;

}	

#mission span {
	font-size:1.2em;
	color:#016bb7;
	}
.donatenow { 
margin-top:5px;
float:right
;}

#loading {
	text-align:center;
	font-size:28px;
	color:#333;		
	}
	
#left-column .sidebarnews {
    width:155px;  
    padding:8px; 
    margin:0 0 0px 5px;
}
#left-column .sidebarnews .article { margin:1em 0; }
#left-column .sidebarnews .article h4 {font-size:.9em; line-height:1.2em;  color:#026cb8; margin:0; font-weight:bold;}
#left-column .sidebarnews .article h4 a {border:none;}

#left-column .sidebarnews p {text-align:left; line-height:1.5em;
margin:0; font-size:.9em;}
.sidebarnews h3 {text-align:left; 
letter-spacing:normal; xborder-bottom:1px dotted #ccc; padding-bottom:5px;}
#left-column .sidebarnews a.readmore {border:none;text-align:right;font-size:.9em; }
#left-column .sidebarnews .date { font-size:.9em; color:#333; font-style:italic}

div.galleryholder {text-align:center; margin-bottom:20px;}

div.promo {margin-bottom:15px;}
div.promo h3 {text-align:center;}
 
 
#videofeature {
	margin-top:20px;} 
/*div#videofeaturedescription {
	float:right ; 
	width:199px;
	margin-right:10px	;
}*/

#videofeaturedescription {
	color:red;
}

.ecardsplash #videofeaturedescription {
background:white;
float:right;
height:243px;
margin-right:0;
color:#026CB8;
color:#333;
width:217px;
}


div#videofeaturedescription .heading {
color:#026CB8;
font-size:1.3em;
font-weight:bold;
line-height:1.5em;
margin-top:0;
text-align:center;
}
div#videofeaturedescription .donate {
	margin-top:2em; text-align:center;
	
	}
	div#videofeaturedescription .detail {
	margin-top:2em; margin-left:15px;
	margin-right:10px;
	
	}
	
#picturesandvideos h3 { margin-top:1em; }

/* ----------------- ecard styling -------------------------------------- */

.hint { font-style:italic; font-size:.9em; font-weight:normal;}
label {display:block;}
label.error {
color: red;
display: inline;
padding-left: 20px;
}
.greetings, .photos, .from, .to, .personalmessage, .print, .send, .printoremail {
border:1px solid #ccc; padding:20px; margin:3em 0; 
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
position:relative;
}
.greetings label, .printoremail label {margin:1em; width:40%; float:left;}

form#ecard div h3  {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 white;
border:1px solid #CCCCCC;
padding:5px 10px;
position:absolute;
top:-13px;
}
.photos label {
float:left;
height:200px;
margin-left:20px;
margin-right:20px;
position:relative;
width:213px;
}

.photos label img{ margin-left:20px; 
-moz-box-shadow:5px 5px 5px #ccc;
-webkit-box-shadow:5px 5px 5px #ccc;
box-shadow:5px 5px 5px #ccc;

border:1px solid #ccc; padding:5px;
}
.photos label input {position:absolute; top:0;left:0; }

.to label, .from label{ margin-bottom:1em;}

.to label span, .from label span  {
display:block;
float:left;
margin-right:1em;
text-align:right;
width:28%;
}

.usermessage {
background:none repeat scroll 0 0 #E6B220;
border-bottom:5px solid #2A84C0;
border-top:5px solid #2A84C0;
color:#000000;
padding:1em;
text-align:center;
}

.send, .print {border:none; text-align:center; padding:0;margin:0}
.send h3, .print h3 {display:none; text-align:center}

/* ---------------- ECARD HOME PAGE ----------------------------- */

.resource .ecardslides { width:310px; float:left;}
.resource .ecardslides img { 
-moz-box-shadow:3px 3px 3px #999;
}
.resource .ecarddescription {
background:white;
color:#026CB8;
float:right;
font-size:10px;
height:199px;
line-height:13px;
margin-right:10px;
width:211px;
}
#videofeature .ecarddescription {height:243px;}
.resource .ecarddescription span { display:block; margin-top:1em;}
.resource .ecarddescription .donateonline {
margin:0px 0 17px;
}
.ecardsplash .ecarddescription  a.button { display:block; text-align:center;
}
.ecardsplash {
-moz-box-shadow:3px 3px 8px #999;
background:white;
border:20px solid #55a3d7;
padding:17px;
margin-bottom:30px;
}

.resource .ecarddescription .sendhonorgift span img{
float:right;
margin-top:-6px;
}


/* ---------------------- CLEARFIX ------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ----------------------- TEMPORARY SETTINGS -------------------- */
 li.navemployment, li.navrfps { display:none; }

/*.google { display:none; }*/
.cap1 {}
.cap3 {
	background:#78AFD6;
	padding:20px;	
	width:560px;
	color:white;
	border-radius:12px;
	text-align:center;
}
.cap3a {font-weight:bold; font-size:1.5em;}

.cap2 {}
.cap4 {}
.cap5 {}
.cap6 {}

.cap4, .cap6 {
margin: 20px 20px 17px 0;

}
.cap3 strong { font-size:13px;}
.cap4 strong, .cap6 strong, .cap2 strong {
color: #026CB8;
font-size: 16px;

}
.cap5 strong {
display: inline-block;
width: 40px;
background: #A1CAF6;
color: black;
padding-left: 10px;
padding-right:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.cap5 {
width: 80%;

margin-left: 60px;
}

#contact_form .formentryfield{ height:1.5em; border:1px solid black;}
#contact_form textarea { border:1px solid black;}
#contact_form #contactbutton { cursor:pointer;}

.sidebarnews .article { position:relative;}
#new {
    background: none repeat scroll 0 0 #EBB725;
    border-radius: 15px 15px 15px 15px;
    font-size: 10px;
    height: 30px;
    line-height: 29px;
    padding: 0;
    position: absolute;
    right: -13px;
	top:1px;
    text-align: center;
    width: 30px;
}

.honorsomeone {
    background: none repeat scroll 0 0 #1373AB;
    border-radius: 7px 7px 7px 7px;
    color: white;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    padding: 6px 2px;
    text-align: center;
    width: 154px;
}
.honorsomeone a {color:white;}
.honorsomeone a:hover { text-decoration:none; color:yellow;}
.honorsomeone:hover{ background:#3298E5;}