/*
-----------------------------------------------
Lifeworks - global styles
author:  bc - www.u4eadesign.com
version:  1.1 - December 2009
----------------------------------------------- */

/* Sitewide
----------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 140%;*/
	margin: 0;
	padding: 0;
	color: #999;
	text-align: center; /* so footer is centered on IE */
	
}
body, td {
	/*font-size: 80%;*/
}

/* Scrollpane Content (this is the only content with relatively sized text and line height for A+ and A-)
----------------------------------------------- */
.scroll-pane {
	font-size: 80%;
	line-height: 140%;
}
.scroll-pane h2 {
	font-size: 140%;
}
.scroll-pane h3 {
	font-size: 120%;
}
/* Text and Elements
----------------------------------------------- */
h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: .05em;
	padding-bottom: 10px;
}
	h2.quicklinks {
		padding-top: 20px;
		margin-left: 20px;
		padding-bottom: 0;
	}
h3 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: .05em;
	padding-top: 5px;
	/*line-height: 110%;*/
}
h4 {
	font-weight: normal;
	padding-top: 5px;
}
p {
	padding: 5px 0;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
* {
	padding:0;
	margin:0;
}
#content ul, #content ol {
	padding: 5px 0;
	margin-left: 5px;
}
#content ul li, #content ol li {
	margin-left: 15px;
}

/* Misc
----------------------------------------------- */
.clear {
	clear: both;
}
.right {
	float: right;
	margin: 5px;
}

/* Contact Us Button */
#contactus {
	width: 85px;
	height:23px; /* 30 */
	background: url("../images/contactus.png");
	position: absolute;
	left: 0;
	top: 40px;
	text-align: center;
	padding: 7px 0 0 0;
	font-size: 13px;
}
#contactus a:link, #contactus a:visited {
	color: #fff;
}
#contactus a:hover, #contactus a:active {
	color: #000;
}

/* Contact Us Form */
.form {
	text-align: left;
	width: 560px;
	height: 450px;
	margin: 0 auto;
	color: #666;
	background: #fff;
	padding: 10px;
	font-size: 12px;
}
.form td {
	font-size: 12px;
}
form {
	margin: 0;
	padding: 0;
}
/* pdf overlay */
.space {
	height: 20px;
}
.space2 {
	height: 247px;
}
.pdf {
	background: url(../images/white75percent.png);
	padding: 10px;
	
	font-size: 12px;
	margin-bottom: 10px;
}

/* Main Divs
----------------------------------------------- */

#container {
	
}
#header {
	width: 900px;
	margin: 0 auto;
	height: 90px;
	position: relative;
	line-height: normal;
	z-index: 4;
}
#content {
	margin: 20px 0 40px 0;
}

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

#logo {
	position: absolute;
	top: 30px;
	left: 5px;
}
#tagline {
	position: absolute;
	top: 41px; /* 41 */
	right: 20px; /* 30 */
}
#nav {
	width: 575px;
	position: absolute;
	top: 40px;
	left: 187px;
	font-size: 11px;

	
}
ul#mainnav {
	font-size: 12px;
	margin-bottom: 4px;
}
/*
#mainnav li {
	list-style-type: none;
	display: inline;
	background: url(../images/dot.gif) no-repeat;
	padding: 0 7px;
}
*/
li.mainnav {
	font-size: 12px;
	background: url(../images/dot.gif) no-repeat;
	padding: 0 7px;
	padding-right: 	1.25em;
}
/*
li.selected a {
	color: red;
	border: solid 1px red;
	background: #ddd;
}
*/
ul.subnav {
	font-size: 10px;
	margin-bottom: 1px;
}
ul.subnav li {
	list-style-type: none;
	display: inline;
	
	text-transform: uppercase;
}
#donateCircle {
	position: absolute;
	left: 863px; /* 840 */
	top: 57px; /* 80 */
	z-index: 3;
	
}
/* Footer
----------------------------------------------- */
#footerbg {
	background: #e0e0e0;
	padding: 0;
	z-index: 4;
	/*position: relative;*/
	
}
#footer {
	margin: 0 auto;
	width: 900px;
	position: relative;
	z-index: 4;
	background: url(../images/bg_footer.png) top left no-repeat;
	padding: 10px 0;
	font-size: 12px;
	text-align: left;
}
#footer h2 {
	font-size: 14px;
	color: #333;
}
#footerTop {
	margin: 0 auto;
	width: 900px;
	height: 20px;
	margin-bottom: 3px;
}
#fbook {
	float: left;
	width: 90px;
	height: 20px;
}
#type {
	font-size: 11px;
	float: right;
	width: 200px;
	text-align: right;
	padding-top: 4px;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	background: url(../images/dot_footer.png) no-repeat;
	padding: 2px 7px;
}
#socialmedia {
	width: 80px;
}
#footer .green {
	color: #4ea021;
}
/* positioning */
.header1 {
	position: absolute;
	left: 100px;
	top: 20px;
}
.list1 {
	position: absolute;
	left: 100px;
	top: 40px;
}
.list2 {
	position: absolute;
	left: 280px;
	top: 40px;
}
.header2 {
	position: absolute;
	left: 560px;
	top: 20px;
	}
.list3 {
	position: absolute;
	left: 560px;
	top: 40px;
}
.copyright {
	margin-left: 560px;
	font-size: 10px;
	
}
.statement {
	margin-left: 100px;
	font-size: 10px;
	float: left;
}
#u4ea {
	float: right;
}
/* ICONS */
#facebook {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/facebook.png") no-repeat 0 0;
}
#facebook span {
	display: none;
}
#twitter {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/twitter.png") no-repeat 0 0;
}
#twitter span {
	display: none;
}
#youtube {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/youtube.png") no-repeat 0 0;
}
#youtube span {
	display: none;
}
#linkedin {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/linkedin.png") no-repeat 0 0;
}
#linkedin span {
	display: none;
}
#blog {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/feed.png") no-repeat 0 0;
}
#blog span {
	display: none;
}

/* Links
----------------------------------------------- */
a:link, a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
}
/* Main Nav */
#mainnav a:link, #mainnav a:visited {
	color: #666;
}
#mainnav a:hover, #mainnav a:active {
	color: #333;
}
#mainnav a.selected:link, #mainnav a.selected:visited {
	color: #7bc143;
}
/* Main Sub Nav */
ul.subnav a.selected:link, ul.subnav a.selected:visited {
	color: #7bc143;
}
/* Footer Nav */
#footer a:link, #footer a:visited {
	color: #666;
}
#footer a:hover, #footer a:active {
	color: #333;
}
#footer a.selected:link, #footer a.selected:visited {
	color: #4ea021;
}


#footer #newspop {
	background: url(../images/newsletter_up.gif) right no-repeat;
	padding-right: 11px;
}
#footer #newspop.active {
	background: url(../images/newsletter_down.gif) right no-repeat;
	padding-right: 11px;
	color: #000;
}

h2.quicklinks a:link, h2.quicklinks a:visited {
	padding: 3px 5px;
	color: #fff;
	background: #7bc143;
}
h2.quicklinks a:hover, h2.quicklinks a:active {
	background: #000;
}
#type a:link, #type a:visited {
	color: #7bc143;
}
#type a:hover, #type a:active {
	color: #000;
}

/* Overlay
----------------------------------------------- */
/* remove ugly system borders links */
a img {
	border:0
}
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}

div.overlay div.close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}