/* BEGIN: General Styles */
html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #676767; /* contrast */
	background: #505050 url(../images/footer/subfooter_background.gif) repeat-y center top;
}

br.clear { clear: both; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

	/* BEGIN: Button */
	a.button {
		display: block;
		overflow: hidden;
		text-indent: -999em;
		background: transparent no-repeat left top;
	}
	
	a.button:hover { background-position: left bottom; }
	/* END: Button */

	/* BEGIN: Basic Lists */
	ul.basic,
	ul.basic_blue {
		padding: 0 0 0 6px;
		margin-left: 0;
		list-style: none;
	}
	
	ul.basic li {
		padding-left: 14px;
		margin: 7px 0;
		line-height: 1.3em;
		background: transparent url(../images/body/bullet.gif) no-repeat left 5px;
	}

	div.blue_box ul.basic li { background-image: url(../images/body/bullet_blue.gif); }
	/* END: Basic Lists */

	img.photo {
		float: left;
		margin-right: 15px;
		border: 2px #D5D5D5 solid;
	}

/* END: General Styles */

/* BEGIN: Header */
div#header {
	width: 100%;
	height: 125px;
	color: white;
	background: #2da1d2 url(../images/header/background_top.gif) repeat-x left top;
}

div#header div.wrapper {
	width: 986px;
	margin: 0 auto;
	height: 125px;
	background: #2da1d2 url(../images/header/background_top.gif) repeat-x left top;
}

div#header a { color: white; }
	
	/* BEGIN: Logo */
	h1 {
		float: left;
		width: 396px;
		height: 104px;
		margin: 21px 0 0 3px;
		font-size: 210%; /* 27.15px */
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: normal;
	}
	
	h1 a.button {
		width: 396px;
		height: 104px;
		background-image: url(../images/header/logo.gif);
	}
	
	h1 a.button strong { text-transform: uppercase; }
	/* END: Logo */
	
	/* BEGIN: Join Nav */
	div#nav_join {
		float: right;
		width: 389px; /* 421px total */
		padding: 0 16px;
		margin: 36px 2px 0 0;
		background: transparent url(../images/header/nav_join/gradient.gif) no-repeat left top;
		font-size: 120% ;/* 15.78px */
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: bold;
	}
	
	div#nav_join p {
		float: left;
		overflow: hidden;
		width: 165px;
		height: 16px;
		margin-top: 16px;
		background: transparent url(../images/header/nav_join/join_the_coalition_as_an.gif) no-repeat left top;
		text-indent: -999em;
	}
	
	div#nav_join ul {
		float: left;
		padding-left: 0;
		margin: 12px 0 0 6px;
		list-style: none;
		font-size: 80%; /* 10.3px */
		text-transform: uppercase;
		width: 217px;
	}
	
	div#nav_join ul li {
		float: left;
	}
	div#nav_join ul li a.button {
		height: 25px;

	}
	
	div#nav_join ul li#nav_join_individual a.button {
		width: 101px;
		background-image: url(../images/header/nav_join/button_individual.gif);
	}
	div#nav_join ul li#nav_join_organization a.button {
		width: 116px;
		background-image: url(../images/header/nav_join/button_organization.gif);
	}
	/* END: Join Nav */

/* END: Header */

/* BEGIN: Top Navigation */
div#nav_top {
	width: 100%;
	height: 56px;
	background: #f7f7f4 url("../images/nav_top/background.gif") repeat-x left top;
}

div#nav_top div.wrapper {
	width: 100%;
	height: 56px;
	background: transparent url(../images/nav_top/fade.gif) no-repeat center top;
}

div#nav_top ul {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	font-size: 125%; /* 16px */
	font-family: Archer, "Myriad Pro", sans-serif;
	text-transform: uppercase;
}

div#nav_top ul li {
	float: left;
	height: 56px;
}

div#nav_top ul li a.button { height: 56px; }
div#nav_top ul li a.button:hover { background-position: left -56px; }
div#nav_top ul li.active a.button:hover { background-position: left -112px; }

div#nav_top ul li#nav_top_about a.button {
	width: 154px;
	background-image: url(../images/nav_top/about.gif);
}

div#nav_top ul li#nav_top_resources a.button {
	width: 236px;
	background-image: url(../images/nav_top/resources.gif);
}

div#nav_top ul li#nav_top_tools a.button {
	width: 246px;
	background-image: url(../images/nav_top/tools.gif);
}

div#nav_top ul li#nav_top_directory a.button {
	width: 185px;
	background-image: url(../images/nav_top/directory.gif);
}
div#nav_top ul li#nav_top_contact a.button {
	width: 159px;
	background-image: url(../images/nav_top/contact.gif);
}
/* END: Top Navigation */

/* BEGIN: Body */
div#body {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f7f7f4;
	color: #595959;
	background-color: #f7f7f4;
}

div#body div.wrapper {
	width: 986px;
	margin: 0 auto;
	background-color: #f7f7f4;
}

	/* BEGIN: Full Box */
	div#body div.box_full {
		position: relative;
		overflow: hidden;
		width: 986px;
		margin: 0 auto;
		background: white url(../images/body/box_full_middle.gif) repeat-y left top;
	}
	
		/* BEGIN: Banner */
		div#body div.box_full h2.banner {
			overflow: hidden;
			position: absolute;
			top: 4px;
			left: 4px;
			width: 978px;
			height: 180px;
			margin: 0;
			background: transparent no-repeat center top;
			text-indent: -999em;
		}
		/* END: Banner */
	
	div#body div.box_full div.wrapper {
		position: relative;
		z-index: 100;
		width: 986px;
		/* padding-top: 180px; banner height */
		background: transparent url(../images/body/box_full_top.gif) no-repeat left top;
	}
	
	div#body div.box_full div.wrapper div.wrapper {
		width: 978px;
		padding: 4px; /* top padding ends up under banner */
		background: transparent url(../images/body/box_full_bottom.gif) no-repeat left bottom;
	}
	
	div#body div.box_full div.wrapper div.wrapper div.wrapper {
		width: 978px;
		padding: 0;
		margin: 0;
		background: none;
	}
	
	div#body div.box_full div.left,
	div#body div.box_full div.right {
		float: left;
		padding-bottom: 50px;
	}
	
		/* BEGIN: Copy Styles */
		div.box_full p {
			margin: 22px 0;
			line-height: 1.8em;
			/* font-size: 13px */
		}
		
		div.box_full a { color: #68bc1d; }
		div.box_full a:hover { color: #8fd451; }
		/* END: Copy Styles */
	
	/* END: Full Box */
	
	/* BEGIN: Left Navigation */
	ul#nav_left {
		width: 260px;
		padding: 0;
		margin: 24px 0;
		font-size: 116%; /* 15px */
		font-weight: bold;
		list-style: none;
	}
	
	ul#nav_left li {
		width: 260px;
		padding: 0;
		margin: 0;
	}
	
	ul#nav_left li a {
		display: block;
		width: 210px;
		padding: 13px 10px 13px 40px;
		color: #545454;
		text-decoration: none;
	}
	
	ul#nav_left li a:hover { background-color: #f6f6f6; }
	
	ul#nav_left li.active a {
		color: #457c12;
		background-color: #eaf9dd;
		border-top: 1px solid #d6edc2;
		border-bottom: 1px solid #d6edc2;
	}
	
	ul#nav_left li ul {
		padding-left: 0;
		margin: 0;
		font-size: 86%; /* 13px */
		font-weight: normal;
		list-style: none;
	}
	
	ul#nav_left li ul li a {
		padding: 7px 10px 7px 80px;
		width: 170px;
	}
	/* END: Left Navigation */
	
	/* BEGIN: Copy Styles */
	div#body div#bb_login h4 {
		font-size: 16px;
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: normal;
		color: #373737;
	}

	div#body h2 {
		margin: 32px 0 4px 0;
		font-size: 216%; /* 34px */
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: normal;
		color: #0a92d9;
	}

	div#body h2 em {
		font-size: 65%; /* 22px */
		font-style: normal;
		color: #68bc1d;
	}
	
	div#body h3 {
		margin: 4px 0 14px 0;
		font-size: 169%; /* 22px */
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: normal;
		color: #68bc1d;
	}
	
	div#body h4 {
		margin: 0;
		font-size: 100%; /* 13px */
		color: #4a4a4a;
	}
	
	div#body h4.styled {
		margin-top: 12px;
		font-size: 20px;
		font-family: Archer, "Myriad Pro", sans-serif;
		font-weight: normal;
		color: #373737;
	}
	/* END: Copy Styles */

	/* BEGIN: Form Styles */
	div#body form p {
		padding: 15px 64px;
		margin: 0;
	}
	
	div#body form p.alt {
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
		background-color: #fcfcfc;
	}
	
	div#body form p label {
		margin: 7px 16px 7px 0;
		font-size: 107%; /* 14px */
		font-weight: bold;
		color: #11648d;
		text-align: right;
	}
	
	div#body form p label img.required { margin: 3px; }
	
	div#body form p input,
	div#body form p textarea {
		border: 0;
		padding-top: 9px;
		padding-bottom: 5px;
		line-height: 15px;
		font-size: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #3c3c3c;
	}
	
	div#body form p input.long {
		width: 353px;
		background: transparent url(../images/join/input_long.gif) no-repeat left top;
		text-indent: 4px;
	}

	div#body form p.alt input.long {
		width: 353px;
		background: transparent url(../images/join/input_long_alt.gif) no-repeat left top;
		text-indent: 4px;
	}

	div#body form p input.medium {
		width: 153px;
		background: transparent url(../images/join/input_medium.gif) no-repeat left top;
		text-indent: 4px;
	}

	div#body form p.alt input.medium {
		width: 153px;
		background: transparent url(../images/join/input_medium_alt.gif) no-repeat left top;
		text-indent: 4px;
	}

	div#body form p input.http {
		width: 303px;
		background: transparent url(../images/join/input_http.gif) no-repeat left top;
		text-indent: 4px;
		padding-left: 50px;
	}

	div#body form p.alt input.http {
		width: 303px;
		background: transparent url(../images/join/input_http_alt.gif) no-repeat left top;
		text-indent: 4px;
		padding-left: 50px;
	}

	div#body form p input.short {
		width: 103px;
		background: transparent url(../images/join/input_short.gif) no-repeat left top;
		text-indent: 4px;
	}
	
	div#body form p textarea {
		line-height: 1.2em;
	}
	/* END: Form Styles */

	/* BEGIN: Errors */
	p.error {
		padding: 20px 25px;
		border: 1px solid #f6d9d9;
		color: #c61010;
		background-color: #fff4f4;
		font-size: 12px;
		font-weight: bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	p.error a { color: #0083c8; }
	p.error a:hover { color: #0096E8; }
	/* END: Errors */

	/* BEGIN: Blue Box */
	div#body div.blue_box {
		padding: 20px 25px;
		border: 1px solid #dae9ef;
		color: #4f8196;
		background-color: #eaf6fb;
		font-size: 12px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	div#body div.blue_box h4 {
		color: #325b6c;
		font-weight: bold;
		font-size: 13px;
	}
	
	div#body div.blue_box a { color: #0083c8; }
	div#body div.blue_box a:hover { color: #0096E8; }
	
	div#body div.blue_box label {
		color: #325b6c;
		font-weight: bold;
	}
	
	div#body div.blue_box input {
		color: #494949;
		font-size: 11px;
	}
	/* END: Blue Box */
	
	/* BEGIN: Section */
	div#body div.section {
		padding-top: 35px;
		margin: 40px 0;
		border-top: 1px solid #eaeaea;
	}
	/* END: Section */
	
	/* BEGIN: Definition List */
	div#body dl {
		padding: 0 0 0 6px;
		margin-left: 0;
	}
	
	div#body dl dt {
		padding-left: 14px;
		margin: 35px 0 7px 0;
		font-weight: bold;
		color: #0a92d9;
		background: transparent url(../images/body/bullet.gif) no-repeat left 5px;
		font-size: 15px;
	}
	
	div#body dl dt a {
		text-decoration: none;
		color: #0a92d9;
	}
	
	div#body dl dt a:hover {
		text-decoration: underline;
		color: #04B3D9;
	}
	
	div#body dl dd {
		padding-left: 14px;
		margin: 7px 0;
	}
	
	div#body dl dd p {
		margin-top: 0;
	}
	
	div#body dl dd ol {
		line-height: 1.3em;
	}
	/* END: Definition List */

	/* BEGIN: Back To Top */
	a.back-to-top {
		padding-right: 12px;
		text-transform: lowercase;
		background: transparent url(../images/body/arrow_up_green.gif) no-repeat right center;
	}
	/* END: Back To Top */
	
/* END: Body */

/* BEGIN: Footer */
div#footer {
	width: 100%;
	color: #999999;
	border-top: 1px solid #505050;
	background-color: #505050;
	font-size: 92%; /* 12px */
}

div#footer div.wrapper {
	width: 986px;
	margin: 0 auto;
	background-color: #505050;
}

div#footer a { color: #76caeb; }
div#footer a:hover { color: #abe3fa; }
	
	/* BEGIN: Bottom Nav */
	ul#nav_bottom {
		width: 980px;
		margin: 0 auto;
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	
	ul#nav_bottom li {
		float: left;
		margin-left: 12px;
	}
	
	ul#nav_bottom li.first {
		margin-left: 0;
	}
	
	ul#nav_bottom li h3 {
		margin-top: 22px;
		color: white;
		font-size: 110%; /* 13px */
		font-weight: normal;
	}
	
	ul#nav_bottom li h3 a {
		display: block;
		width: 186px;
		height: 29px;
		line-height: 29px;
		text-indent: 32px;
		color: white;
		background: transparent no-repeat left top;
	}

	ul#nav_bottom li h3 a:hover {
		color: white;
		background-position: left bottom;
	}
	
	ul#nav_bottom li#nav_bottom_about h3 a { background-image: url(../images/footer/nav_bottom/button_about.gif); }
	ul#nav_bottom li#nav_bottom_resources h3 a { background-image: url(../images/footer/nav_bottom/button_resources.gif); }
	ul#nav_bottom li#nav_bottom_tools h3 a { background-image: url(../images/footer/nav_bottom/button_tools.gif); }
	ul#nav_bottom li#nav_bottom_directory h3 a { background-image: url(../images/footer/nav_bottom/button_directory.gif); }
	ul#nav_bottom li#nav_bottom_contact h3 a { background-image: url(../images/footer/nav_bottom/button_contact.gif); }
	
		/* BEGIN: Secondary List */
		ul#nav_bottom li ul {
			width: 154px;
			padding-left: 32px;
			margin-left: 0;
		}
	
		ul#nav_bottom li ul li {
			float: none;
			margin-left: 0;
			line-height: 1.5em;
		}
		/* END: Secondary List */

	/* END: Bottom Nav */
	
	/* BEGIN: Sub Footer */
	div#subfooter {
		clear: both;
		width: 948px; /* 980px Total */
		padding: 16px;
		margin: 28px auto 0 auto;
		line-height: 24px;
		color: #676767;
		background: #2a2a2a url(../images/footer/subfooter_top.gif) no-repeat left top;
	}
	
	div#subfooter div.left { float: left; }
	div#subfooter div.right { float: right; }
		
	div#subfooter div.left p { display: inline }
	div#subfooter div.left p#copyright { margin-right: 22px; }

		/* BEGIN: "Social" Nav */
		div#nav_social {
			color: #7a7a7a;
			font-size: 118%; /* 14px */
		}
		
		div#nav_social p {
			float: left;
			overflow: hidden;
			width: 134px;
			height: 12px;
			margin-top: 6px;
			background: transparent url(../images/footer/nav_social/join_the_conversation.gif) no-repeat left top;
			text-indent: -999em;
		}
		
		div#nav_social ul {
			float: left;
			width: 175px;
			height: 25px;
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
		div#nav_social ul li {
			float: left;
			width: 25px;
			height: 25px;
			margin-left: 10px;
			display: inline;
		}
		
		div#nav_social ul li a.button {
			width: 25px;
			height: 25px;
		}
		
		div#nav_social ul li#nav_social_facebook a.button { background-image: url(../images/footer/nav_social/button_facebook.gif); }
		div#nav_social ul li#nav_social_linkedin a.button { background-image: url(../images/footer/nav_social/button_linkedin.gif); }
		div#nav_social ul li#nav_social_twitter a.button { background-image: url(../images/footer/nav_social/button_twitter.gif); }
		div#nav_social ul li#nav_social_blogger a.button { background-image: url(../images/footer/nav_social/button_blogger.gif); }
		div#nav_social ul li#nav_social_flickr a.button { background-image: url(../images/footer/nav_social/button_flickr.gif); }
		/* END: "Social" Nav */
	
	/* END: Sub Footer */

/* END: Footer */