body { padding: 0 0 0 10px; background-color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: small; color: #795200; }
.home { background-color: #A0CE67; }
div {padding: 0; margin: 0;}

h1{	font-size: 26pt;	margin: 20px 0 7px 0;	font-weight: normal;}
h2{	font-size: 16pt;	font-weight: normal;}
h3 { font-size: 14pt; font-weight: normal; margin: .5em 0 0 0;	}
h4 {font-weight:normal; font-size 13pt; margin-bottom:0; padding-bottom:0;}
p { font-size: 11pt; margin: .5em 0 0 0;	 }
.clear { font-size: 0px; 	height: 0px;	width: 100%;	margin: 0px;	padding: 0px;	line-height: 0px;	clear: both;}
.smaller-text p, .smaller-text li { font-size: 9pt; }
.red {color:red;}
#home-read-about {	position: relative;	left: 424px;	top: 245px;}

#header, #content-top, #content-sides, #content-bottom, #content, #footer, #sub-menu { 	width: 910px;	margin: 0 auto;	clear: both;}

#header { padding-bottom: 10px; }

#header #main-menu {	height: 70px;	width: 485px;	margin: 0px 0px 10px 0px;	padding: 8px 0px 0px;	display: inline;	border: none;	float: left;}
#header #logo {	height: 75px;	width: 425px;	float: right;	clear: right;}

#header #main-menu img { margin-right: 7px; }

.home #content {
	height: 564px;
	background-image: url(/images/ci/home-bg-1.jpg);
	background-repeat: no-repeat;
	border-style: none;
}

.home #feature-box {background-image: url(/images/ci/feature-bg1.gif); 	background-repeat: no-repeat;	background-position: top right;}
.home #header #logo { 	background-image: url(/images/ci/home-logo1.gif); background-repeat: no-repeat; }

#case-studies-link {	position: relative;	top: 495px;	left: 415px;	width: 440px;	height: 40px;	border: none;}
#banner img {	margin: 7px 0px 6px 8px;	padding: 0px;	border-style: none;	border-width: 0px;}

#content {	background-color: #FFFFFF;	padding: 0px;	padding-bottom: 7px;}
.nonprofits #content { background-color: #E070AC; }
.companies #content { background-color: #F0CC01; }
.volunteers #content { background-color: #A0CE67; }

#content2 {	padding: 7px 0 7px 7px;	background-repeat: repeat-y; background-image: url(/images/ci/content-about.gif);}
.nonprofits #content2 { background-image: url(/images/ci/content-nonprofits.gif); }
.companies  #content2 { background-image: url(/images/ci/content-companies.gif); }
.volunteers #content2 { background-image: url(/images/ci/content-volunteers.gif); }


#feature-box {	width: 389px;	height: 114px;	padding: 20px 15px 15px 35px;	float: right; background-position: top right;}
.nonprofits #feature-box {	background-image: url(/images/ci/feature-bg2-2.gif);	background-repeat: no-repeat;}
.companies #feature-box {	background-image: url(/images/ci/feature-bg3-2.gif);	background-repeat: no-repeat;}
.volunteers #feature-box {	background-image: url(/images/ci/feature-bg1-2.gif);	background-repeat: no-repeat;}


#links {	width: 276px;	float: right;	clear: right;	padding: 10px 0px 0px 0px;	color: #036CB6;	background-color: #FFFFFF; border-top-color: #0D6CB6;}
#links ul {	margin: 20px 5px 20px 20px;	padding: 0;	list-style-image: none;	list-style-type: none;}
#links li {	list-style-type: none;	margin-bottom: 15px;	margin-left: 0;	padding: 0;	list-style-image: none;}
#links a, #links a:link, #links a:visited  {	color: #036CB6;	text-decoration: none;}
#links a:hover { text-decoration: underline; }
.nonprofits #links { border-top-color: #E070AC; }
.companies #links { border-top-color: #F0CC01; }
.volunteers #links { border-top-color: #A0CE67; }


#left {	width: 550px;	padding-left: 50px;	padding-bottom: 5px;	color: #795300;	border-width: 0px;	border-style: none;}
#left a, #left a:link, #left3 a, #left3 a:link {	color: #795300;	text-decoration: underline;}
#left a:visited, #left3 a:visited {	color: #640064;	text-decoration: underline;}
#left a:hover, #left3 a:hover {	text-decoration: none;}

#slide-show {	height: 115px;	padding: 15px 10px 10px 10px;	border-top: 1px solid;	margin-top: 15px;	clear: right;	float: right; width:267px;  border-top-color: #0D6CB6; }
#slide-show2 {	height: 115px;	padding: 15px 10px 10px 10px;	border-top: 1px solid;	margin-top: 15px;	clear: right;	float: right;}

.nonprofits #slide-show { border-top-color: #E070AC; }
.ecosystems #slide-show { border-top-color: #795200; }
.companies #slide-show { border-top-color: #F0CC01; }
.volunteers #slide-show { border-top-color: #A0CE67; }


#content-top {	clear: both;	width: 910px;	padding: 0;	margin: 0; background-image: url(/images/ci/content-top-bg-blue.gif); 	background-repeat: no-repeat;	background-position: left top;  border-bottom: 7px solid #0D6CB6;  padding-bottom: 7px;}
.ecosystems #content-top { 	background-image: url(/images/ci/content-top-bg-brown.gif);	background-repeat: no-repeat;	background-position: left top;  border-bottom: 7px solid #795200;}
.nonprofits #content-top {  background-image: url(/images/ci/content-top-bg-pink.gif);	background-repeat: no-repeat;	background-position: left top; border-bottom: 7px solid #E070AC;}
.companies #content-top { background-image: url(/images/ci/content-top-bg-yellow.gif); 	background-repeat: no-repeat;	background-position: left top; border-bottom: 7px solid #F0CC01;}
.volunteers #content-top { background-image: url(/images/ci/content-top-bg-green.gif); background-repeat: no-repeat; background-position: left top;  border-bottom: 7px solid #A0CE67; }


#content-sides    { 	background-image: url(/images/ci/content-bg-blue2.gif); 	background-repeat: repeat-y;}
.ecosystems #content-sides {	background-image: url(/images/ci/content-bg-brown.gif);	background-repeat: repeat-y;}
.nonprofits #content-sides {	background-image: url(/images/ci/content-bg-pink.gif);	background-repeat: repeat-y;}
.companies #content-sides { 	background-image: url(/images/ci/content-bg-yellow.gif);	background-repeat: repeat-y;}
.volunteers #content-sides { 	background-image: url(/images/ci/content-bg-green.gif);	background-repeat: repeat-y;}
.services #content-sides, .work #content-sides, .donors #content-sides, .about #content-sides, .publications #content-sides { 	background-image: url(/images/ci/content-bg-blue.gif); 	background-repeat: repeat-y;}


#right {	width: 286px;	float: right;	clear: right;	padding: 0;	margin-top: 3px;}

#content-wrap #left {	float: left;	clear: left;}

#left3 {	width: 560px;	padding-left: 50px;	padding-bottom:15px;	color: #795300;	border-width: 0px;	border-style: none;	float: left;	clear: left;}
#left3 p { margin-right: 20px; }
#left3 li { list-style-image: url(/images/ci/arrow-bullet.gif); margin-right:10px;}
#left3 h1 { margin-top: 50px; }
#left3 img {margin:5px 15px 10px 0; }

#feature-photo {	width: 103px;	float: right;	padding-left: 43px;	padding-top: 20px;	margin-bottom: 25px;	padding-right: 0px;        margin-left:10px; margin-right:1px;    }
#feature-photo img {padding:0; margin:0;}



#content-sides #content-top #right #nav { width: 100%; border-top-color: #0D6CB6; }
.ecosystems #content-sides #content-top #right #nav { border-top-color: #795200; }
.nonprofits #content-sides #content-top #right #nav { border-top-color: #E070AC; }
.companies #content-sides #content-top #right #nav { border-top-color: #F0CC01; }
.volunteers #content-sides #content-top #right #nav { border-top-color: #A0CE67; }


#feature {	width: 280px;	padding-top:10px;}
#feature img { margin: 7px 9px 6px 9px; border:none;}
#feature a {border:none;}
#feature-box img {border:none;}



#right #nav {	border-top: 75px solid #FFFFFF;	float: right;	clear: right;	width: 289px;	margin-right: 0; padding-top:10px;	padding-right: 0;}
#right #nav ul {	list-style-type: none;	color: #0D6CB6;}


#submenu {padding: 10px 5px;	margin: 4px 10px 0px 13px;}
#submenu li { margin: 5px 10px 20px 10px; }
#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active { 	color: #0D6CB6;	text-decoration: none;}
#submenu a:hover { text-decoration: underline; }

#right #submenu, #right #submenu li { 	list-style-image: none; list-style-type: none; }


.donors #content-sides #content-top #right #nav 
#content2 #left h2 { font-weight: normal; }

#left li { 	list-style-image: url(/images/ci/arrow-bullet.gif);	margin-left: 25px;}
#left3 li {	list-style-image: url(/images/ci/arrow-bullet.gif);	margin-bottom: 7px;}

#content-sides #content-top #left3 {	background-repeat: no-repeat;	background-position: 7px 7px; background-image: url(/images/ci/blue-arrow.gif);}
.nonprofits #content-sides #content-top #left3 { background-image: url(/images/ci/pink-arrow.gif); }
.companies #content-sides #content-top #left3 { background-image: url(/images/ci/yellow-arrow.gif); }
.volunteers #content-sides #content-top #left3 { background-image: url(/images/ci/green-arrow.gif); }

#left .pdf, #right.pdf , #left3 .pdf, #submenu .pdf {margin:0px 5px 0 0; border:none;}
#sub-menu {clear: both; width: 910px; line-height:2.5em;  margin:5px 0px 5px 0px; padding:5px 0 0 0; }
#header-menu {text-align: left; list-style-type: none; padding: 0px; margin: 10px 10px 0px 0; color: #036CB6; font-size:90%;}
#header-menu li { display: inline; margin: 0px; padding: 0px 0px 0px 0px; }
#header-menu a, #header-menu a:link, #header-menu a:visited { 	color: #036CB6; text-decoration: none;}
#header-menu a:hover { text-decoration: underline; }

#footer-menu {text-align: center; list-style-type: none; padding: 0px; margin: 10px 0px 10px 0; color: #036CB6; font-size:90%;}
#footer-menu li { display: inline; margin: 0px; padding: 0px 0px 0px 10px; }
#footer-menu p { font-size:95%; margin: 1.25em 0; }
#footer-menu a, #footer-menu a:link, #footer-menu a:visited { 	color: #036CB6; text-decoration: none;}
#footer-menu a:hover { text-decoration: underline; }

.approach #approach-link {font-size:13pt; font-weight:bold;}
.services #services-link {font-size:13pt; font-weight:bold;}
.work #work-link {font-size:13pt; font-weight:bold;}
.donors #donors-link {font-size:13pt; font-weight:bold;}
.volunteers #volunteers-link {font-size:13pt; font-weight:bold;}
.about #about-link {font-size:13pt; font-weight:bold;}
.publications #publications-link {font-size:13pt; font-weight:bold;}
.search #search-link {font-size:13pt; font-weight:bold;}
.contact #contact-link {font-size:13pt; font-weight:bold;}


.active a {font-weight:bold;}
#left3 .photo-left ,  #left .photo-left {float:left; margin; 5px 10px 5px 0;}
#left3 .photo-right,  #left .photo-right{float:right; margin; 5px 0 5px 10px;}



