@charset "UTF-8";
/* CSS Document */

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #488cb7;
}
a:active {
	text-decoration: none;
}


body {font: 75% Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #3e2c06; background-color: #37230c; line-height: 12pt;}

#container {width: 800px; background: #FFFFFF}

.oneColFixCtr #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
}


#header {width: 800px; height: 93px; background-image:url(../images/header.jpg)}

#logo {width: 230px; height: 233px; float:left}

#logocontainer {width: 230px; float:left}

#consulting_button {width: 205px; height: 20px; float: left; padding: 0 0 40px 25px}

.clearfloat {clear: both}

#bodycontainer {width: 553px; padding: 47px 0 0 17px; float: right}

#body {width: 257px; float:left; padding: 0 46px 40px 0}

#body_inside {width: 505px; float:left; padding: 0 46px 40px 0}

#imagebox {width: 249px; float: right;}

#image {width: 249px; height: 224px}

#testimonial {width: 189px; float: right; padding: 30px 25px 40px 35px; background-image:url(../images/testimonial_line.gif); background-repeat: no-repeat;}

#imagebox_sandi {width: 189px; height: 200px; float: right; padding: 257px 25px 0 35px ; background-image:url(../images/photo_sandi.jpg)}

.headline {font-size: 16px; font-weight:bold}

.headline_blue {font-size: 16px; font-weight:bold; color:#488cb7;}

.headline_bluethin {font-size: 16px; color:#488cb7; line-height: 20px}

.testimonial_blue {font-size: 15px; font-weight:bold; color:#4381a8;}

.body_bold {font: Arial, Helvetica, sans-serif; color: #3e2c06; line-height: 14pt; font-weight: bold}

.body_whitebold {font: Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold}

.body_blue {font: Arial, Helvetica, sans-serif; color: #4381a8; line-height: 14pt; font-weight: bold}

.body_brown {font: Arial, Helvetica, sans-serif; color: #3e2c06; line-height: 14pt;}

.link_brown {font: Arial, Helvetica, sans-serif; color: #3e2c06; font-size: 14px; line-height: 14pt;}

.hr_blue {color: #bab19d; margin: 20px 0 20px 0}


#bottomcontainter {width: 800px}

#services {height: 150px; width: 140px; padding: 35px 25px 25px 35px; background-image:url(../images/services.jpg); float: left}

#training {height: 150px; width: 140px; padding: 35px 25px 25px 35px; background-image:url(../images/training.jpg); float: left}

#newsletter {height: 150px; width: 140px; padding: 35px 25px 25px 35px; background-image:url(../images/newsletter.jpg); float: left}

#fundraising {height: 150px; width: 140px; padding: 35px 25px 25px 35px; background-image:url(../images/testimonial.jpg); float: left}

#footer {background-color:#9bc1d9; height: 36px; width: 800px}

#navcontainer {height: 38px; width: 570px; float: right; margin: 55px 0 0 0}


.divider {width: 5px; float: left; padding: 10px 6px 0 6px; font: Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold}

.about {width: 42px; float: left; padding: 10px 0 0 17px; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.campaigns {width: 75px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.training {width: 55px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.assessment {width: 83px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.fundraising {width: 80px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.articles {width: 53px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }

.contact {width: 55px; float: left; padding: 10px 0 0 0; font: Arial, Helvetica, sans-serif; color: #3e2c06; font-weight: bold }