/*
	Positive Change for Longboat Key
	
	main.css
	
	Developer: Tyson Willey
	Designer: Leia Vieira
	Company: Chisano Marketing Group
	Date: 9/11/2009
	
	Description: 
		Main CSS for Positive Change Micro Site.  
		Extends existing styles at http://www.chisano.com/_tools/css/simple-reset.css
	
	Notes:
		9/11 - Begin Developement
*/


body {
	background: #FFF;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

#container {
	margin: 0 auto;
	width: 970px;	
}

#page-head {
	background: url(../images/header_bg.jpg) no-repeat 0 0;
	height: 309px;
	margin: 0 0 40px;
	position: relative;
}

	#page-head #logo {margin: 5px 0 0;}

	#page-head #logo a {
		background: url(../images/logo.png) no-repeat 0 0;
		height: 231px;
		width: 473px;
	}

	
	#page-head #image-holder {
		position: absolute;
		right: 65px;
		top: 10px;
	}
	
	
	#page-head #main-nav {
		bottom: 7px;
		left: 7px;
		position: absolute;
	}
	
	#page-head #main-nav li {
		float: left;
		margin: 0 10px 0 0;
		height: 25px;
	}
	
	#page-head #main-nav li .left {
		background: url(../images/nav_sprite.png) no-repeat 0 0;
		display: block;
		float: left;
		width: 10px;
		height: 25px;
	}
	
	#page-head #main-nav a {
		background: url(../images/nav_sprite.png) no-repeat right 0;
		color: #FFF;
		display: block;
		float: left;
		font-weight: bold;
		line-height: 25px;
		padding-right: 10px;
	}
	
	#page-head #main-nav li:hover span {background-position: 0 bottom;}
	
	#page-head #main-nav li:hover a {background-position: right bottom;}
	
	
	
#content {}

	#content #left-col {
		border-right: 3px solid #e7e7e7; 
		float: left;
		padding: 0 15px 0 25px;
		margin: 0 15px 0 0;
		width: 650px;
	}
	
		#content #left-col h2 {
			color: #4789b5;
			font-size: 16px;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
		
		#content #left-col p {margin: 0 0 20px 0;}
		
		#content #left-col p img {
			border: 2px solid #4789b5;
		}
		
		#content #left-col a {
			color: #4789b5;
			text-decoration: underline;
		}
		
		#content #left-col a:hover {text-decoration: none;}
		
		#content #left-col blockquote {
			padding: 0 40px 20px;
		}
		
		#content #left-col ol {
			margin: 0 0 20px 0;
			padding-left: 40px;
		}
		
		#content #left-col ol li {
			list-style: decimal outside;
			padding: 6px 0;
		}
		
		#content #left-col ul {
			margin: 0 0 20px 0;
			padding-left: 40px;
		}
		
		#content #left-col ul li {
			list-style: disc outside;
			padding: 6px 0;
		}
		
		#content #left-col form {margin: 10px 0 20px 0;}
		
		#content #left-col form ul.form-fields {
			padding: 0;
		}
		
		#content #left-col form ul.form-fields li {
			list-style: none;
		}
		
		#content #left-col form ul.form-fields label {
			display: block;
			float: left;
			font-weight: bold;
			margin: 0 10px 0 0;
			padding: 5px 0;
			text-align: right;
			width: 100px;
		}
		
		#content #left-col form ul.form-fields input.text {
			color: #555;
			font-size: 11px;
			padding: 5px;
			width: 300px;
		}
		
		#content #left-col form ul.form-fields textarea {
			color: #555;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 5px;
			width: 300px;
		}
		
		#content #left-col form ul.form-fields textarea.short {height: 50px;}
		
		#content #left-col form ul.form-fields textarea.long {height: 150px;}
		
		form ul.form-fields button {
			background: #FFF;
			border: 1px solid #EFEFEF;
			border-bottom-color: #8d8d8d;
			border-right-color: #8d8d8d;
			color: #8d8d8d;
			cursor: pointer;
			display: block;
			margin: 0 0 0 110px;
			padding: 5px 0;
			text-align: center;
			width: 150px;
		}
		
		form ul.form-fields button:hover {color: #4789b5;}
		
		
		
		
		#content #left-col ul.entries {padding: 0;}
		
		#content #left-col ul.entries li {
			list-style: none;
			margin: 15px 0;
		}
		
		#content #left-col ul.entries li li {
			list-style: disc outside;
		}
		
		#content #left-col ul.entries li h3 {
			color: #4789b5;
			font-weight: bold;
			margin: 0 0 3px 0;
		}
		
		#content #left-col ul.entries li h5 {
			font-size: 10px;
			margin-bottom: 10px;
		}
		
		#content #left-col ul.entries li p {}
	
	
	#content #right-col {float: left;}
	
		#content #right-col form {
			background: #e7e7e7;
			padding: 10px;
			width: 218px;
		}
		
		#content #right-col form h3 {
			color: #4789b5;
			font-size: 10px;
			font-weight: bold;
			margin: 0 0 10px 0;
			text-align: center;
		}
		
		#content #right-col form ul.form-fields {}
		
		#content #right-col form ul.form-fields li {
			background: url(../images/emailSignup_bg.png) repeat-x 0 0;
			padding: 5px;
		}
		
		#content #right-col form ul.form-fields li.no-bg {background: none;}
		
		#content #right-col form ul.form-fields input {
			color: #555;
			font-size: 11px;
			padding: 3px;
			width: 200px;
		}
		
		#content #right-col form ul.form-fields button {
			font-size: 10px;
			font-weight: bold;
			margin: 0 auto;
			width: 75px;
		}
		
		#content #right-col #error-message {
			border: 1px solid #d25151;
			color: #d25151;
			font-weight: bold;
			margin: 15px 0;
			padding: 10px;
			width: 218px;
		}
		
		
		#content #right-col #success-message {
			border: 1px solid #4789b5;
			color: #4789b5;
			font-weight: bold;
			margin: 15px 0;
			padding: 10px;
			width: 218px;
		}
		
		
		
		
		#content #right-col #paypal {width: 218px; text-align: center; background: #FFF; margin-top: 25px;}
		
		

#footer {
	border-top: 1px solid #e7e7e7;
	margin: 25px 0 0;
	padding: 15px 25px 30px;
}

	#footer #footer-nav {margin: 0 0 15px 0;}
	
	#footer #footer-nav li {
		border-right: 1px solid #555;
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}
	
	#footer #footer-nav li.last {border: none;}
	
	#footer #footer-nav a {
		color: #555;
		text-decoration: underline;
	}
	
	#footer #footer-nav a:hover {text-decoration: none;}
	
	#footer p {}
	
	#footer p a {
		color: #4789b5;
		text-decoration: underline;
	}
	
	#footer p a:hover {text-decoration: none;}