@charset "UTF-8";
/*
Design by Life - First Presbyterian Church, Greenville, SC
*/

body {
	margin: 0;
	padding: 0;
	background: #000000 url(images/background-top.jpg) top center no-repeat ;
	font-size: 12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #898989;
}

h1 {
	font-size: 12px;
}

h2 {
	font-size: 23px;
}

a:hover, a:active {
	text-decoration: none;
	color: #1B75A9;
}

a:visited {
	color: #1B75A9;
}

img {
	border: none;
}

#wrapper {
	margin: 38px auto 0 auto;
	width:600px;
	padding: 0;
	background:#FFF;
}

/* Header */

#header {
	float:left;
	width: 600px;
	margin: 0 auto;
	height: 81px;
	border-bottom: #83902d solid 3px;
}

#logo {
	float:left;
	width:100px;
	padding-left:12px;
}

#header h1 a {
	color:#898989;
	text-decoration:none;
}

#header h1 {
	margin: 0px;
	padding-right: 26px;
	float: right;
	letter-spacing:3px;
	text-transform: uppercase;
}

/* Nav */

#nav
	{ 
	float:left;
	margin-top:42px;
	margin-left:120px;
	margin-bottom:3px;
	width:326px;
	height:25px;
	}

	
#nav ul 
	{
	margin:0;
	list-style:none;
	width: 326px;
	height: 25px;
	}

#nav li 
	{
    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;
	padding-top: 6px;
	background: url(images/nav.png) no-repeat;
	}	
	
#aboadd
	{
	width:600px;
	height:139px;
	background: url(images/nav2.png) top center repeat-x;	
	}
	
#aboadd ul 
	{
	margin:0 0px 0 235px;
	list-style:none;
	width: 300px;
	height: 18px;
	}

#aboadd li 
	{
    list-style: none;
	display: inline;
	text-align: left;
	}

#aboadd li a 
	{
	text-decoration: none;
	display:block;
	float:left;
	padding-top: 7px;
	}
	
#aboadd li	a:hover, a:active {
	font-weight:700;
}

aboadd#mission li#mission a:link, aboadd#mission li#mission a:visited {
	font-weight:700;
	}
	
aboadd#connect li#connect a:link, aboadd#connect li#connect a:visited {
	font-weight:700;
	}
	
aboadd#engage li#engage a:link, aboadd#engage li#engage a:visited {
	font-weight:700;

	}
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
li#home a {
	color:#555555;
	width:82px;
	height:19px;
	 }
li#about a {
	color:#555555;
	width:79px;
	height:19px;
	 }
li#events a {
	color:#555555;
	width:79px;
	height:19px;
	 }
li#contact a {
	color:#555555;
	width:82px;
	height:19px;
	 }
li#mission a {
	color:#ffffff;
	width:78px;
	height:18px;
	 }
li#connect a {
	color:#ffffff;
	width:78px;
	height:18px;
	 }
li#engage a {
	color:#ffffff;
	width:78px;
	height:18px;
	 }	 
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#home a:link, li#home a:visited, li#home a:focus {	
	background-position: -0px -50px;
	}
	
li#home a:hover {	
	background-position: -0px -250px;
	}
	
li#about a:link, li#about a:visited, li#about a:focus  {	
	background-position: -82px -75px;
	}
	
li#about a:hover{	
	background-position: -82px -350px;
	
	}	
	
li#events a:link, li#events a:visited, li#events a:focus {	
	background-position: -161px 0px;
	}
	
li#events a:hover {	
	background-position: -161px -125px;

	}	
	
li#contact a:link, li#contact a:visited, li#contact a:focus {	
	background-position: -240px 0px;
	}
	
li#contact a:hover {	
	background-position: -240px -150px;

	}

/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	

body#home-page li#home a:link, body#home-page li#home a:visited {
	color:#ffffff;	
	background-position: -0px -0px;
	}
body#home-page li#about a:link, body#home-page li#about a:visited {	
	background-position: -82px -0px;
	}
body#home-page li#about a:hover, body#home-page li#about a:focus {	
	background-position: -82px -100px;
	}


body#about-page li#about a:link, body#about-page li#about a:visited {
	color:#ffffff;		
	background-position: -82px -25px;
	}
body#about-page li#home a:link, body#about-page li#home a:visited {	
	background-position: -0px -25px;
	}
body#about-page li#events a:link, body#about-page li#events a:visited {	
	background-position: -161px -25px;
	}	
body#about-page li#home a:hover, body#about-page li#home a:focus {
	background-position: -0px -175px;
	}
body#about-page li#events a:hover, body#about-page li#events a:focus {	
	background-position: -161px -200px;
	}
		

body#events-page li#events a:link, body#events-page li#events a:visited {
	color:#ffffff;		
	background-position: -161px -50px;
	}
body#events-page li#about a:link, body#events-page li#about a:visited {	
	background-position: -82px -50px;
	}
body#events-page li#contact a:link, body#events-page li#contact a:visited {	
	background-position: -240px -50px;
	}
body#events-page li#about a:hover, body#events-page li#about a:focus {	
	background-position: -82px -275px;
	}
body#events-page li#contact a:hover, body#events-page li#contact a:focus {	
	background-position: -240px -300px;
	}


body#contact-page li#contact a:link, body#contact-page li#contact a:visited {
	color:#ffffff;		
	background-position: -240px -75px;
	}
body#contact-page li#events a:link, body#contact-page li#events a:visited {	
	background-position: -161px -75px;
	}
body#contact-page li#events a:hover, body#contact-page li#events a:focus {	
	background-position: -161px -375px;
	}



/* Page */

#page {
	clear:both;
	margin:0 auto;
	width: 600px;
	background: #FFF;
}

/* News */

#news {
	margin: 0px auto;
	padding: 13px;
	width: 574px;
}

#news img{
	float:left;
}

#news h1{
	margin: 15px 0 0 0;
	float:left;
}

#news h2{
	margin: 17px 0 0px 0;
	font-size:12px;
	color:#555555;
}

#newsrt h2{
	margin: 20px 0 -3px 0;
	font-size:12px;
	color:#898989;
}

#news h3{
	margin: 0px 0 0px 0;
	font-size:9px;
}

#news a {
	font-size:12px;
	color:#d2e072;
	text-decoration:none;
}

#news p{
	margin: 4px 0 5px 0;
	font-size:10px;
	color:#898989;
}

#newslf {
	width: 337px;
	float:left;
	background: #f6f6f6;
}

#newsrt {
	width: 220px;
	float:right;
	background: #f6f6f6;
}
#news-top {
	height:31px;
	background: url(images/news-top.png) repeat-x;
}

#newslf-middle {
	width: 287px;
	padding: 0 15px 0 15px;
	margin: 0 auto;
	border-top:#898989 dotted 2px;
}

#newsrt-middle {
	width: 190px;
	padding: 0 15px 0 15px;
	margin: 0 auto;
	border-top:#898989 dotted 2px;
}
#news-bottom {
	height: 8px;
	background: url(images/news-bottom.png) repeat-x;
}

/* Content */

body#home-page #content {
	background:url(images/bg.jpg) top left no-repeat;
	height:85px;
	width: 560px;
	padding-top:75px;
}

body#home-page #content h1{
	font-size:18px;
	color:#83902d;
	margin:0px 0px 0px 240px;
}

body#home-page #content h2{
	font-size:12px;
	color:#83902d;
	margin:5px 0px 0px 450px;
}

body#about-page #content p{
}

#content {
	clear:both;
	padding: 0px 20px;
	width: 560px;
}

#content h1{
	font-size:14px;
	color:#838e37;
	display:inline;
}

#content p{
	display:inline;
}

#content h2{
	font-size:11px;
	text-transform:uppercase;
	display:inline;
	font-weight:400;
	color:#464646;
}

#content h6{
	font-weight:normal;
	font-size:10px;
	display:inline;
	color:#898989;
}

#content a{
	font-size:11px;
	text-decoration:none;
	color:#c3d06a;
}

body#about-page #content img{
	float:right;
}

#contentlf {
	background:url(images/missionbg.jpg) center no-repeat;
	float:left;
	width:199px;
	height:148px;
	margin: 30px 0 0px 5px;
	padding: 30px 13px 0px 13px;
}

#contentrt {
	float:right;
	width:292px;
	margin-top:-20px;
}
#aboadd img{
	float:left;
}

#abomiss {
	width:258px;
	margin: 23px 0px 0px 304px;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	font-style:italic;
}

#abocon {
	float:right;
	width:285px;
	margin: 20px 15px 0px 0px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

#abocon h1{
	color:#FFF;
	font-size:15px;
}


/* Footer */

#footer {
	clear: both;
	width: 600px;
	height: 75px;
	background: url(images/background-bottom.jpg) bottom no-repeat;
}

#facebook {
	margin:24px 20px 0 0px;
	float:right;
}

#legal {
	color:#555555;
	float:left;
	margin: 18px 0px 0 40px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
}

#legal a{
	text-decoration:none;
	color:#555555;
}