/*
RAN.org 4.1 CSS
(Gradually working toward a dynamic layout)
*/


* {margin:0; padding:0;}

/* Default Colors & Typography */
body {font-size:75%; font:12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; background:#eee url(images/bg_body_paperfade.png) 50% repeat-x fixed; text-align:center;}
body #content a {color:#693; text-decoration:none;}
body #content a:visited {color:#553;}

/* Get Informed Meta-section */
body.who #content, body.what #content, body.why #content {color:#333; background:#fff;}
body.who #content a, body.what #content a, body.why #content a {}

/* Get Involved Meta-section */
body.act #content, body.give #content, body.connect #content {color:#333; background:#fff;}
body.act #content a, body.give #content a, body.connect #content a {}

/* Support Meta-section */
body.media #content {color:#333; background:#fff;}
body.media #content a {}

/* Home Page */
#banner {float:left; width:480px;}
#buttons {float:left; width:160px;}
#welcome {float:right; width:160px;}
#grove {float:left; width:320px; border-top:0px solid #ccc;}
#blog {float:left; width:320px; border-top:0px solid #ccc;}
#news {float:left; width:160px; border-top:0px solid #ccc;}

/* Universal Header */
/*#uheader #universal_header {width:800px}*/

/* Column Layout */
#content {float:left; width:800px; background:#fff;}
#content .column1menu {float:left; width:160px;}
#content .column1wide {float:right; width:160px;}
#content .column2wide {float:left; width:320px;}
#content .column3wide {float:left; width:480px;}
#content .column4wide {float:right; width:640px;}
#content .column5wide {float:left; width:800px;}
#content .primary, .primary {float:left; width:480px;}
#content .secondary, .secondary {float:right; width:160px;}

/* Basic Content */
#content {text-align:left; line-height:150%;}
#content h1, #content h2, #content h3, #content h4, #content h5 {margin:10px 5px;}
#content p {margin:5px; margin-bottom:15px;}
#content li {margin-left:25px;}
#content blockquote {margin:0 25px;}
#content h1 {font-weight:normal; font-size:150%;}
#content .text {margin-bottom:25px;}
//#content .spacer-gif {display:none;}

/* Local Menu (Sidebar) */
#localmenu {margin:10px; padding:0; list-style:none; border-bottom:1px solid #693;}
	#localmenu h2 {padding:10px 0; font-weight:bold; text-decoration:none;}
		#localmenu h2 a, #localmenu h2 a:visited {color:#333;}
	#localmenu li {border-top:1px solid #693; margin-left:0; padding:0;}
		#localmenu li.act {background:#9c6; font-weight:bold;}
		#localmenu li a, #localmenu li a:visited {display:block; padding:5px; color:#333; background:transparent; text-decoration:none;}
		#localmenu li a:hover {color:#fff; background:#693;}
	#localmenu ul {background:#cf9; font-size:90%; list-style:none; border:0;}
		#localmenu ul li {padding-left:0; border-top:1px solid #fff;}
		#localmenu ul a {}
	#localmenu ul ul {background:#ffc; font-size:90%; list-style:none; border:0;}
		#localmenu ul ul li {padding-left:0; border-top:1px solid #fff; border-left:1em solid #cf9}
		#localmenu ul ul a:link, #localmenu ul ul a:visited { padding-left:1em;}

#wrapper {margin:0 auto; width:800px;}

/* Commented out for Understory UH switch  */
/*#header {float:left; margin-top:0px; padding:0px; width:800px; border-top:0px solid #000;} */
/*#header h1 {float:left; padding:2px; text-indent:-9999px;}*/
/*#header a {display:block; height:30px; width:150px; background:url(ran_logo.png) no-repeat; text-decoration:none;}*/
/*#header hr {display:none;}*/
	
#footer {margin:0 0 2em 0; padding:2em 0 2em 0; float:left; width:100%; border-top:25px solid #ccc; text-align:center; clear:both; color:#eee; background:#350;}
#footer hr {display:none; clear:both;}
#footer p {font-size:80%;}
#footer a {color:#692;}

#menu {float:right; height:100%; width:auto; list-style:none;}
#menu li {float:left; margin:0 2px 0px 0px;}
#menu a {display:block; padding:5px; width:80px; font-size:80%; text-transform:uppercase; text-align:center; font-weight:bold; text-decoration:none; color:#333; background:#eee;}
#menu li.menu-229 a, #menu li.menu-230 a, #menu li.menu-231 a {color:#fff; background:url(ran_tab_green.png) top no-repeat;}
#menu li.menu-226 a, #menu li.menu-227 a, #menu li.menu-228 a {color:#fff; background: url(ran_tab_red.png) top no-repeat}
#menu li.menu-225 a {color:#fff; background:url(ran_tab_blue.png) top no-repeat;}
#menu li a:hover {color:#000; background:url(ran_tab_gold.png) top no-repeat;}

#toolbar {float:left; width:100%; background:#ccc;}

#subscribe {float:left; width:auto; margin:0;}
#subscribe input {margin:5px; padding:2px; border:0; color:#666; font-size:80%; text-align:center;}
#subscribe input.submit {padding:2px; width:auto; color:#fff; background:#b66;}

#contact_us {position:relative; top: 7px; float: right; color:#666;}

#search {float:right; width:auto; margin:0;}
#search input {margin:5px; padding:2px; border:0; color:#666; font-size:80%; text-align:center;}
#search input.submit {padding:2px; color:#fff; background:#b66;}

/* Box */
#content .box {margin-bottom:0px; border:0px solid #ccc;}
#content .box_header {margin:0 10px; padding:20px; text-align:center; color:#fff; border-bottom:1px solid #ccc;}
#content .box_contents {margin:0 10px; padding:5px; font-size:80%;}
#content .box_contents .header {}

/* Box to Column Relationships */
#content .secondary .box_header {background:url(ran_boxh3_bg.png) top no-repeat;}
#content .secondary .box_contents {background:#ccc url(ran_box_bg.png) bottom no-repeat;}
#content .column1wide .box_header {background:url(ran_boxh3_bg.png) top no-repeat;}
#content .column1wide .box_contents {background:#ccc url(ran_box_bg.png) bottom no-repeat;}

/* Welcome Section */
#welcome .header {padding:10px 0; background:url(!ran_welcome_bg.png) top no-repeat;}
#welcome .text {margin-bottom:5px;padding-bottom:10px; color:#333; background:url(!ran_welcome_bg.png) bottom no-repeat;}
#welcome h1 {margin:0; margin-left:20px;}
#welcome p, #welcome ol {margin-top:0; margin-left:20px; font-size:90%; line-height:120%;}
#welcome li {margin-bottom:10px;}

/* Content Teasers */
#content .teaser {margin:5px; background:#eee; border:1px solid #ccc; clear:both; min-height: 120px;}
#content .teaser img {float:left; width:auto; margin:5px; padding:2px; border:1px solid #ccc;}
#content .teaser h3 {margin-left:116px;}
#content .teaser p {margin-left:116px;}

/* Grove Teasers */
#grove .teaser {margin:5px; background:#eee; border:1px solid #ccc; clear:both;}
#grove .teaser img {float:left; width:auto; margin:5px; padding:2px; border:1px solid #ccc;}
#grove .teaser p {margin-left:116px;}

/* Understory Bloglines */
#blog h1 {margin-bottom:35px;}
#blog p.more {margin:10px; border-top:1px solid #ccc;}
#blog .blogline {margin:10px; border-top:1px solid #ccc;}
#blog .blogline h3 {margin-bottom:0;}
#blog .blogline p {margin-top:0; font-size:80%; line-height:100%;}

/* News Headlines */
#news h1 {margin-bottom:10px;}
#news .newsbox {margin:5px; font-size:80%; background:#eee; border:1px solid #ccc;}
#news .headline {margin-bottom:5px;}
#news .headline h3 {margin-top:1px; margin-bottom:0; line-height:120%;}
#news .headline p {margin-top:0; margin-bottom:3px; line-height:100%;}

/* Events : Upcoming List */
#content .events_upcoming_event {margin:10px; padding:5px; background:#eee; border:1px solid #ccc;}
#content .events_upcoming_event .event_title {margin:0; padding:5px; color:#fff; background:#d88; border:1px solid #b66; text-align:center;}

/* Events : Details */
#content .event_detail {margin:10px; padding:5px; background:#eee; border:1px solid #ccc;}
#content .event_detail .event_title {margin:0; padding:25px; color:#fff; background:#b66; text-align:center;}
#content .event_detail .event_category {margin:0; padding:5px; color:#b66; background:#ccc; text-align:center;}
#content .event_detail .event_organizer {margin:0; padding:5px; color:#333; background:#ccc; text-align:center;}

/* Internship Application */
#intern {}
#intern label {width:160px; margin:5px;}
#intern input {margin:5px; padding:5px; border:0; color:#666; background:#eee; font-size:120%; text-align:center;}
#intern input.tiny {width:25px;}
#intern input.submit {width:50px; color:#fff; background:#b66;}
#intern textarea {margin:5px; padding:5px; width:480px; height:100px; border:0; background:#eee;}

/* TYPO3 Fixes */
.csc-caption {font-size:50%;}
.csc-mailform {padding:1em;}
.csc-mailform-field {padding:1em;}
#content .align-left {text-align:left;}
#content .align-center {text-align:center;}
#content .align-right {text-align:right;}

/* GetActive Fixes */
.ga-homeSidebar {display:none;}
.ga-home h1 {border:0; background:#fff;}
p, td {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.ga-tab, .ga-tab li {margin:0 !important; padding:0;}

/* Form: Curriculum */
#curriculum {margin:10px; padding:15px; background:#ccc;}
#curriculum label {display:block; float:left; width:150px;}
#curriculum input, #petition select {margin:5px; padding:2px; width:200px; border:1px solid #666;}
#curriculum input.submit {padding:2px; width:auto; color:#fff; background:#666;}
#curriculum input.checkbox {width:auto;}
#curriculum .required {color:#f00;}

br.clear {clear:both;}

/* Donate redesign */
.donor-mini {border-top:1px #693 solid;}
	.donor-mini h3 {margin:0; padding:0 5px; color:#693;}
	.donor-mini img {margin:0; padding:0; border:0;}
	.donor-mini .quote {padding:0 10px; font:12pt/16pt "Adobe Garamond",Garamond,"Times New Roman",serif;}
	.donor-mini .name {padding:0 10px; font-size:10pt; text-align:right;}
	.donor-mini .name:before {content:"—";}
	.donor-mini .more {text-align:center;}
	#content .donor-mini .more a {margin:0 5px; padding:5px;  display:block; color:#fff; background:#693;}
	#content .donor-mini .more a:hover {color:#333; background:#ff0;}
.section-banner {margin-bottom:-48px;}
	.section-banner h2.slogan {padding:0 10px; position:relative; bottom:48px; font-size:32px; font-weight:normal; color:#fff;}
.button-tray {height:150px; background:url(/fileadmin/templates/ran/images/bg_donatetray.jpg) no-repeat;}
	.button-tray .button {float:left; margin:30px 0 0 30px; background:#693; color:#fff; text-align:center; font-size:16px; line-height:24px;}
	.button-tray .button a {display:block; height:80px; width:100px; padding:10px; color:#fff !important; background:#693 url(/fileadmin/templates/ran/images/bg_donatetray_buttonover.jpg) no-repeat; font-weight:bold;}
	.button-tray .button a:hover {color:#333 !important; background:#ff0 url(/fileadmin/templates/ran/images/bg_donatetray_button.jpg) no-repeat;}

/* Grassroots section - LS - 8 May 2007 */

#grassroots #campaign_header {
	margin: 15px 5px 15px 0;
	width: 633px;
	height: 65px;
	background: #fff url(sections/groots_header.png);
}

#grassroots #campaign_header #name {
	text-indent: -9999px;
}

#grassroots #subcampaigns, #grassroots #photos {
	width: 155px;
	margin: 0 5px 0 0;
	background: url(sections/groots_sub_bottom_bg.gif) bottom no-repeat;
}

#grassroots #subcampaigns {
	height: 560px;
	text-align: center;
	font-size: 8pt;
	background-color: #CFE8F4;
	clear: none;
	float: right;
}

#grassroots div.column1menu div {
	margin:10px;
	padding:5px;;
	background-color:#CFE8F4;
	text-align: center;
}

#grassroots div.column1menu div img {
	border: none;
	margin: 10px auto;
}

#grassroots div.column1menu div p {
	text-align: left;
}

#grassroots #subcampaigns img {
	border: none;
	display: block;
	margin: 0 auto;
}

#grassroots #subcampaigns h3, #grassroots #photos h3 {
	width: 100%;
	margin: 7px 5px 7px 0;
	background: #3E6699;
	padding: 1px 0 2px 0;
	text-align: center;
	text-transform: uppercase;
	color: white;
	font-size: 11pt;
	clear: none;
}

#grassroots #photos img {
	border: none;
	margin: 2px 0 0 2px;
}

#grassroots #subcampaigns h3.bar_top, #grassroots #photos h3.bar_top {
	background: #3E6699 url(sections/groots_subcampaigns_bg.gif) top no-repeat;
	margin-top: 0;
	clear: none;
}

#grassroots #subcampaigns form {
	background: #CFE8F4;
	padding: 0 0 7px 0;
	clear: none;
}

#grassroots div.column3wide {
	padding: 0;
	margin: 0;
	width: 465px;
	clear: none;
	float:left;
}

#grassroots #main {
	background: #FDFB38 url(sections/groots_main_bg.gif) bottom no-repeat;
	width: 465px;
	height: 560px;
	padding: 0;
	margin: 0;
}

#grassroots #content {
	padding-bottom: 15px;
}

#grassroots #subpage_title {
	background: url(sections/groots_subpage_top_bg_tall.gif);
	height: 35px;
	text-indent: 35px;
	width: 100%;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	color:#fff;
}

#grassroots #subpage_title h2 {
	position: relative;
	bottom: 2px;
}

#grassroots #subpage_content {
	padding: 50px 15px 15px 15px;
}

#grassroots #subpage_main {
	width: 465px;
	padding: 0;
	margin: 0;
	background: #FEFB00 url(sections/groots_subpage_bottom_bg.gif) bottom no-repeat;
	float: left;
}

#grassroots #main_blurb {
	margin: 0;
	padding: 0;
	background: #86A54C url(sections/groots_blurb_bg.gif) top right no-repeat;
	padding: 15px 15px 1px 15px;
}

#grassroots #main_blurb p {
	font-size: 10pt;
	font-weight: bold;
}

#grassroots #events, #grassroots #blog {
	width: 225px;
	margin-top: 15px;
}

#grassroots #events {
	color: #369;
}

#grassroots #blog {
	margin-left: 15px;
	color: #4B5D2B;
}

#grassroots #photos {
	margin-top: 15px;
}

#grassroots #main h2 {
	font: bold 11pt Verdana, Arial;
	text-transform: uppercase;
	color: #942024;
	margin-top: 0;
}

#grassroots #main_feature {
	height: 245px;
}

#grassroots #main a, #grassroots #subcampaigns a {
	color: #369;
}

#grassroots #subpage_main a {
	color: #396;
	font-weight: bold;
}

#grassroots #subpage_main a:visited {
	color: #274;
}

#grassroots #main #main_feature h2 {
	padding-top: 15px;
	line-height: 18pt;
	text-transform: none;
}

#grassroots #content div.column3wide li, #grassroots #content div.column3wide ul {
	margin: 10px 0 10px 15px;
}

#grassroots #events h2, #grassroots #blog h2 {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 11pt;
	padding: 1px 0 2px 0;
	margin: 0;
}

#grassroots #events h2 {
	background: #C2D1E0 url(sections/groots_events_bg.gif) top left no-repeat;
	margin-bottom: 15px;
}

#grassroots #blog h2 {
	background: #9BBF58 url(sections/groots_blog_bg.gif) top left no-repeat;
	margin-bottom: 15px;
}

#grassroots #blog a, #grassroots #events a {
	font: bold 12pt Helvetica, Arial;

}

#grassroots #blog p, #grassroots #events p {
	font-size: 10pt;

}

/* START TEMP */
#grassroots .frontEndEditIcons {
	display: none;
}

#grassroots #main_blurb p {
	margin: 0;
}
/* END TEMP */

#grassroots #main_feature .csc-textpic-imagewrap {
	padding: 15px;
}

#grassroots #main_resources {
	padding: 20px 15px 15px 15px;
}

#grassroots #main #main_resources div.text {
	float: left;
	width: 190px;
}

#grassroots #main #main_resources div.csc-textpic {
	padding-left: 5px;
}

#grassroots #main #main_resources a.button {
	float: right;
	width: 139px;
	height: 25px;
	position: relative;
	left: 23px;
	top: 20px;
	padding-top: 13px;
	margin-top: 5px;
	text-align: center;
	background-image: url(sections/button_bg.gif);
	font: bold 10pt Helvetica, Arial;
	text-transform: uppercase;
	color: #1C679E;
}

#grassroots #main #main_resources strong {
	padding: 0;
}

#grassroots #main_resources img {
	border: 3px solid #3F669A
}

#grassroots .csc-mailform {border:0; background:#ff9;}
	#grassroots .csc-mailform label {display:block; float:right; width:150px; text-align:left;}
	#grassroots .csc-mailform input, #grassroots .csc-mailform textarea {border:0; width:200px; padding:1em;}
	#grassroots .csc-mailform input.csc-mailform-submit {width:auto; background:#f90; cursor:pointer;}

#get_updates {float:left; margin:0; background: none;}
#get_updates input {height: 18px; padding: 3px; margin:5px; color:#666; border: 3px solid #77A643}
#get_updates #get_updates_email {width: 134px; float:left;}
#get_updates #get_updates_zip_code {width: 70px; clear:none; float: left;}

#get_updates input.submit {
	width: 54px;
	height: 30px;
	background-image: url(sections/submit_bg.gif);
	border: none;
	font: bold 10pt Helvetica, Arial;
	text-transform: uppercase;
}

body.media div.photos {
	text-align: center;
}

body.media img.flickr_image {
	border:0;
	margin: 2px;
}

body.media p.rss_item {
	font-style: italic;
}

body.media a.rss_title {
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;
}

body.media span.rss_summary {
	font-style: normal;
	color: #888;
}

body.media div.column2wide div, body.media div.column2wide p {
	width: 290px;
}

body.media h1 {
	font-weight: normal;
}

body.media #newsfeeds {
	background-color: #CFE8F4;
	width: 305px;
	margin-right: 15px;

}

body.media #newsfeeds div.alertbox a.rss_title {
	color: red;
	
}

body.media img.feed_icon {
	border: 0;
	margin: 6px;
	position: relative;
	top: 7px;
}

body.media #wrapper #content #localmenu hr {
	color: #693;
	background-color: #693;
	border: 0;
	height: 1px;
}