/* Header
----------------------------------------------------------------------------------------------------*/

#header {
	background: #f1f0e7 url(/images/layout/header.jpg) top left repeat-x;
	border-bottom: 3px solid #c4c09e;
}

#logo { float: left; margin-top: 15px; }

#secondary_nav {
	float: right;
	background: url(/images/layout/subnav.gif) right top no-repeat;
	color: #a67439;
	padding-right: 5px;
}

p.tagline {
	float: left;
	width: 311px;
	height: 38px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(/images/layout/tagline.gif) left top no-repeat;
	margin: 0;
}

#secondary_nav a, #secondary_nav .pipe {
	color: #a67439;
	padding: 3px 8px;
	margin-top: 5px;
	float: left;
}

#secondary_nav .pipe { padding: 3px 0; }

#secondary_nav .hidden { display: none; }

#secondary_nav a.login, #secondary_nav a.credits_available {
	padding: 0 14px 0 0;
	background: url(/images/layout/login_cap.gif) right top no-repeat;
	float: left;
	color: #fff;
	margin: 5px 0 0 5px;
}

#secondary_nav a.login span, #secondary_nav a.credits_available span {
	padding: 3px 0 5px 14px;
	display: block;
	background: url(/images/layout/login.gif) left top no-repeat;
}

#secondary_nav a.credits_available { background: url(/images/layout/credits_nav_right.gif) right top no-repeat; }
#secondary_nav a.credits_available span { background: url(/images/layout/credits_nav_left.gif) left top no-repeat; }

#nav {
	float: right;
	clear: right;
	list-style: none;
	font-size: 16px;
	margin: 10px 0;
	padding: 0;
}

#nav li {
	display: inline;
	margin: 0;
}

#nav li a, #nav li a:visited, #nav li a:hover {
	color: #a67439;
	padding-right: 16px;
	float: left;
	margin-right: 40px;
	display: block;
}

#nav li a span, #nav li a:visited span, #nav li a:hover span {
	padding: 5px 4px 7px 20px;
	display: block;
}

#nav li a:hover, #nav li.current a, #nav li.current a:visited, #nav li.current a:hover {
	background: url(/images/layout/nav_cap.gif) right top no-repeat;
	color: #fff;
}

#nav li a:hover span, #nav li.current a span {
	background: url(/images/layout/nav.gif) left top no-repeat;
}




/* Content
----------------------------------------------------------------------------------------------------*/

#content 		{ background: #fff url(/images/layout/noise_light.gif) left top repeat; }
#home #content,
#journey #content,
#sp #content { background: #fefdf9 url(/images/layout/noise_tan.jpg) left top repeat; }

#map_large 				{ position: relative; }
#map_large ul.cities 	{ list-style: none; margin: 0; }
#map_large ul.cities li {
	position: absolute;
	margin: 0;
	line-height: 1.2;
}

#map_large ul.cities li.map_sf 		{ top: 90px; left: 15px; }
#map_large ul.cities li.map_la 		{ top: 145px; left: 35px; }
#map_large ul.cities li.map_bldr	{ top: 110px; left: 122px; }
#map_large ul.cities li.map_mia 	{ top: 218px; left: 260px; }
#map_large ul.cities li.map_ny 		{ top: 45px; left: 290px; }
#map_large ul.cities li.map_chi 	{ top: 93px; left: 240px; }

#map_large ul.cities li a { 	
	padding: 0 0 0 20px;
	display: block; 
	cursor: pointer;
}

#map_large ul.cities li.map_sf a 	{ padding-bottom: 5px; }
#map_large ul.cities li.map_la a 	{ padding-top: 8px; }
#map_large ul.cities li.map_bldr a 	{ padding-left: 23px; }
#map_large ul.cities li.map_mia a 	{ padding-top: 5px; padding-left: 0; }
#map_large ul.cities li.map_ny a 	{ padding-right: 15px; padding-left: 0; padding-bottom: 15px; }
#map_large ul.cities li.map_chi a 	{ padding-top: 10px; }

#map_large ul.cities li a span {
	display: block;
	font-size: 11px;
	color: #414141;
	font-weight: normal;
}



#map_sidebar 			{ position: relative; margin-bottom: 10px; }
#map_sidebar ul.cities 	{ list-style: none; margin: 0; }
#map_sidebar ul.cities li {
	position: absolute;
	margin: 0;
	line-height: 1.2;
	font-size: 11px;
}

#map_sidebar ul.cities li.map_sf 	{ top: 35px; left: 0; }
#map_sidebar ul.cities li.map_la 	{ top: 85px; left: 15px; }
#map_sidebar ul.cities li.map_bldr	{ top: 65px; left: 75px; }
#map_sidebar ul.cities li.map_mia 	{ top: 123px; left: 145px; }
#map_sidebar ul.cities li.map_ny 	{ top: 15px; left: 165px; }
#map_sidebar ul.cities li.map_chi 	{ top: 52px; left: 145px; }

#map_sidebar ul.cities li a { 	
	padding: 0 0 0 20px;
	display: block; 
	cursor: pointer;
}

#map_sidebar ul.cities li.map_sf a 		{ padding-left: 0; padding-bottom: 10px; }
#map_sidebar ul.cities li.map_la a 		{ padding-top: 10px; padding-left: 0; }
#map_sidebar ul.cities li.map_bldr a	{ padding-left: 15px; }
#map_sidebar ul.cities li.map_mia a 	{ padding-top: 0; padding-left: 0; }
#map_sidebar ul.cities li.map_ny a 		{ padding-right: 0; padding-left: 0; padding-bottom: 10px; }
#map_sidebar ul.cities li.map_chi a 	{ padding-top: 0px; padding-left: 15px; }

#map_sidebar ul.cities li a span {
	display: block;
	font-size: 9px;
	color: #414141;
	font-weight: normal;
}


p.no_margin 		{ margin-bottom: 0; clear: both; }
h3.impact_heading 	{ margin-left: 25px; width: auto; }
#impact_viewer 		{ position: relative; margin-bottom: 20px; }

#impact_pane {
	width: 208px;
	height: 63px;
	border: 1px solid #c3c0a5; 
	background: #fff url(/images/layout/impact_back.jpg) left top repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

#impact_pane p 	{ margin: 0; }
.impact_wrapper { width: 1050px; }
.impact_block 	{ float: left; width: 208px; height: 63px; }

#impact_animals		{ background: url(/images/icons/impact_animals.jpg) left top no-repeat; }
#impact_environment { background: url(/images/icons/impact_environment.jpg) left top no-repeat; }
#impact_education	{ background: url(/images/icons/impact_education.jpg) left top no-repeat; }
#impact_health 		{ background: url(/images/icons/impact_health.jpg) left top no-repeat; }
#impact_poverty 	{ background: url(/images/icons/impact_poverty.jpg) left top no-repeat; }


p.total_impact 	{ padding: 15px 0 0 60px; font-size: 13px; line-height: 1; }
p.impact_more 	{ padding-left: 60px; }

.impact_previous {
	position: absolute;
	width: 14px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/layout/impact_previous.gif) left top no-repeat;
	top: 25px;
	left: 0;
	margin: 0;
}

a.impact_next {
	position: absolute;
	width: 14px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/layout/impact_next.gif) left top no-repeat;
	top: 25px;
	right: 0;
	margin: 0;

}

.offset blockquote {
	margin: 0 0 30px 25px;
	font: 13px georgia, serif;
	font-style: italic;
	color: #666b5c;
	line-height: 1.4;
	width: 207px;
}

blockquote p.quote 	{ margin-bottom: 10px; }
blockquote p.quotee { font-size: 12px;  }

.sponsor_sm { margin-bottom: 20px; display: block; }

a.callout {
	padding-right: 10px;
	padding-top: 0;
	background: url(/images/layout/callout.gif) right 2px no-repeat;
}

a.callout:hover { background-position: right -48px; }



.offset {
	background: url(/images/layout/offset_3.jpg) left top repeat-x;
	width: 240px;
	padding-left: 25px;
	padding-right: 25px;
}

#home .offset {
	background: url(/images/layout/offset2.jpg) left top repeat-x;
}


.left { float: left; display: inline; }
.right { float: right; display: inline; }


ul.side_nav, ul.lcp_catlist { list-style: none; }
ul.side_nav li, ul.lcp_catlist li { 
	margin: 0 0 5px 0; 
	padding: 0 0 0 15px; 
	background: url(/images/layout/side_nav_arrow.gif) left 5px no-repeat;
	display: block; 
}

ul.side_nav li a, ul.lcp_catlist li a { width: 100%; } 
ul.side_nav li.current {  }
ul.side_nav li.current a, ul.side_nav li.current a:visited { color: #d88a26; }


.alert_box {
	padding: 15px 15px 15px 45px;
	background: #f9ebc4 url(/images/icons/alert_box.gif) 10px 10px no-repeat;
	font-size: 14px;
	margin-bottom: 20px;
}


.alert_inline { 
	padding: 3px 0 5px 25px; 
	background: url(/images/icons/alert_inline.gif) left top no-repeat; 
	margin-left: 5px;
	color: #d06a03;
}


.rss_btn {
	float: left;
	padding: 0 0 0 16px;
	background: url(/images/icons/rss.gif) left top no-repeat;
	margin-top: 15px;
	margin-left: 5px;
	display: inline;
}

p.small_margin				{ margin-bottom: 10px; }

#signup label 				{ font-weight: bold; display: block; }
#signup label small 		{ font-weight: normal; font-size: 10px; }
#signup input 				{ width: 90%; display: block; }
#signup .alert_inline		{ margin-top: 5px; display: block; }

form input.checkbox, 
#signup input.checkbox 		{ display: inline; margin: 0 5px 5px 0; width: auto; }

#signup label.inline_item 	{ display: inline; width: 220px; }
#signup .last 				{ padding: 10px 0; border-top: 1px solid #C4C09E; text-align: right; }
#signup .last input 		{ width: auto; float: right; }

#signup p.emphasis {
	background: #f9ebc4;
	padding: 10px;
}


a.green_btn { background: url(/images/buttons/green_btn_right.gif) right top no-repeat; }
a.green_btn span, a.orange_btn span { 
	color: #fff;
	font-size: 16px;
	padding: 6px 10px 6px 15px;
	background: url(/images/buttons/green_btn_left.gif) left top no-repeat;
	margin-right: 5px;
	display: block;
}

a.orange_btn 		{ background: url(/images/buttons/orange_btn_right.gif) right top no-repeat; }
a.orange_btn span 	{ background: url(/images/buttons/orange_btn_left.gif) left top no-repeat; }


.twitter_status {
	padding-left: 50px;
	background: url(/images/icons/twitter_status.gif) left top no-repeat;
}

#twitter_update_list { list-style: none;}
#twitter_update_list li { margin-left: 0; }
#twitter_update_list li span { display: block; }

.demphasize { font-size: 16px; }

.bump { margin-left: 25px; }

#footer {
	background: #f1f0e7;
	border-top: 1px solid #c4c09e;
	padding: 25px 0;
	clear: both;
}

#footer .copyright 		{ float: left; }
#footer #footer_nav 	{ float: right; list-style: none; }
#footer #footer_nav li 	{ display: inline; border-right: 1px solid #898989; padding: 0 10px; margin: 0; line-height: 1; }
#footer #footer_nav li.end { border-right: none; padding-right: 0; }


button { background: none; border: none; padding: 0; margin: 0; width: auto; }
.intro_box {
	padding: 20px;
	background: #f1f0e7;
	margin-bottom: 20px;
}

.intro_box ul {
	font-size: 14px;
	margin-bottom: 0;
}

.intro_box p { font-size: 16px; margin-bottom: 0; }
.details { float: left; display: inline; width: 450px; }

p.emphasis { font-size: 16px; line-height: 1.3; }