/*
Theme Name: CEAvCleanUP09
Theme URI: communityenvironment.org
Description: 
Version: 1.0.0
Author: Beverly Falconer
Author URI: http://bfalconer@communityenvironment.org/
Tags: custom spinner header, fixed width, two column, widgets

*/


/* CSS Document */

body {
        background-color: #B5D0ED;
	margin:0px;
	padding:0px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2{
	padding:5px 0 5px 0;
	margin:0px;
	/* font-size:2.7ems; */
	color:#005F8C;
	/* font-family: Georgia, Arial, Helvetica, sans-serif; */
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.right_header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2e0e0;
	color: #373737;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h3{
	padding:0 0 5px 0;
	margin:0px;
	font-size:16px;
	color:#115EA1;
	font-family: Georgia, 'Times New Roman', serif;
}

/* h3{
	padding:0 0 5px 0;
	margin:0px;
	font-size:14px;
	color:#115EA1;
	font-family: georgia, Arial, sans-serif;
	text-transform: uppercase;
} */

h4{
	margin:0px;
	font-size:14px;
	font-family:Georgia, 'Times New Roman', serif;
	color:#333333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
p{
	text-align:left;
	padding:7px 0 7px 0;
	margin:0px;
	line-height: 16px;
}
p.white{
color:#FFFFFF;
}
p.green{
	color:#FFFFFF;
	text-align: left;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}
img.left_img{
border:1px #cae6c6 solid;
float:left;
margin:0 10px 0 0 ;
}
img.box_img{
float:left;
padding:0 20px 0 0 ;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:auto;
margin:auto;
}
#logo{
	float:left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	margin-bottom: 15px;
}
#announce{
    float:left;
    padding-left: 200px;
}
/*----------------------menu-------------------------*/
#menu{
	width:900px;
	height:42px;
	padding:0px;
	clear:both;
	background-color:#00608E;
}
#menu ul{
list-style:none;padding:0 0 0 0px;margin: auto;display:block;
}
#menu ul li{
	list-style:none;
	display:inline;
	float:left;
	width:auto;
	height:42px;
	padding:0px;
	line-height:42px;
	font-family:Helvetica, "Trebuchet MS", sans-serif;
	font-size:11px;
}
#menu ul li a{
	height:42px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 0 0 25px;
	margin:0px 3px 0px 3px;
	color:#fff;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
}
#menu ul li a:hover{
	height:42px;
	width: auto;
	text-decoration:none;
	color: #0D2C12;
	padding:0 0 0 25px;
}
#menu ul li a.current{
	height:42px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0px;
	color: #fff;
	padding:0 0 0 25px;
}

/*----------------header spinner-----------*/
.green_box{
	width:900px;
	height:260px;
	clear:both;
	background-color: #50a842;
	background-repeat: no-repeat;
}
.clock{
float:left;
padding:0px;
}
.text_content{
	width:400px;
	float:left;
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 15px;
}
.read_more{
width:101px;
height:29px;
float:right;
padding:10px;
line-height:29px;
text-align:center;
}
.read_more a{
text-decoration:none;
color:#FFFFFF;
}
.read_more_link{
width: auto;
float:right;
padding:3px 25px 3px 0;
}
.read_more_link a{
text-decoration:none;
color:#f7941d;
}
/*----------------------left navigation-------------------------*/
#left_nav{
	width:250px;
	height: auto;
	padding:5px 0 20px 0;
	float:left;
}
#left_nav h4 a{
	font-size:13px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#2a923b;
}
#left_nav h4 a:hover{
	color:#0d2c12;
}
#left_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#left_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#left_nav ul li a{
	height:29px;
	display:block;
	width:240px;
	text-decoration:none;
	color:#6898ac;
	border-bottom:1px #CCCCCC dotted;
	background-position:0px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
/*--------------------------main_content-------------------*/
#breadcrumb{
	color:#2E83A1;
	font-size: 12px;
	margin-bottom: 15px;
}
#breadcrumb a:link{
	color:#9AC7DC;
}
#breadcrumb a:hover{
	color: #2E83A1;
}
#main_content{
width:auto;
height:auto;
clear:both;
}
#left_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	width:250px;
	height:auto;
	margin:10px;
	float:left;
	padding:10px;
	background-color: #f2f6f6;
}
#left_content_container{
	width:270px;
	height:auto;
	float:left;
	margin:10px;
}

#left_content_top{
       font-family:Arial, Helvetica, sans-serif;
       font-size: 13px;
	height:auto;
	padding:10px;
	/*background:url(images/left_content_bg.gif) repeat-x top;*/
        background-color: #f2f6f6;
margin-bottom:20px;
}
#left_content_bottom{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;

	height:auto;
	padding:10px;
	/*background:url(images/left_content_bg.gif) repeat-x top;*/
        background-color: #ffffff;
margin-bottom:20px;
}

.left_header1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	color: #373737;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.left_header2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2e0e0;
	color: #7e8383;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#right_content{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
	width:580px;
	height:auto;
	margin:10px 0 0 0;
	float:left;
	padding:10px;
}
#main_content a{
	color: #00608E;
}
#main_content a:hover{
	color: #00364F;
}
#whatsgoingon_date {
        font-family: Arial, Verdana, sans-serif;
	color: #373737;
	font-size: 11px;
	text-transform: uppercase;
        font-weight: bold;
        list-type:none;
}
#events_date {
        font-family: Arial, Verdana, sans-serif;
	color: #373737;
	font-size: 11px;
	text-transform: uppercase;
        font-weight: bold;
        list-type:none;
}
#events_date ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

/*----------------------top right navigation-------------------------*/
#right_nav{
width:263px;height: auto;padding:20px 0 0 50px; float:left;
}
#right_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#right_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#right_nav ul li a{
height:29px;display:block; width:263px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#d4f0ba;background:url(images/right_nav.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a:hover{
height:29px;display:block;width:263px;text-decoration:none;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a.current{
height:29px;display:block;width:263px;text-decoration:none;padding:0px;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; 
background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}

.products_box{
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #999999 dotted;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
}
.ad_box{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
width:267px;
height:124px;
margin:15px 10px 10px 0;
background-position:0px 0px;
border: none;
}
.ad_box img{
border: none;
}
.search_box{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
width:267px;
height:124px;
float:left;
margin:15px 10px 10px 0;
background:url(images/search_box_bg.gif) no-repeat center;
background-position:0px 0px;
}
.search_title{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
	float:left;
	font-weight:bold;
	color: #0D2C12;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 15px;
	margin-bottom: 8px;
}
input.search_input{
width:170px;
height:20px;
background-color:#FFFFFF;
border:1px #c0c485 solid;
float:left;
margin:15px 0 0 15px;
}
input.submit{
float:left;
padding:0 0 0 10px;
}
.subsearch{
	width:200px;
	float:left;
	color:#25832D;
	padding:0 0 0 15px;
}
.contact_information{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	width:200px;
	float:left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.news{
width:310px;
clear:both;
padding:10px 0 10px 0;
}
.news_icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news_content{
width:260px;
float:left;
padding:0 0 0 10px;
text-align:justify;
line-height:13px;
}
.news_content span{
color:#4ab7e8;
}
.services_box{
height:120px;
padding:10px 0 5px 0;
margin:0px 0px 10px 0;
border-bottom:1px #a7ef6e dashed;
}
.best_sol_box{
width:277px;
float:left;
}
/*----------------------news_archive list-------------------------*/
.news_archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news_archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news_archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news_archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news_archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact_info_box{
width:481px;
height:116px;
margin:5px;
background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact_info_title{
	font-size:14px;
	color:#F99F33;
	padding:10px 0 0 15px;
	font-weight:bold;
}
.contact_info{
float:left;
padding:15px 10px 5px 13px;
}
.adress{
clear:both;
padding:10px 0 0 20px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:310px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:220px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
.send a{
width:62px;
height:24px;
display:block;
background:url(images/read_more_bg_white.gif) no-repeat center;
background-position:0px 0px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:right;
margin:10px;
}
/*--------------wide_content-----------*/
#wide_content{
width:auto;
padding:10px 20px 10px 20px;
}


/*-----------------------------Footer 1 - (find us on) ------------------*/
#footer{
	clear:both;
	width: auto;
	height:37px;
	color: #666666;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#footer a{
	color: #666666;
}
#footer a:hover{
	color: #00608E;
}
.copyright{
float:left;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #fff;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #fff;
}

/*-----------------------------Footer 2 - (copyright and links) ------------------*/
#footer2{
	clear:both;
	width: auto;
	height:50px;
	color: #666666;
        background-color:#B5D0ED;
        padding-top:10px;
}
#footer2 a{
	color: #666666;
}
#footer2 a:hover{
	color: #00608E;
}
.copyright2{
float:left;
padding-left:10px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.footer2_links{
float:right;
padding-right:15px;
padding-top:13px;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
}
.footer2_links a{
text-decoration:none;
color: #fff;
padding-left:0px;
}
.footer2_links a:hover{
text-decoration:underline;
color: #fff;
}

/*-----------------------------Footer 3 - (Base margin 0) ------------------*/
#footer3 {
	padding: 10px 0 12px 0;
	text-align: center;
	height:70px;
	background-color: #DEF7EF;
}

#footer3 #footerContainer {
	color: #0D2C12;
	margin: 0 auto;
	padding: 0 23px;
	text-align: left;
	width:900px;
}

#footer3 .footertools {
    float: left;
    width: 500px;  
}

#footer3 .footertools img {
    float: left;
    margin: 0 15px 0 0;
}

#footer3 .footertools .footerInfo {
    float: left;
    padding: 13px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}

#footer3 .footertools p {
    margin: 5px 0 0 0;
}

#footer3 ul,
#footer3 ul {
    margin: 10px 0 0 0;
}

#footer3 li {
    border-right: 1px solid #fff;
    display: inline;
    float: left;
    margin: 0 7px 0 0;
    padding: 0 7px 0 0;
}

#footer3 li.last {
	border: none;
	}

#footer3 a {
	color: #0D2C12;
	text-decoration: none;
}

#footer3 a:hover {
	text-decoration: underline;
}  

#footer3 .colophon {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
    float: right;
    padding: 18px 0 0 35px;
    /*    width: 242px; */
}




/** Featured Area **/

#featured_area {
	height: 260px;
	overflow: hidden;
	position: relative;
	background-color: #2A923B;
}

#featured_area div#mySlides {
}

#featured_area .description {
	float: right;
	width: 265px;
	height: 152px;
	position: relative;
}

#featured_area .description h2 {
	font-size: 14px;
	color: #423d3a;
	margin-bottom: 5px;
	font-weight: bold;
}

#featured_area .description p {
	font-size: 20px;
	font-family: georgia, Arial, sans-serif;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 10px;
	line-height: 20px;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#featured_area .description a:hover{
	font-size: 11px;
	color: #0d2c12;
	text-transform: uppercase;
}

#featured_area .photo {
	background: url(images/featured_image_bg.gif) repeat-x;
	float: left;
}

#featured_area .photo img {
	width: 635px;
	height: 260px;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 260px;
	overflow: none;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: -4px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(images/prev-trans.png) no-repeat;
	left: 0px;
}

a.jFlowNext {
	background: url(images/next-trans.png) no-repeat;
	right: 0px;
}

div#myController {
	display: none;
}


/*----------------------- Main Page - 3 Columns-------------------*/
#leftcol #recentPosts h4{ height: 30px;}
#leftcol #recentPosts div{ float: left; width: 166px; padding-right: 20px; margin: 0 20px 15px 0; border-right: 1px solid #d8d8d8; }
#leftcol #recentPosts div.clear{ float: none; width: auto; padding: 0; margin: 0; border-right: none; }
#leftcol #recentPosts div img{ border: none; }
#leftcol #recentPosts div.last{ padding-right: 0; margin-right: 0; border-right: none; }
#leftcol #recentPosts div p{ color: #666666; line-height: 19px; margin: 0 0 19px; }
#leftcol #recentPosts div p.date{ font-size: 10px; color: #666666; line-height: 1; margin: 10px 0; }
#leftcol #recentPosts div p.title{ 
	margin:0px;
	font-size:13px;
        font-weight: bold;
	color:#333333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#leftcol #recentPosts div p.title a{ color: #0099cc; padding: 0; border: none; }

.spinner{ display: block; width: 564px; height: 321px; float: left; overflow: hidden; }

#leftcol #recentPosts div p.quote {
   font-family : georgia, palatino, 'times new roman', serif;
   font-size : 13px;
   font-style : italic;
}

/*----------------------- What We Do Page-------------------*/

#supercol-left {
float:			left;
width:			560px;
margin-bottom:          30px;
border-bottom:          1px solid #e8e7e7

}

.col-span-two {
float:			left;
width:			145px;
padding-top:            10px;
}

.col-span-two p { padding: 0 20px 10px 20px; }

.col-span-two img { border: none; }

.col-span-projects {
float:			left;
width:			370px;
padding:		10px 10px 10px 10px;
margin:			0 10px 0 10px;
}

img.project { float:left; margin: 5px; padding: 5px; }
img.project-page { float:left; margin: 0px; padding: 0px; }

.projects-rule { border-top: 1px solid #e8e7e7; padding-left: 2px; clear: both; }

.projects h1 { color: #1c4a5a; margin-bottom: 6px; }
.projects h2.latest { padding-top: 20px; margin-bottom: 20px; }
.projects h3 { padding-top: 15px; margin-bottom: 6px; }
.projects h4 { color: #f60; }
.projects a { color: #1C4A5A }



/*----------------------- alert box -------------------*/
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:7px;
	        width:300px;
	}
	.clean-gray-long{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:7px;
	}

	.add{
		background:url(http://communityenvironment.org/main_website/wp-content/themes/CEAvCleanUP09/images/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
a.button{
	background:url(http://communityenvironment.org/main_website/wp-content/themes/CEAvCleanUP09/images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

/*----------------------- Donate Buttons -------------------*/

.btn_donate {
	float: left;
	clear: both;
	background: url(http://communityenvironment.org/main_website/wp-content/themes/CEAvCleanUP09/images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
	color: #ffffff;
}
.btn_donate a{
	float: left;
	height: 40px;
	background: url(http://communityenvironment.org/main_website/wp-content/themes/CEAvCleanUP09/images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #ffffff;
	font-size: 1.5em;
	text-decoration: none;
}
.btn_donate span {
	background: url(http://communityenvironment.org/main_website/wp-content/themes/CEAvCleanUP09/images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_donate { background-color: green; }

.clear {
	clear: both;
}
#centerbtn {
	margin-left: 75px;
}