/*--------------------- general ---------------------*/

html, body { margin: 0; padding: 0; }
body { background: #E4EFF3 url('../img/bg.jpg') top left repeat-x; color: #333; font: 62.5% Arial, Helvetica, sans-serif; }

	/*  Baseline values for browser consistency  */
	p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
	img { border: 0; }
	
	ul, ol { list-style-position: inside; margin: 0 0 1em; }
	ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
	
	hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
	
	a:link, a:visited, a:active { color: #DB653D; text-decoration: underline; outline: 0; }
	a:hover { text-decoration: none; }
	
	/* to force scrollbar with centered layout */
	html { min-height: 100%; margin-bottom: 1px; }

.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }
.padder { padding: 13px; }

/*---------------- layout elements ----------------*/

#container {
	width: 938px;
	margin: 0 auto; }
	
#head {
	position: relative;
	height: 118px;
	margin: 0 0 9px;
	background: url('../img/bg_head.jpg') top left no-repeat; }

#foot {
	clear: both;
	float: left;
	width: 100%;
	margin: 14px 0 0; padding: 5px 0 0;
	background: url('../img/bg_foot.gif') top left repeat-x; }
	
	#foot p {
		font-size: 1.1em; color: #999; }
		
	#foot a, #foot a:visited, #foot a:active {
		color: #999; text-decoration: underline; }
	#foot a:hover {
		text-decoration: none; }

	/* homeapge layout elememnts */

		#donate {width: 306px;		
			margin: 0 0 10px;
			line-height: 13px;
			overflow: hidden; }

				#donate h1 { color: #547526; }

		#signup input {	width:115px;	}
	
	#contentleft {
		width: 620px; 
		float: left; }
		
		#intro {
			position: relative;
			height: 268px;
			margin: 0 0 9px;
			background: #fff url('../img/bg_intro.gif') top left no-repeat;
			overflow: hidden; }
			
			#intro h1 { font-size: 17px; color: #333; margin: 0 0 0.6em; font-weight: bold; }
			#intro a, #intro a:visited { color: #304C71; text-decoration: underline; }
			#intro a:hover { text-decoration: none; }
			.introcontent { 
				width: 330px; height: 245px; overflow: hidden;
				position: absolute; top: 12px; right: 15px; }
		
		#leftwrap {
			width: 306px; float: left; }
			
			#publications { margin: 0; }				
				.pub { width: 84px; padding: 1px 0 0 1px; float: left; margin: 0 0 0 6px; background: url('../img/bg_pub.gif') top left no-repeat; }
				.pub p { margin: 0; }
				.pub img { margin: 0 0 5px; }
				
		#news { border-top: 10px solid #E4EFF3; }				
				.news { margin: 0 0 10px; }
				.news p { margin: 0; }
				p.date { margin: 0; font-size: 1em; color: #666; }
				.news a, .news a:visited, .news a:active { color: #333; font-size: 11px; }
				.news a:hover { color: #333; text-decoration: none; }
				.news a.orange, .news a.orange:active, .news a.orange:visited { color: #DB653D; font-size: 1.1em; }
				.news img { padding: 3px 4px 0 0; vertical-align: text-bottom; }
			
		#middlewrap { width: 306px; float: right; }
		
			#advert { height: 269px; padding: 10px; background: url('../img/bg_advert.jpg') top left no-repeat; }
				#advert h1 { color: #304C71; }
				
			#links {  }
				#links h1 { color: #547526; }
				#links img { margin: 2px 6px 0 0; float: left; }
				#links a { display: block; padding: 4px 0 0; color: #333; }
				
			#donate { }
				#donate h1 { color: #547526; }
	
	#contentright {
		width: 310px;
		float: right; }
		
		#signup {
			width: 265px; height: 298px;
			padding: 20px 25px 20px 20px; margin: 0 0 10px;
			background: url('../img/bg_signup.jpg') top left no-repeat;
			line-height: 13px;
			overflow: hidden; }
			
			#signup p { margin: 0 0 0.5em; }
			#signup h1 { font-size: 15px; color: #E1081F; font-weight: normal; margin: 0 0 0.4em; }
			#signup h2 { font-size: 13px; color: #E1081F; font-weight: normal; margin: 0 0 0.2em; padding: 0; }
			#signup a, #signup:visited { color: #E1081F; text-decoration: underline; }
			#signup a:hover { text-decoration: none; }
			.recent { 
				clear: both;
				padding: 12px 0 0;
				background: url('../img/bg_foot.gif') top left repeat-x; }
			#signup ul { list-style: none; list-style-position: outside; width: 260px; margin: 0 0 9px; }
			#signup ul li { width: 50%; float: left; }
			
		#rightwrap {
			width: 310px; }
			
			#map { width: 149px; float: left; margin: 0 0 6px; }
			
			#quote { width: 149px; float: right; }				
				#quote p { margin: 0 0 0.4em; }
				#quote p.quoter { font-size: 1.1em; margin: 0; text-align: right; }
				#quote img { margin-bottom: -2px; }
				#quote a { color: #333; }
				#quote a.more, #quote p.person { color: #CC4200; }
	
	/* subpage layout elememnts */

	#leftcol {
		width: 186px;
		float: left; }
	
	#content {
		width: 585px;
		margin: 0 9px;
		float: left; }
		
		.pr { margin: 20px 0 10px; }
		.pr p { margin: 0; }
		.pr p.date { font-size: 1.2em; }
	
	#rightcol {
		width: 149px;
		float: left; }
	
	/* sign up page layout elememnts */
	
	#signleft {
		width: 469px;
		float: left; }
		
		#signleft h1 { color: #D92846; }
		#signleft p { font-size: 1.1em; }
		#signleft span { color: #D92846; }
		
		.inputerrors { background: #f1f1f1; padding: 10px; font-size: 1.1em; margin: 0 0 1em; }
		.inputerrors .title { color: #333; font-weight: bold; }
		.inputerrors .errordetail { color: #D60A2D; }
	
	#signright {
		width: 461px;
		float: right; }
		
		#signright h1 { color: #333; }
		#signright h1 span { color: #D92846; }
		#signright p { font-size: 1.1em; }
		#signright ul { list-style: none; list-style-position: outside; width: 400px; }
		#signright ul li { width: 50%; float: left; font-size: 1.1em; margin: 0 0 5px; }
		
	/* expandable rounded box corners */
	
	div.sides { background: #fff url('../img/sides.gif') top left repeat-y; }
	div.top { background: url('../img/top.gif') top left no-repeat; }
	div.bottom { background: url('../img/bottom.gif') bottom left no-repeat; padding: 10px; }
	
	#quote div.sides { background: #fff url('../img/quote_sides.gif') top left repeat-y; }
	#quote div.top { background: url('../img/quote_top.gif') top left no-repeat; }
	#quote div.bottom { background: url('../img/quote_bottom.gif') bottom left no-repeat; padding: 0; }
	
	#content div.sides { background: #fff url('../img/content_sides.gif') top left repeat-y; }
	#content div.top { background: url('../img/content_top.gif') top left no-repeat; }
	#content div.bottom { background: url('../img/content_bottom.gif') bottom left no-repeat; padding: 25px; }
	
	#signleft div.sides { background: #fff url('../img/signleft_sides.gif') top left repeat-y; }
	#signleft div.top { background: url('../img/signleft_top.gif') top left no-repeat; }
	#signleft div.bottom { background: url('../img/signleft_bottom.gif') bottom left no-repeat; padding: 25px 25px 10px; }
	
	#signright div.sides { background: #fff url('../img/signright_sides.gif') top left repeat-y; }
	#signright div.top { background: url('../img/signright_top.jpg') top left no-repeat; }
	#signright div.bottom { background: url('../img/signright_bottom.gif') bottom left no-repeat; padding: 25px; }

/*---------------- headings and paragraphs ----------------*/

p { 
	font-size: 1.2em; 
	margin: 0 0 1em; }

h1 { 
	font-size: 15px; color: #CC4200; font-weight: normal; 
	margin: 0 0 1px;; padding: 0 0 10px;
	border-bottom: 1px dotted #929A9C; }
	
	#publications h1, #news h1, #advert h1, #donate h1, #signup h1, #links h1 { border: none; padding: 0; margin: 0 0 0.4em; }
	
h2 { font-size: 15px; color: #353638; font-weight: normal; 
	margin: 0 0 0.5em; padding: 0 0 10px; }

h3 { 
	font-size: 1.4em; 
	margin: 0 0 1em; }

h4 { 
	font-size: 1.2em; 
	margin: 0 0 1em; 
	font-weight: bold; }

p.hack { margin:0; clear:both; line-height: 2px; color: #fff; }
p.bt_signup { text-align: right; }

/*--------------------- navigation -----------------------*/

ul.level1 {
	list-style: none;
	width: 660px; height: 36px;
	margin-bottom: 3px;
	position: absolute; left: 0; bottom: 0;
	background: url('../img/bg_level1.jpg') top left no-repeat;
	overflow: hidden; }

ul.level1 li { 
	display: block; float: left;
	height: 33px; }
	
	ul.level1 li.bt_home a { width: 58px; padding: 7px 0 0 22px; }
	ul.level1 li.bt_case a { width: 75px; }
	ul.level1 li.bt_media a { width: 106px; }
	ul.level1 li.bt_sign a { width: 123px; }
	ul.level1 li.bt_involved a { width: 97px; }
	ul.level1 li.bt_about a { width: 83px; }

ul.level1 a {
	display: block; float: left;
	height: 33px;
	padding: 7px 0 0 16px;
	color: #4f4f4f; text-decoration: none; font-size: 15px; }
	
	ul.level1 a:visited { color: #4f4f4f; text-decoration: none; }
	
	ul.level1 a:hover, ul.level1 a.selected:visited { color: #D60A2D; }
	ul.level1 li.bt_home a:hover, ul.level1 li.bt_home a.selected { background: url('../img/bt_home_on.jpg') top left no-repeat; }
	ul.level1 li.bt_case a:hover, ul.level1 li.bt_case a.selected { background: url('../img/bt_case_on.jpg') top left no-repeat; }
	ul.level1 li.bt_media a:hover, ul.level1 li.bt_media a.selected { background: url('../img/bt_media_on.jpg') top left no-repeat; }
	ul.level1 li.bt_sign a:hover, ul.level1 li.bt_sign a.selected { background: url('../img/bt_sign_on.jpg') top left no-repeat; }
	ul.level1 li.bt_involved a:hover, ul.level1 li.bt_involved a.selected { background: url('../img/bt_involved_on.jpg') top left no-repeat; }
	ul.level1 li.bt_about a:hover, ul.level1 li.bt_about a.selected { background: url('../img/bt_about_on.jpg') top left no-repeat; }	
	
/* level 2 */
	
ul.level2 { 
	list-style: none; list-style-position: outside; 
	margin: 0; }	

ul.level2 li {
	background: url('../img/bg_level2.gif') top left repeat-y; 
	margin: 0; }
	
ul.level2 li a, ul.level2 li a:visited, ul.level2 li a:active {
	display: block;
	min-height: 21px;
	margin: 0 2px; padding: 7px 8px 0 6px;
	background: url('../img/bg_level2a.gif') top left repeat-x;
	color: #727677; text-decoration: none; }
	
ul.level2 li a:hover, ul.level2 li a.selected, ul.level2 li a.selected:visited { color: #D60A2D; }	
	

	#leftcol ul.level2 li.first { background: url('../img/bg_level2_first.jpg') top left no-repeat; }
	#leftcol ul.level2 li.first a { background: none; height: 21px; }
	#leftcol ul.level2 li.last { background: url('../img/bg_level2_last.jpg') top left no-repeat; }
	#leftcol ul.level2 li.last a { background: none; height: 24px }
	
/* level 3 */	
	
ul.level3 { 
	list-style: none; list-style-position: outside;
	margin: 0; }

ul.level3 li { background: url('../img/bg_level2.gif') top left repeat-y; padding-left: 10px; }
	
ul.level3 li a { font-size: 11px; background: none; }	

ul.level3 li a:hover, ul.level3 li a.selected { color: #D60A2D; }

/*--------------------- form elements ---------------------*/

form label {
 cursor: pointer;
 font-size: 1.1em;
 display: block; 
 float: left;
 width: 90px; }
 	
	form span { font-size: 1.2em; }
 		
fieldset {
 border: none; 
 background: #eee;
 margin: 0 0 1em;
 padding: 10px; }
		
input, select, textarea {
 font: 1.2em Arial, Helvetica, sans-serif;
 margin: 0 0 2px;
 width: 150px; }
 
 	input.checkbox { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }

/* unique fields */

input.name { 
	width: 235px; height: 18px;
	padding: 2px 0 0 2px; margin: 0 0 0 7px;
	border: 1px solid #79969F; 
	font-size: 12px; }

div#signleft input { width: 230px; }

div#signleft input.firstname, div#signleft input.lastname {
	width: 135px; height: 16px;
	padding: 4px 0 0 4px; margin: 0 4px;
	border: 1px solid #79969F; 
	font-size: 11px; color: #666; }

div#signleft textarea { width: 230px; height: 50px; }

div#signleft p.detail { margin: 0 0 0 90px; font-style:italic; }

div#signleft input.checkbox { width: auto; margin: -2px 2px 0 0; padding: 0; float: left; }

div#signleft span.receivenews input { width: auto; margin: -2px 2px 0 0; padding: 0; float: left; }


/*-------------------------- images -----------------------*/

#logo {
	width: 326px; height: 24px;
	position: absolute; top: 15px; left: 28px; }
	
#sign { 
	width: 108px; height: 108px;
	position: absolute; bottom: 0; right: 28px; }

img.intro { 
	width: 263px; height: 264px;
	position: absolute; left: 2px; top: 1px; }

.bt_continue {
	width: 99px; height: 30px;
	float: right;
	margin: 0 0 8px; }

img.bt_donate {
	width: 99px; height: 30px; }

img.quote_open {
	width: 11px; height: 10px; padding: 0 1px 5px 0; }
	
img.quote_close {
	width: 11px; height: 10px; padding: 7px 0 0 3px; }
		
div#signleft .sign {
	width: 145px; height: 26px; }