body {
	background: #f0ece9;
	margin-top: 7px;
	text-align: center;
}

p, li, a, h1, h2, h3, h4, input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0; padding: 0;
	line-height: 1.2em;
}

#colwrap h3 a {
	color: #333;
	text-decoration: none;
}


h2 {
	font-size: 14px;
	color: #c83d1c;
	padding: .7em 0 .8em 0;
}

h3 { padding: 0 0 .2em 0; }

p { padding: .1em 0 .5em 0; }

a {
	color: #003366;
	cursor: pointer;
}

a img { border: none; }

a.more {
	text-transform: uppercase;
	font-size: 9px;
	white-space:nowrap;
}

a.more2 {
	display: inline;
	background: #4498a9;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

a.greysmall {
	color: #666;
	font-size: 9px;
}

#header, #homepage, #contentDiv, #footer, #contentArea, #contentTable {
	width: 752px;
	margin: 0 auto;
}


#header {
	position: relative;
	height: 87px;
}

#logo {
	position: absolute;
	width: 100px;
	top: 0; left: 20px;
}


#searchbox {
	float: right;
	width: 250px;
	height: 36px;
	overflow: hidden;
	text-align: right;
	margin: 12px 0 0 0;
}

#searchbox p { color: #666; }

#emailbox .submit {
	vertical-align: top;
}

#searchbox #search_submit {
vertical-align: top;
}
#searchbox #query {
	width: 130px;
	padding: 1px 0 1px 2px;
	font-size: 9px;
	margin: 0 3px 0 3px;
}

#contentDiv {
	width: 746px;
	background: #C0D7DD;
	padding: 0 0 0 6px;
	margin: 0 auto;
	margin-bottom: 18px;
	text-align: left;
}

#flashbox {
	float: left;
	width: auto;
	margin: 0; padding: 0;
	padding: 16px 0 0 7px;
}

#flashbox img {
	border: 2px solid #fff;
} 

#flashbox .flash {
border:3px solid #FFFFFF;
display:block;
}


#homepage {
	width: 752px;
	background: #C0D7DD url(/assets/images/hpbacktop.jpg) no-repeat top left;
	margin: 0 auto;
}


/* menu */

#nav, #nav ul { width: 614px; list-style: none; margin: 0; padding: 0; margin: 0;}
#nav { float: right; }
#nav li, #nav li a.menu { display: block; }
#nav li a.menu { height: 26px; }
a.menu { text-indent: -9999px;}

li#whoweare, li#whoweare2 { float:left; width: 117px; }
#whoweare a.menu { background: transparent url(/assets/images/nav/whoweare.gif) 0 -26px; }
#whoweare2 a.menu { background: transparent url(/assets/images/nav/whoweare.gif) 0 -1px; }

li#whatwedo, li#whatwedo { float: left; width: 117px; }
#whatwedo a.menu { background: transparent url(/assets/images/nav/whatwedo.gif) 0 -26px; }
#whatwedo2 a.menu { background: transparent url(/assets/images/nav/whatwedo.gif) 0 -1px; }


li#wherewework, li#wherewework2 {float: left; width: 144px; }
#wherewework a.menu { background: transparent url(/assets/images/nav/wherewework.gif) 0 -26px; }
#wherewework2 a.menu { background: transparent url(/assets/images/nav/wherewework.gif) 0 -1px; }


li#getinvolved, li#getinvolved2 { float: left; width: 128px; }
#getinvolved a.menu { background: transparent url(/assets/images/nav/getinvolved.gif) 0 -26px; }
#getinvolved2 a.menu { background: transparent url(/assets/images/nav/getinvolved.gif) 0 -1px; }

li#campaigns, li#campaigns2 { float: left; width: 108px; }
#campaigns a.menu { background: transparent url(/assets/images/nav/campaigns.gif) 0 -26px; }
#campaigns2 a.menu { background: transparent url(/assets/images/nav/campaigns.gif) 0 -1px; }


#whoweare a.menu:hover, #whoweare:hover a.menu, #whoweare.over a.menu,
#whatwedo a.menu:hover, #whatwedo:hover a.menu, #whatwedo.over a.menu,
#wherewework a.menu:hover, #wherewework:hover a.menu, #wherewework.over a.menu,
#getinvolved a.menu:hover, #getinvolved:hover a.menu, #getinvolved.over a.menu,
#campaigns a.menu:hover, #campaigns:hover a.menu, #campaigns.over a.menu {
	background-position: 0 -1px;
}

/* drop-down styles */

.linksetMenu .navigationItem {
	margin: 0 0 0 9px;
	padding: 0 5px 5px 0;
}

.linksetMenu .navigationItem a {
	display: block;
	color: #50260D;
	background: url(/assets/images/arrow_brown.gif) no-repeat 0 3px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	padding: 0 0 0 7px;

}

.linksetMenu .navigationItem a:hover {
	color: #A44025;
}

/* action */

#actionmenu, #actionmenu ul {
list-style:none;
margin:114px 0 0;
padding:0;
width:192px;
}

#actionmenu { float: right; }
#actionmenu li, #actionmenu li a.button { display: block; }
#actionmenu li a.button { height: 40px; margin-bottom: 2px; }
a.button { text-indent: -9999px;}

li#donate, li#donate2 { float:left; width: 192px; }
li#donate a.button { background: transparent url(/assets/images/hp_donate.gif) -192px 0; }
li#donate2 a.button { background: transparent url(/assets/images/hp_donate.gif) 0 0; }

li#takeaction, li#takeaction2 { float: left; width: 192px; }
li#takeaction a.button { background: transparent url(/assets/images/hp_takeaction.gif) -192px 0; }
li#takeaction2 a.button { background: transparent url(/assets/images/hp_takeaction.gif) 0 0; }

li#volunteer, li#volunteer2 {float: left; width: 192px; }
li#volunteer a.button { background: transparent url(/assets/images/hp_volunteer.gif) -192px 0; }
li#volunteer2 a.button { background: transparent url(/assets/images/hp_volunteer.gif) 0 0; }

li#travel, li#travel2 { float: left; width: 192px; }
li#travel a.button { background: transparent url(/assets/images/hp_travel.gif) -192px 0; }
li#travel2 a.button { background: transparent url(/assets/images/hp_travel.gif) 0 0; }

li#donate a.button:hover, li#donate:hover a.button, li#donate.over a.button,
li#takeaction a.button:hover, li#takeaction:hover a.button, li#takeaction.over a.button,
li#volunteer a.button:hover, li#volunteer:hover a.button, li#volunteer.over a.button,
li#travel a.button:hover, li#travel:hover a.button, li#travel.over a.button {
	background-position: 0 0;
}





/* Image Replacements (for now) */



.acction h4 {
	margin: 0; padding: 0;
}

.action span {
	display: block;
	text-indent: -5000px;
	margin: 0; padding: 0;
	width: 192px;
	height: 40px;
	margin-bottom: 2px;
	
}

#hp_donate span {
	background: url(/assets/images/hp_donate.gif) no-repeat top left;
}

#hp_takeaction span {
	background: url(/assets/images/hp_takeaction.gif) no-repeat top left;
}

#hp_volunteer span {
	background: url(/assets/images/hp_volunteer.gif) no-repeat top left;
}

#hp_travel span {
	background: url(/assets/images/hp_travel.gif) no-repeat top left;
}


#hp_spotlight {
	height: 20px;
	background: url(/assets/images/hp_spotlight.gif) no-repeat top left;
}

#hp_news {
	height: 20px;
	background: url(/assets/images/hp_news.gif) no-repeat top left;
}

.col .action span {
	height: 20px;
}

#col3 .action span {
	width: 120px;
	height: 15px;
}

#hp_email {
	height: 15px;
	width: 120px;
	background: url(/assets/images/hp_emailsignup.gif) no-repeat top left;
}


#hp_about {
	width: 120px;
	height: 14px;
	background: url(/assets/images/hp_aboutajws.gif) no-repeat top left;
}




/* Homepage Bottom */

#hpbottom {
	float: left;
	width: 746px;
	margin: 0;
	padding: 5px 0 7px 0;
	background: url(/assets/images/hpcorner.gif) no-repeat bottom right;
}


#hpbottom #colwrap {
	float: left;
	width: 552px;
	background: #9dbfc7 url(/assets/images/coldivide.gif) repeat-y 274px 0;
	padding: 0;
	margin: 0;
	padding-bottom: 11px;
	margin-left: 2px;
}

#hpbottom .col {
	float: left;
}

#hpbottom #col1 {
	width: 260px;
	margin: 0; padding: 0;
	padding-left: 11px;
}

#hpbottom #col2 {
	float: right;
	width: 256px;
	margin: 0; padding: 0;
	margin-right: 5px;
}

#hpbottom .col h2 {
	margin: 0;
	margin: 11px 0 7px 0;
	padding: 0;
}

#col3 {
	float: right;
	width: 165px;
	margin: 0;
	padding: 5px 6px 10px 0;
}

#col3 h3, #col3 p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#col3 h3 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #032b34;
}

#col3 p {
	font-size: 12px;
	color: #226875;
}

#emailbox {
	width: 170px;
	padding: 15px 0 24px 0px;
}


#emailbox .input_box {
	width: 125px;
	padding: 1px 0 1px 2px;
	font-size: 9px;
	margin: 0 2px 2px 0;
}


#col2 p, #col2 h1 #col2 h3, #col2 h4 {
	padding-left: 0px;
}


/* footer */

#footer {
	text-align: center;
	clear: both;
	padding-bottom: 25px;

}

#foot-top {
	height:106px;
	color:#333;
	font-size:10px;
	line-height:1.3em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border-bottom:1px solid #4a93a6;
	margin-bottom:14px;
	padding-bottom:3px;
}

#foot-top img {
	float:left;
	position:relative;
	top:-7px;
}

#foot-top #badges {
	float:left;
	width:177px;
	margin: 5px 5px 0 0;
}

#foot-top #address {
	float:right;
	text-align:right;
	
}

#foot-top #address p {
	margin-top:5px;
}

#footer p {
	font-size:10px;
	padding: 0;
	color: #333;
}
	
#footer a {
	color:#c43e19;
	text-decoration: none;
}	

#footer a:hover {
	text-decoration: underline;
}

#footer p.small {
	margin-top:6px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	text-align:center;
}

/* Video Widget */

#videos h4 {
	font-size:9px;
	margin: 0px;
	font-family: Verdana;
	padding:5px;
}
#videos {
	width:150px; margin-bottom:20px;
}

span.source, span.path, span.video_url, span.videoid, span.ar, span.description {
	display:none;
}

.video {
	background-position:50% 50%;
	position:relative;
}

.video img.thumbnail {
	width:150px;
}

.playbutton {
	position: absolute;
	left:0;
	margin: 30px 0 0 25px;
}

/* Other */

.floatleft {
	float: left;
	padding: 0 10px 5px 0;
}

.floatleft2 {
	float: left;
	padding: 0 10px 5px 0;
}



/* Added After Text-Only */

.toggle {
	display: none;
}

.toggle-off {
	display: block;
}


/* Clearing Floats */

#header:after, #homepage:after, #contentDiv:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header:after, #homepage:after, #contentDiv:after { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#header:after, #homepage:after, #contentDiv:after{ display: block; }
/* End hide from IE-mac */