@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #DDEFFB;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	background-image:url(../images/bg_wave.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#oneColFixCtr {
height:auto;
}

.clear {clear:both;}

/* These are styles for the header tags */

h1, h2, h3, h4 {
color:#FFFFFF;
}

h1 {
padding-bottom: 5px;
border-bottom: 1px solid white;
}

/* Miscellaneous Pagebody Styles */

#shoutbar {
background-image:url(../images/shoutbar_bg.png);
background-repeat:repeat-x;
height: 32px;
overflow:hidden;
}	

#shoutbar p{
font-size: .75em;
text-align:center;
color:#c3e4f7;
margin: 1px auto;
width: 780px;
height: 32px;
position:relative;
z-index: 20;
}

#site_logo {
margin: -45px auto -250px auto;
height:280px;
width:359px;
background-image:url(../images/logo_header.png);
background-repeat:no-repeat;
background-position:center;
position:relative;
z-index: 7;
}

#site_logo h1{
visibility:hidden;
color:#003300;
}

#site_logo img{
border:0px;
}

.clear_link {
margin-top:-20px;
height:178px; 
width:365px;}

#rounded_top {
height:100px;
width: 780px;
margin: 125px auto -22px auto;
background-image:url(../images/rounded_top.png);
background-repeat:repeat-x;
color:#FFFFFF;
}


/* Navigation */

#navigation {
color:#FFFFFF;
font-size: 1.15em;
position:relative;
margin: 0 auto 0 auto;
padding: 40px 45px 0 5px;
z-index: 8;
}

#navigation .float_left, .float_right, a:link{
color:#FFFFFF;
text-decoration:none;
}

#navigation .float_left, .float_right, a:hover{
color:#CCFF33;
text-decoration:none;
}

#navigation .float_left, .float_right, a:visited{
color:#FFFFFF;
text-decoration:none;
}

#navigation .float_left, .float_right, a:visited:hover{
color:#CCFF33;
text-decoration:none;
}

#navigation .float_left, .float_right, a:active{
color:#003333;
text-decoration:none;
}

#navigation .float_left {
float:left;
width: 350px;
}

#navigation .float_right {
float:right;
}

.oneColFixCtr #container {
font-size: .85em;
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #00A032;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Blue Banner that contains the recycle illustration as well as the "about OVCE" blurb */
.oneColFixCtr #blue_banner {
width: 100%;
height: 196px;
background-image:url(../images/blue_banner.png);
background-repeat:repeat-x;
overflow:hidden;
margin: 5px 0;
z-index:5;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}

.oneColFixCtr #blue_banner img.cycle {
height: 188px;
width: 191px;
border: 0px;
float:left;
margin: 0px 0 0 80px;
}

.oneColFixCtr #blue_banner p{
margin: 10px 0 0 405px;
color:#FFFFFF;
font-size:24px;
padding: 5px 10px 0 0;
}

/* Main Content */

.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:auto;
}

/* The Left content area styles */ 

#left_column {
width: 400px;
float:left;
position:relative;
clear:none;
}

* + html #left_column {
min-height:750px;
}

.posted_at {
padding-top: 5px;
font-size:10px;
text-align:right;
border-top: dashed 1px white;
}

#left_pop_rounded {
background-image:url(../images/left_pop_rounded.jpg) norepeat;
margin:0 0 0 -20px;
}

#left_pop_area {
background-image:url(../images/architechture_POP_bg.png);
background-repeat:no-repeat;
padding: 15px 5px 5px 5px;
height: 243px;
font-size:10px;
margin: 0 -20px 0 0;
}

#left_pop_area img {
text-align:left;
margin: 0 20px 0;
float:left;
border:none;
}

#left_pop_area a {color:#003300; text-decoration:underline;}
#left_pop_area a:hover {color:#666666; text-decoration:none;}

#left_pop_area h1,h2,h3,h4 { color:#003300;}

.current_amount {
font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
}

ul.left_align {position:relative; float:left; width:155px;}
ul.right_align {position:relative; float:right;}

/* Overall Right Column Sidebar Styles */


/* Firefox/Opera */ 
#right_column {
background-color:#84c682;
height:auto;
width: 300px;
margin: -15px 0 0 420px;
padding: 20px;
z-index:2;
position:relative;
background-image:url(../images/sidebar_bg.png);
background-position:bottom center;
background-repeat:no-repeat;
}

* + html #right_column {
background-color:#84c682;
width: 300px;
margin: -15px 0 0 20px;
padding: 20px;
z-index:2;
position:absolute;
float:right;
background-image:url(../images/sidebar_bg.png);
background-position:bottom center;
background-repeat:no-repeat;
}

#right_column img {border:0px;}

/* Drink a beer and enjoy the following DIV styles */


/* This is the CSS for the color-changing Events table */
caption {
font-size:16px;
text-align:left;
color:#FFFFFF;
}

table {
}

th {
color: #FFF;
background:#754241;
padding: 4px;
}

td {
padding: 4px;
}

td.border_bottom {
border-bottom: 1px solid #F4CBA9;
padding: 4px;
}

tr.header_events {
color:#FFFFFF;
background:#003300;
padding: 5px;
}

tr.bgchange:hover {
background-color:#84c682;
}
tr.bold {
font-weight:bold;
}


/* Footer */

.oneColFixCtr #rounded_bottom {
height:56px;
width: 780px;
margin: 0 auto 0 auto;
background: url(../images/rounded_bottom.png) top center no-repeat;
}

.oneColFixCtr #rounded_bottom p {
margin: 0;
font-size:.50em;
color:#cccccc;
padding: 15px;
border-top:#66FF66 solid 1px 50%;
}

.spacer_leaf {margin:-6px 0;}

.oneColFixCtr #rounded_bottom a:link {
color:#33FF66;
}

.oneColFixCtr #rounded_bottom a:hover {
color:#000066;
}

/* Block Quote Style */

.campaign_block {background:url(../images/blockquote_bg.jpg) repeat-x; padding:0 5px 0 5px;}