/* CSS Document */

body, html 
	{
	background: #FFFFFF url(../../_images/bg/main-bg.jpg) repeat-x top left;
	margin: 0px; padding: 0px;
	}

/* --- Anchor Formating --- */

a:link, a:visited, a:active	
	{
	text-decoration: underline;
	color: #003366;
	}

a:hover	
	{
	text-decoration: none;
	color: #37646F;
	
	}	

a.sbnav:link, a.sbnav:visited, a.sbnav:active	
	{
	text-decoration: underline;
	color: #003366;
	border-left: 4px solid #539EBB;
	padding-left: 5px;
	font-size: 12px;
	}

a.sbnav:hover	
	{
	text-decoration: none;
	border-left: 4px solid #37646F;
	color: #37646F;
	}
/* --- Headers --- */

h1 
	{
	font: 26px/28px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0px; margin: 10px 0px 10px 0px;
	color: #333333;
	font-weight: bold;
	}

h2 
	{
	font: 14px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0px; margin: 10px 0px 10px 0px;
	color: #277A92;
	font-weight: bold;
	}

/* --- Paragraphs --- */

p 
	{
	font: 14px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0px; margin: 10px 0px 10px 0px;
	color: #666666;
	}
	
p.small { font: 12px/14px "Trebuchet MS", Verdana, Arial, sans-serif; }
p.center { text-align: center; }
p.bold { font-weight: bold; }	
p.white { color: white; }
p.dgreen { background-color: #ACC6CC; padding: 10px; margin: 0px; }
p.lgreen { background-color: #B0D889; padding: 10px; margin: 0px; }
div.lgreen2 { background-color: #B0D889; padding: 10px; margin: 0px; }
p.lcite { background: #FFFFFF url(../../_images/bg/dgreen.jpg) top right no-repeat; padding: 20px 0px 10px 0px; margin: 0px; }
p.dcite { background: #FFFFFF url(../../_images/bg/lgreen.jpg) top right no-repeat; padding: 20px 0px 10px 0px; margin: 0px; }
/* --- Lists  --- */

ul, ol 
	{
	font: 14px/21px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #666666;
	}
	
li
	{
	list-style-image: url(../../_images/blts/arrow-green.gif);	
	}
	
ul.subnavlist
	{
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	}
	
ul.subnavlist ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}	
	
ul.subnavlist li {
	list-style-image: url(../../_images/spacer.gif);	
	}		
	
/* --- IDs --- */

#control 
	{
	width: 660px;
	position: relative;
	margin-left: auto; margin-right: auto;
	}
#nav
	{
	position: absolute;
	top: 10px;
	}
/* --- Classes --- */

.header
	{
	width: 660px;
	position: absolute;
	top: 64px;
	}
	
.mid 
	{
	top: 140px;
	position: absolute;
	width: 660px;
	}
	
.right-mid 
	{
	width: 235px;
	float: right;
	}
	
.left-mid
	{
	width: 410px;
	float: left;
	}

.content
	{
	top: 290px;
	position: absolute;
	width: 660px;
	}
	
.right-content 
	{
	width: 235px;
	float: right;
	}
	
.left-content
	{
	width: 410px;
	float: left;
	}
			
.logo 
	{
	float: left;
	width: 287px;
	}
	
.mission
	{
	float: right;
	width: 333px;
	padding-top: 15px;
	}	
	
.footer 
	{
	clear: both;
	text-align: center;
	border-top: 1px dotted #c4c4c4;
	}
/* --- Navigation --- */

#nav ul 
	{
	margin: 0px; padding: 0px;
	}
	
#nav li 
	{
	list-style-type: none; 
	float: left;
	padding-top: 0px;
	margin: 0px 0px 0px 1px;
	/* border-left: 1px dotted #92C2D3; */
	}
	
#nav li:hover
	{
	background: #333333 url(../../_images/bg/nav-bg.jpg) repeat-x;
	}	
	
#nav a:link, #nav a:visited
	{
	padding: 0px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
	color: #464646;
	font-size: 14px;
	color: #E1E1E1;
	height: 37px;
	display: block;
	width: 80px;
	text-align: center;
	}

html>body #nav a:link, #nav a:visited
	{
	padding: 0px 5px 0px 5px; margin: 0px;
	height: 27px;
	display: block;
	width: 80px;
	text-align: center;
	}
	
#nav a:hover
	{
	color: #0085A7;
	background: transparent url(../../_images/blts/nav-arrow-gray.gif) bottom center no-repeat;
	}
	
body#home li.nav-home { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#community li.nav-community { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#services li.nav-services { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#programs li.nav-programs { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#thrift li.nav-thrift { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#about li.nav-about { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }
body#contact li.nav-contact { background: transparent url(../../_images/bg/nav-bg.jpg) top left repeat-x; }