/*

main style sheet

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Headers
Navigation
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.gif) transparent repeat top left;
	color: #2A1A0B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	padding: 11px 0 0 0;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #334358;
	outline: none;
}

a.external {
	background-image: url(../images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

embed, object {
	display: block;
}

#right li ul {
	padding: 10px 0 0 0;
}
/*---------------

PAGE STRUCTURE

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

#wrapper {
	background: url(../images/backgrounds/wrapper.gif) transparent repeat-y top left;
	margin: 0 auto;
	width: 754px;
}

#top {
	background: url(../images/backgrounds/top.jpg) transparent no-repeat top left;
	float: left;
	height: 131px;
	padding: 19px 0 0 14px; 
	width: 740px;
}

#left {
	float: left;
	padding: 0 19px 0 17px;
	width: 150px;
}

#right {
	background: url(../images/backgrounds/right.jpg) transparent no-repeat top left;
	color: #FCFFF5;
	float: left;
	overflow: hidden;
	padding: 66px 17px 7px 17px;
	text-align: justify;
	width: 534px;
}

/*------------------unique header graphics-----------------*/

.non-profits #right {background: url(../images/backgrounds/books-right.jpg) transparent no-repeat top left;}
.non-profits #top {background: url(../images/backgrounds/books-top.jpg) transparent no-repeat top left;}

.schools #right {background: url(../images/backgrounds/grafiti-right.jpg) transparent no-repeat top left;}
.schools #top {background: url(../images/backgrounds/grafiti-top.jpg) transparent no-repeat top left;}

.profits #right {background: url(../images/backgrounds/plants-right.jpg) transparent no-repeat top left;}
.profits #top {background: url(../images/backgrounds/plants-top.jpg) transparent no-repeat top left;}

.about #right {background: url(../images/backgrounds/build-right.jpg) transparent no-repeat top left;}
.about #top {background: url(../images/backgrounds/build-top.jpg) transparent no-repeat top left;}

.approach #right {background: url(../images/backgrounds/boxes-right.jpg) transparent no-repeat top left;}
.approach #top {background: url(../images/backgrounds/boxes-top.jpg) transparent no-repeat top left;}

.clients #right {background: url(../images/backgrounds/clothing-right.jpg) transparent no-repeat top left;}
.clients #top {background: url(../images/backgrounds/clothing-top.jpg) transparent no-repeat top left;}

.resources #right {background: url(../images/backgrounds/wall-right.jpg) transparent no-repeat top left;}
.resources #top {background: url(../images/backgrounds/wall-top.jpg) transparent no-repeat top left;}




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

HEADERS

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

h1, h2 {
	float: left;
	text-indent: -9999px;
}

h1 {
	background: url(../images/headers/h1.gif) transparent no-repeat top left;
	height: 109px;
	width: 344px;
}

h2 {
	background: url(../images/headers/h2.gif) transparent no-repeat top left;
	height: 54px;
	display: inline;
	width: 534px;
}

h3 {
	color: #4C6519;
	font-size: 1.3em;
	padding: 0 10px 15px 10px;
	text-align: left;
}

h4 {
	color: #FCFFF5;
	font-size: 1em;
	padding: 0 10px 10px 10px;
}

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

NAVIGATION

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

#left ul {
	border-bottom: 2px solid #C9CEC0;
	float: left;
	padding: 2px 0 20px 0;
	width: 150px;
}

#left li {
	float: left;
	list-style-type: none;
	width: 150px;
}

#left li a, #left li.current, #left li.sub-main {	
	float: left;
	height: 22px;
	text-decoration: none;
	text-indent: -9999px;
	width: 150px;
}

#left li.sub-main {
	background: none;
	height: auto;
}

#left li a:hover {
	background-position: 0 -22px;
}

#home {background: url(../images/nav/home.gif) transparent no-repeat top left;}
#non-profits {background: url(../images/nav/non-profits.gif) transparent no-repeat top left;}
#schools {background: url(../images/nav/schools.gif) transparent no-repeat top left;}
#profits {background: url(../images/nav/profits.gif) transparent no-repeat top left;}
#about {background: url(../images/nav/about.gif) transparent no-repeat top left;}
#approach {background: url(../images/nav/approach.gif) transparent no-repeat top left;}
#resources {background: url(../images/nav/resources.gif) transparent no-repeat top left;}
#clients {background: url(../images/nav/clients.gif) transparent no-repeat top left;}
#contact {background: url(../images/nav/contact.gif) transparent no-repeat top left;}
#approach {background: url(../images/nav/approach.gif) transparent no-repeat top left;}

#left li.current, #left li.sub-main a {
	background-position: 0 -44px;
}

/*--------------------------subnavigation-------------------------*/

#left li ul {
	border: 0;
	padding: 0 0 5px 10px;
	text-align: left;
	width: 147px;
}

#left li li {
	color: #fff;
	height: auto;
	text-indent: 0;
	width: 147px;
}

#left li li a, .sub-current {
	border-left: 2px solid #5A6A8C;
	color: #EFF6E0;
	font-size: 12px;
	height: auto;
	padding: 3px;
	text-indent: 0;
	width: 141px;
}

#left li li.sub-current {
	border-bottom: 1px solid #EFF6E0;
	width: 141px;
}

#left li li a:hover {
	background-color: #4C5976;
	border-left: 2px solid #EFF6E0;
}

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

TEXT-TREATMENTS

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

#left p {
	background: url(../images/backgrounds/left-p.gif) transparent no-repeat top left;
	float: left;
	height: 130px;
	position: relative;
	left: -5px;
	text-indent: -9999px;
	width: 150px;
}

#right p {
	padding: 0 10px 22px 10px;
}

#right p#bottom {
	background: url(../images/backgrounds/bottom-p.gif) transparent no-repeat top left;
	float: left;
	height: 120px;
	margin: -10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 534px;
}

#right ul {
	padding: 0 10px 22px 24px;
}

#right li {
	background: url(../images/backgrounds/ul-li.gif) transparent no-repeat 0 6px;
	list-style-type: none;
	padding: 0 0 7px 19px;
}

#footer p {
	color: #4F596E;
	font-size: 12px;
	padding: 9px 0;
}



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

IMAGES

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

#right img {
	border: 1px solid white;
	float: right;
	margin: 0 10px 0 24px;
}

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

SCHOOLS PAGE

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

.school-service {
	display: block;
	float: left;
	text-align: left;
	width: 267px;
}

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

CLIENTS PAGE

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

#client-logos {
	background: #fff;
	float: left;
	margin: 0 0 10px 0;
}

#client-logos a img, #client-logos img {
	border: 1px solid #ccc;
	float: left;
	margin: 10px;
	padding: 2px;
}