/*
Theme Name: Civic Works
Theme URI: http://www.civicworks.org
Description: This is the official theme for the Civic Works web site.
Version: 1.0
Author: Lindsey D. Marable, J. D.
Author URI: http://www.ldm-designs.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Civic Works v.1.0
	 http://www.ldm-designs.com/

	This theme was designed and built by Lindsey D. Marable.

*/

@import url(wordpress.css);
@import url(navigation.css);
@import url(calendars.css);
@import url(forms.css);

* {		padding: 0;
		margin: 0;
	}

/***DEFAULT STYLES*******************/
/************************************/

body {
	background: #4F832E url(images/grad.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.125em; /* 16�1.125=18 */
	min-width: 780px;
	text-align: center;
	font-size: 100%;
	}
	
a {	color: #324C99;
	text-decoration: none;}

a:hover {	color: #73B74B;}

p, h1, h2, h3, h4, h5, h6, dd, dt { color: #324C99;}

/***CONTAINER STYLES*****************/
/************************************/

#container	{
	width: 750px;
	background-color: #FFFFFF;
	border: 4px solid #324C99;
	
	margin: auto;
	
	position: relative;
	top: 80px;
	z-index: 0;
	text-align: left;
	}

#logo a { display: block; width: 253px; height: 203px;}
#logo a span { display: none;}
#logo	{
	width: 253px;
	height: 203px;
	
	background: url(images/logo.jpg) no-repeat;
	
	position: relative;
	top: -49px;
	left: 20px;
	
	z-index: 1;
	}

html>body #logo{
	background: url(images/logo.png) no-repeat;
	width: 253px;
	height: 203px;
	top: -55px;
	left: 20px;
	}

#bigLogo	{
	width: 440px;
	height: 468px;
	
	background: url(images/logo-big.jpg) no-repeat;
	
	position: absolute;
	bottom: 55px;
	right: 0px;
	
	z-index: 1;
	}

#award a span {display: none;}
#award a { display: block; width: 103px; height: 111px; }
#award a:hover { background: url(images/award2.gif) no-repeat; }
#award	{
	background: url(images/award.gif) no-repeat;
	width: 103px;
	height: 111px;
	
	z-index: 8;
	position: absolute;
	top: 170px;
	left: 170px;
	}

#topGfx  {
	background: url(images/picFrame.gif) no-repeat;
	width: 498px;
	height: 230px;
	
	z-index: 8;
	position: absolute;
	top: 20px;
	right: -26px;
	}

#header_gallery{
	width: 490px;
	height: 222px;
	
	z-index: 7;
	position: absolute;
	top: 20px;
	right: -26px;
	}

/***CONTENT STYLES*******************/
/************************************/

#content {
	position: relative;
	top: -25px;
	z-index: 7;
	width: 515px;
	margin-left: 10px;
    border-top: 1px dashed #C0C0C0;
    padding: 10px 0 225px 0;
	}

#content p, #content li	{
	font-size: .875em;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: #606060;
	}
#content p {
	margin-bottom: 1em;
	}

#content li {
	margin: 0 0 8px 25px;
	}

#content ul li:before {
	content: "\00BB \0020";
	}

#content ul { 	margin-bottom: 10px;	}

#content h3	{	margin-bottom: 10px;	}

.mapp-div {		border: 3px double #BBBBBB;	}

#headlines	{	font-family: Times New Roman, times, serif; }
#headlines h3	{	margin-bottom: 1em;}
#headlines p	{	margin-bottom: .875em; margin-left: 2em; font-style: italic; font-weight: bold;}
	
h4.home span {display: none;}
h4.home	{ width: 385px; height: 67px; background: url(images/betterBmore.gif) no-repeat; margin-bottom: 20px;}

#americorps a span	{ display: none;}
#americorps a{
	display: block;
	width: 120px;
	height: 121px;
	}
	
#americorps{
	width: 120px;
	height: 121px;
	
	background: url(images/americorps.gif) no-repeat;
	
	position: relative;
	top: 10px;
	left: 0px;
	z-index: 5;
	margin: auto;
	}

#donate	{
	background: #0000CC url(images/donate.jpg) no-repeat;
	width: 200px;
	height: 84px;
	

	position: relative;
	top:0px;
	left: 0px;
	margin: auto;
	}

#donate	a span{	position: absolute;	 left:-9999em;}
#donate	a{
	display: block;
	width: 196px;
	height: 80px;
	border: 2px solid #324C99;
	}

#donate	a:hover {
	border: 2px solid #FFD308;
	}

#new_job	{
	border: 3px double #BA0202;
	width: 184px;
	background-color:#FFE8E7;
	padding: 5px;
	}

#new_job p	{
	text-align:center;
	color:#CC0000;
	font-size: .85em;
	}

#new_job p	a{
	font-weight: bold;
	font-size: 1.2em;
	}

/***FOOTER STYLES********************/
/************************************/

#footer{
	width: 750px;
	height: 224px;
	
	background: url(images/bottom.gif) no-repeat;
	
	position: relative;
	bottom: 0px;
	z-index: 5;
	}

#footer p {	font-size: 0.75em;}
#footer p, #footer h6	{ 	color: #FFFFFF; margin-bottom: 8px;}

#footer p#address a {	color: #FFFFFF;}
#footer p#address a:hover {	color: #73B74B;}
#footer p#address {	
	position: absolute;
	top: 135px;
	left: 15px;
	font-size: 0.75em;
	}

#footer #oMalley h6{	
	font-family: Times New Roman, times, serif; 
	font-weight: bold; 
	font-style: italic; 
	font-size: 0.875em
	}
	
#footer #oMalley{
	background: url(images/quotes.gif) no-repeat 190px 0px;
	
	position: absolute;
	bottom: 5px;
	right: 15px;
	z-index: 5;

	text-align: right;
	width: 300px;
	padding-top: 35px;
	}

/***MISCELLANEOUS STYLES*************/
/************************************/
#misc1 {
	background: url(images/ltcorner.gif) no-repeat;
	width: 38px;
	height: 41px;
	position: absolute;
	top: -7px;
	left: -7px;
	}

#misc2 {
	background: url(images/rtcorner.gif) no-repeat;
	width: 38px;
	height: 41px;
	position: absolute;
	bottom: -6px;
	right: -7px;
	}