/*****************************************

	PeopleFund.org
	
	primary stylesheet

******************************************/

body {
	margin: 0; padding: 0;
	background-color: #30332c;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	text-align: left;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #4caa2b;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

.clear { 
	clear: both;
}

.eleven {
	font-size: 11px;
}

#container {
	text-align: center;
	margin: 0;
	width: 100%;
	padding: 0; 
	background: #ffffff;
}

#header {
	width: 860px;
	margin: 0 auto 15px auto;
	padding: 0;
	height: 108px;
}

#logo {
	width: 238px;
	height: 108px;
	float: left;
	margin: 3px 0 0 0;
}

#footer {
	width: 800px; 
	margin: 4px auto 0 auto;
}

#footer p {
	float: left;
	color: #b5b7b2;
	font-size: 12px;
	width: 600px;
	line-height: 14px;
	margin: 8px 0 0 0; padding: 0;
}

#footer img {
	margin: 8px 0 0 0;
	float: right;
}

/*-------------------
	nav styles 
---------------------*/

#nav {
	float: right;
	width: 600px; 
	margin: 54px 0 0 0; 
	padding: 0;
}

#nav a {
	display: block;
	margin-right: 14px;
	_margin-right: 8px; /* for IE6 */
	height: 20px;
	_float: left; /* for IE6 */
}

#nav a:hover {
	color: #303030;
	text-decoration: none;
}

#nav ul {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 525px;
	height: 21px;
}
  
#nav li {  	
	float: left;
	list-style-type: none;	
	font-size: 12px;
	line-height: 14px;
}

/* Drop Down Menus */

li ul {
	position: absolute;
	display: none;
	top: 74px;
	width: 154px;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#nav li ul li { 
	float: none;
	margin: 0;
	padding: 0;
	line-height: 26px;
	height: 26px; 
	width: 154px;
	position: relative;
	z-index: 10;
}

#nav li ul li:hover { 
	float: none;
	margin: 0;
	padding: 0;
	line-height: 26px;
	height: 26px;
	width: 154px;
	position: relative;
	z-index: 10;
}

#nav li ul li.sfhover { 
	float: none;
	margin: 0;
	padding: 0;
	line-height: 26px;
	height: 26px;
	width: 154px;
	position: relative;
	z-index: 10;
	display: block;
	margin-bottom: -2px;
}

#nav li ul {
	width: 154px;
	z-index: 10;
	_margin: 0 0 0 -100px; /* IE6 only */
}

	#nav li ul li a { /* has IE7 equivalent */
		display: block;
		position: relative;
		width: 154px;
		margin: 0;
		padding: 0 0 0 4px;
		border: solid 1px #303030;
		background: #303030;
		color: #fff;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		text-align: left;
		height: 25px;
	}

	#nav li ul li a:hover {
		display: block;
		margin: 0;
		padding: 0 0 0 4px;
		width: 154px;
		height: 25px;
		background: #4caa2b;
		color: #fff;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		text-align: left;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}

#nav li:hover ul li ul, #nav li.sfhover ul li ul {
	display: none;
}

#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {
	display: block;
}


/*-------------------
	home styles
--------------------*/

#content_home_bg {
	margin: 0; padding: 10px 0 0 0;
	height: 320px;
	background: url(../img/bg_home.gif) repeat-x top left #f3f5f0;
	
}

#content_home_imgs {
	height: 310px;
	width: 810px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#home_img a {
	margin: 0 5px 0 5px; padding: 0;
	height: 310px;
	float: left;
	display: block;
}

#home_img a:hover {
	background-position: 0 top;
}

#col_right {
    float: right;
    width: 259px;
    margin: 10px 30px 0 0;
    _margin: 10px 10px 0 0; /* for IE6 */
    padding: 0;
}

#content_home #col_right a img {
    margin: 0;
    padding: 0;}

/* client image styles */

.coronado {
	background: url(../img/home_feature/Coronado-Studios.jpg) 0 -115px no-repeat;
	width: 235px;
}

.daycare {
	background: url(../img/home_feature/True-Light-Day-Care.jpg) 0 -115px no-repeat;
	width: 276px;
}

#content_home {
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
	width: 800px;
}

#content_home p {
	font-size: 16px;
	line-height: 26px;
	width: 480px;
	float: left;
	margin: 20px 0 0 0;
}

#content_home a img {
	margin: 15px 10px 0 0;
	float: right;
	
}


/*---------------------
	events module
----------------------*/

#upcoming_events {
	margin: 0;
	width: 250px;
	height: 155px;
	float: left;
}

#upcoming_events h2 {
	background: url(../img/upcoming_events.gif) no-repeat 10px 4px #f0f3ed;
	width: 250px;
	height: 35px;
    margin: 0;
	text-indent: -1000px; /* hides text as this header is a graphic */
	overflow: hidden;
	/*border-bottom: 1px solid #d7e7c9;*/
}


#upcoming_events h2 span {
	display: none;
}

.event {
	width: 250px;
	height: 126px;
	margin: 2px 0 0 0;
	_margin: 1px 0 -4px 0;
	padding: 0;
	background-color: #fff;
	float: left;
}

.event img {
	padding: 0 12px 0 0;
	margin: -18px 0 0 0;
}

.event p {
	height: 111px;
	_height: 108px;
	width: 250px;
	margin: 0;
	padding: 18px 0 0 0;
	line-height: 15px;
	font-size: 11px;
}

.event a {
	text-decoration: none;
}

.event a:hover {
	_text-decoration: none;
}

.filler_ad {
	_width: 230px;
}

.event .link {
	text-decoration: none;
	font-weight: bold;
	color: #4caa2b;
}

.event .info {
	color: #565656;
	font-weight: normal;
}

#event_spacer {
	float: left;
	height: 10px;
	_height: 8px;
	width: 250px;
}

/* used when there are no events on the Home page */

#upcoming_events_none {
	width: 250px;
	height: 310px;
	margin: 0;
	float: left;
}

#upcoming_events_none a {
	width: 250px;
	height: 310px;
	float: left;
	background: url(../img/home_feature/Juan-in-a-Million.jpg) 0 -115px no-repeat;
}

#upcoming_events_none a:hover {
	background-position: 0 0;
}


/*-------------------
	tier2 styles
---------------------*/


#content_t2 { 
	margin: 0;
	padding: 0;
	border-top: solid 10px #dce4d7;
	background: url(/img/bg_tier2.gif) repeat-x top left #f7f9f4;
}

#t2_post {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #ffffff;
}

#t2_post ul {
    margin-left: 20px;
}

#content_t2 h1 {
	font-family: helvetica, sans-serif;
	/*color: #5eac1b;*/
	color: #282828;
	font-size: 22px;
	text-align: left;
	font-weight: bold;	
	margin: 20px 0 15px 0;

}

#content_t2 h2 {
	font-family: Arial, helvetica, sans-serif;
	/*color: #5eac1b;*/
	color: #282828;
	font-size: 15px;
	text-align: left;
	font-weight: bold;	
	margin: 25px 0 10px 0;

}

#t2_text {
	margin: 0 0 14px 16px;
	width: 765px;
	float: left;
}

#t2_text p {
	font-size: 13px;
	line-height: 19px;
}
#t2_text ul {
	font: 13px/15px Helvetica, Arial, sans-serif;
	color: #2e2e2e;
	text-align: left;
	padding: 0 0 0 10px;
}

#t2_text ul li {
	margin: 7px 0 12px 0;
}

#t2_text p img {
	text-align: left;
	margin: 0 10px 0 0;
}

#breadcrumbs {
	margin: 0 0 0 16px;
	padding: 10px 0 0 0;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #abada8;
}

#t2_text .loud {
	font-weight: bold;
	color: #a1a79e;
	font-size: 14px;
	line-height: 19px;
}

/*------------------
	About 
-------------------*/

.staff-image {
	float: left;
	margin: 10px 20px 10px 0;
	border: 2px solid #e0e0e0;
}

.staff-bio {
	float: left;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.article-image {
	float: right;
	margin: 0 0 20px 20px;
}

.article_pic {
	float: right;
	border: 2px solid #dce4d7;
	margin: 0 0 10px 20px;
}

#sponsors-table {
	margin: 0 auto 0 auto;
}

#sponsors-table img {
	margin: 10px 20px 10px 20px;
}

/*------------------
	clients 
-------------------*/

#t2_text_clients {
	margin: 0 0 14px 16px;
	width: 380px;
	float: left;
}

#t2_text_clients p {
	font-size: 13px;
	line-height: 25px;
	text-align: justify;
}

#t2_text_clients ul {
	font: 13px/15px Helvetica, Arial, sans-serif;
	color: #565656;
	text-align: left;
	padding: 0 0 0 10px;
}

#t2_text_clients ul li {
	margin: 7px 0 0 0;
}

#t2_text_clients p img {
	text-align: left;
	margin: 0 10px 0 0;
}

#t2_text_clients h1 {
	color: #4caa2b;
}

#featured_client_img {
	width: 372px;
	float: right;
}

#client_ths {
	width: 270px;
	float: left;
}

#client_more {
	margin-top: 36px;
	font: 13px/15px Helvetica, Arial, sans-serif;	
	width: 84px;
	float: left;
}

/*--------------------------
	catalog listing table
--------------------------*/

#catalog_listing {
	width: 780px;
	margin: 10px auto 0 auto;
	font: 12px/16px Myriad, Myriad Pro, Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #70767c;
	text-align: left;
	float: left;
}

#catalog_listing th {
	border-bottom: 1px solid #cbdde1;
	padding: 0 6px 0 6px;
}

#catalog_listing td {
	padding: 6px;
	border-bottom: 1px solid #cbdde1;
}

#catalog_listing th a {
	color: #bec5cc;
}

td.category ul li {
	font-size: 12px;
}

.arrow {
	font-size: 10px;
}

#catalog_listing a {
	color: #656b72;
	text-decoration: none;
}

#catalog_listing a:hover {
	color: #4caa2b;
	text-decoration: none;
}

#catalog_listing tbody tr:hover a { 
	color: #4caa2b;
}

#catalog_listing td {
	border-right: 1px solid #cbdde1;
}

/*----------------------------
	form styles 
-----------------------------*/

form {
	text-align: left;
}

label {
	margin: 0 5px 0 0;
	width: 150px;
	font: 13px/15px Helvetica, Arial, sans-serif;
	color: #2e2e2e;
}

/*----------------------------
	events
-----------------------------*/

#t2_post .eventImg {
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0;
}

#t2_post .padded { /* DELETE */
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0;
}

#t2_post .eventInfo {
	font-size: 14px;
	line-height: 20px;
}

.buyTickets {
	margin: -6px 0 0 -8px;
}

.sponsorEvent {
	margin: -6px 0 0 0;
}

.sponsorImg {
	margin-top: 8px;
}

/*----------------------------
	reg forms
-----------------------------*/

.form {
    font: 13px/15px Helvetica, Arial, sans-serif;
	color: #565656;
}

.form input, .form select {
    font: 13px/15px Helvetica, Arial, sans-serif;
	color: #565656;
	padding: 3px;
	padding-left: 1px;
}

#contactForm td {
	margin: 4px 0 4px 0;
}