/*
-----------------------------------------------
Stylesheet: Onside Advocacy screen styles
Author:     Will Bolton
Version:    14th April 2009
----------------------------------------------- */

/* Reset Browser Defaults */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}


/* HTML Elements */

body {
	background:#E1F4F9 url(/images/bg_body.png) repeat-x;
	color:#222;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size:16px;
	line-height:150%;
	min-width:930px;
}
h1,h2,h3,h4,h5,h6 {
	color:#222;
	font-weight:bold;
}
h1 {
	font-size:32px;
	line-height:75%;
	margin-bottom:24px;
}
h2 {
	font-size:24px;
	line-height:100%;
	margin-bottom:24px;
}
h3 {
	font-size:20px;
	line-height:120%;
	margin-bottom:24px;
}
	h3 a {
		color:#222;
		text-decoration:none;	
	}
a {
	color:#4DA622;
	outline:none;
}
a:hover {
	color:#33b7da;
}
	a img {
		border:none;
	}
hr {
	background:#eee;
	border:none;
	color:#eee;
	clear:both;
	float:none;
	height:1px;
	margin:0 0 23px;
	width:100%;
}
blockquote {
	color:#4DA622;
}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}


/* Layout */

#top {
	background:url(/images/bg_top.png) no-repeat bottom left;
	height:24px;
	margin:0 auto;
	width:930px;
}
#page {
	background:url(/images/bg_page.png) repeat-y;
	margin:0 auto;
	padding:0 10px;
	width:910px;
}
	#header {
		background:#fff;
		border-top:10px solid #61B72B;
		height:192px;
		margin:0 auto;
		padding:14px 0 0;
		width:910px;
	}
		#logo {
			float:left;
			margin-left:10px;
			width:286px;
		}
			#logo a {
				background:url(/images/logo.gif) no-repeat;
				display:block;
				height:167px;
				margin-left:10px;
				text-indent:-9999px;
				width:286px;
			}
		#contact {
			color:#33B2D0;
			float:right;
			font-size:36px;
			font-weight:bold;
			line-height:100%;
			margin-top:16px;
			margin-right:30px;
			text-align:right;
			width:510px;
		}
		#contact a {
			font-size:24px;
			font-weight:normal;
		}
		#contact p {
			font-size:16px;
			margin:0;
		}
	#nav {
		background:#61B72B;
		margin:0 auto;
		width:910px;
	}
		#nav h2 {
			height:0;
			margin:0;
			text-indent:-9999px;
		}
		#nav ul{
			margin:0;
			padding:0;
			text-shadow:#000 1px 1px 2px;
		}
		#nav ul li{
			display:inline;
			list-style:none;
		}
		#nav ul li a {
			background:#61B72B;
			border:1px solid #4DA622;
			border-width:0 1px;
			border-left-color:#9AD36A;
			color:#fff;
			display:block;
			float:left;
			font-weight:bold;
			height:64px;
			line-height:100%;
			padding:32px 0 0 15px;
			text-decoration:none;
			width:163px;
		}
		#nav ul li.first a {
			border-left:0;
			padding-left:16px;
		}
		#nav ul li.last a {
			border-right:0;
			width:174px;
		}
		#nav ul li.first a.current, #nav ul li.first a.current:hover {
			border:0;
			width:164px;
		}
		#nav ul li a.current, #nav ul li a.current:hover {
			background:#4DA622;
			border-left-color:#9AD36A;
			border-right-color:#4DA622;
			color:#fff;
		}
		#nav ul li a:hover {
			background:#33b7da;
			border-left-color:#9AD9EA;
			border-right-color:#2C9AB3;
			color:#fff;
		}
	#content {
		background:#fff;
		margin:0 auto;
		padding:24px 30px;
		width:850px;
	}
		#primary {
			float:left;
			width:479px;
		}
		#secondary {
			border-left:1px solid #eee;
			float:right;
			margin-left:30px;	
			padding-left:29px;
			width:310px;
		}
	#footer {
		background:#61B72B;
		color:#fff;
		border-top:10px solid #9AD36A;
		margin:0 auto;	
		padding:14px 16px 24px 16px;
		width:878px;
	}
		#footer a {
			color:#fff;
		}
		#footer .box {
			width:290px;
			float:left;
			margin-right:10px;
		}
		#footer .first {
			width:284px;
		}
		#footer .last {
			margin-right:0;
			width:284px;
		}
#bottom {
	background:url(/images/bg_bottom.png) no-repeat top left;
	height:24px;
	margin:0 auto;
	width:930px;
}


/* Miscellaneous Styles */

.tagline {
	color:#33B2D0;
	float:left;
	font-size:36px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:100%;
	width:470px;
}
.icon {
	float:left;
	margin-right:10px;
}
.more {
	text-align:right;
}
.spacer {
	clear:both;
	height:0;
}