/* Compatibility fix, margin and padding clearer */
body, h1, h2, h3, h4, form, input, textarea, ul, li, p, a, img, table, tr, td {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	color: #00355e;
	font-family:Trebuchet MS, Arial;
	font-size: 14px;
	text-decoration: none;
	background: none;
	line-height: 25px;
	}
	
/* site wide element settings */
h1 {
	clear: both;
	}
ul {
	padding-left: 15px;
	}
li {
	list-style:circle outside url('../img/listdot.gif');
	padding-bottom: 10px;
	padding-left: 10px;
	}

/* anything within the content wrapper is below */
div#contentwrapper {
	margin: 40px auto 80px;
	width: 775px;
	background: url('../img/mainbackground.gif') repeat-y;
	}
	
	
	
/* site header content */
div#contentwrapper img#engagelogo {
	float: left;
	}

div#contentwrapper div#logowrapper {
	width: 337px;
	height: 234px;
	float: left;
	}
div#contentwrapper div#topedge {
	width: 337px;
	height: 47px;
	background: url('../img/topedge.gif') no-repeat;
	float: left;
	}
div#contentwrapper div#leftedge {
	width: 57px;
	height: 187px;
	float: left;
	}
div#contentwrapper div#engagelogo {
	width: 280px;
	height: 112px;
	background: url('../img/engagelogo.gif') no-repeat;
	float: left;
	}
div#contentwrapper div#engagelogo:hover {
	background-position: -280px;
	}
div#contentwrapper div#engagelogo a {
	width: 280px;
	height: 112px;
	display: block;
	}
div#contentwrapper div#engageslogan {
	width: 280px;
	height: 75px;
	background: url('../img/engageslogan.gif') no-repeat;
	float: left;
	}

	
	
div#contentwrapper div.sectionimage {
	width: 438px;
	height: 274px;
	float: right;
	}

div#contentwrapper div#imagecontainer div#showcorner {
	width: 33px;
	height: 33px;
	background: url('../img/showcorner.gif') no-repeat;
	float: right;
	}
	
div#contentwrapper div#imagecontainer img.imageinstance {
	display: none;
	position: absolute;
	}
	
div#contentwrapper div#imagecontainer img#defaultimage {
	display: block;
	}


div#contentwrapper div#aboutus {
	background: url('../img/aboutuss.gif') no-repeat;
	}
div#contentwrapper div#staffskills {
	background: url('../img/staffskillss.gif') no-repeat;
	}
div#contentwrapper div#mission {
	background: url('../img/missions.gif') no-repeat;
	}	
div#contentwrapper div#testimonials {
	background: url('../img/testimonialss.gif') no-repeat;
	}
	
		
div#contentwrapper div#whatweoffer {
	background: url('../img/whatweoffers.gif') no-repeat;
	}		
div#contentwrapper div#trainingevents {
	background: url('../img/trainingeventss.gif') no-repeat;
	}
div#contentwrapper div#plays {
	background: url('../img/playss.gif') no-repeat;
	}	
div#contentwrapper div#artsevents {
	background: url('../img/artseventss.gif') no-repeat;
	}
div#contentwrapper div#projects {
	background: url('../img/projectss.gif') no-repeat;
	}
div#contentwrapper div#workshops {
	background: url('../img/workshopss.gif') no-repeat;
	}
	
	
div#contentwrapper div#jobs {
	background: url('../img/jobss.gif') no-repeat;
	}
div#contentwrapper div#collaboration {
	background: url('../img/collaborations.gif') no-repeat;
	}
div#contentwrapper div#sponsorship {
	background: url('../img/sponsorships.gif') no-repeat;
	}
div#contentwrapper div#gallery {
	background: url('../img/gallerys.gif') no-repeat;
	}
	
div#contentwrapper div#contactus {
	background: url('../img/contactuss.gif') no-repeat;
	}
	
	
/* left navigation bar */	
div#contentwrapper div#leftnavbar {
	border-left: 5px solid #e30143;
	width: 147px;
	height: 400px;
	float: left;
	}

div#contentwrapper div#leftnavbar div#aboutus {
	background: url('../img/aboutus.gif') no-repeat;
	width: 147px;
	height: 92px;
	}
div#contentwrapper div#leftnavbar div#aboutusa {
	background: url('../img/aboutusa.gif') no-repeat;
	width: 147px;
	height: 92px;
	}
div#contentwrapper div#leftnavbar div#aboutus a {
	width: 147px;
	height: 92px;
	display: block;
	}	

div#contentwrapper div#leftnavbar div#whatweoffer {
	background: url('../img/whatweoffer.gif') no-repeat;
	width: 147px;
	height: 102px;
	}
div#contentwrapper div#leftnavbar div#whatweoffera {
	background: url('../img/whatweoffera.gif') no-repeat;
	width: 147px;
	height: 102px;
	}
div#contentwrapper div#leftnavbar div#whatweoffer a {
	width: 147px;
	height: 102px;
	display: block;
	}
div#contentwrapper div#leftnavbar div#whatweoffera a {
	width: 147px;
	height: 102px;
	display: block;
	}
		
div#contentwrapper div#leftnavbar div#getinvolved {
	background: url('../img/getinvolved.gif') no-repeat;
	width: 147px;
	height: 95px;
	}
div#contentwrapper div#leftnavbar div#getinvolveda {
	background: url('../img/getinvolveda.gif') no-repeat;
	width: 147px;
	height: 95px;
	}
div#contentwrapper div#leftnavbar div#getinvolved a {
	width: 147px;
	height: 95px;
	display: block;
	}
div#contentwrapper div#leftnavbar div#getinvolveda a {
	width: 147px;
	height: 95px;
	display: block;
	}
			
div#contentwrapper div#leftnavbar div#contactus {
	background: url('../img/contactus.gif') no-repeat;
	width: 147px;
	height: 111px;
	}
div#contentwrapper div#leftnavbar div#contactusa {
	background: url('../img/contactusa.gif') no-repeat;
	width: 147px;
	height: 111px;
	}
div#contentwrapper div#leftnavbar div#contactus a {
	width: 147px;
	height: 111px;
	display: block;
	}


/* main content */
div#contentwrapper div#maincontent {
	width: 456px;
	height: auto;
	float: left;
	padding: 14px;
	}
div#contentwrapper div#maincontent .center {
	text-align: center;
	}
div#contentwrapper div#maincontent .bold {
	font-weight: bold;
	}
div#contentwrapper div#maincontent h3 {
	padding-bottom: 18px;
	text-align: center;
	font-size: 13px;
	}




div#maincontent div#galpicturecon {
	height: 462px;
	width: 456px;
	}
div#maincontent div#galpicturecon img.galvert {
	position: relative;
	left: 87px;
	}
div#maincontent div#galpicturecon img.galhori {
	position: relative;
	top: 87px;
	}

div#maincontent div#galtitlecon {
	height: 30px;
	}
	
div#maincontent div#galtitlecon div.left {
	background: url('../img/left.gif');
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	}
div#maincontent div#galtitlecon div.leftp {
	background: url('../img/leftp.gif');
	width: 30px;
	height: 30px;
	float: left;
	}
div#maincontent div#galtitlecon div.right {
	background: url('../img/right.gif');
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	}
div#maincontent div#galtitlecon div.rightp {
	background: url('../img/rightp.gif');
	width: 30px;
	height: 30px;
	float: left;
	}
div#maincontent div#galtitlecon p#galtitle {
	float: left;
	width: 396px;
	height: 30px;
	}	

div#maincontent div#galthumbscon {
	height: 74px;
	}
	
div#maincontent div#galthumbscon div.left {
	background: url('../img/left.gif') no-repeat center center;
	width: 30px;
	height: 74px;
	float: left;
	cursor: pointer;
	}
div#maincontent div#galthumbscon div.leftp {
	background: url('../img/leftp.gif') no-repeat center center;
	width: 30px;
	height: 74px;
	float: left;
	}
div#maincontent div#galthumbscon div.right {
	background: url('../img/right.gif') no-repeat center center;
	width: 30px;
	height: 74px;
	float: left;
	cursor: pointer;
	}
div#maincontent div#galthumbscon div.rightp {
	background: url('../img/rightp.gif') no-repeat center center;
	width: 30px;
	height: 74px;
	float: left;
	}
	
div#maincontent div#galthumbscon div#galthumbs {
	float: left;
	width: 376px;
	height: 74px;
	margin-left: 20px;
	}
div#maincontent div#galthumbs div {
	width: 74px;
	height: 74px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
	float: left;
	}
div#maincontent div#galthumbs div img {
	cursor: pointer;
	display: block;
	}
div#maincontent div#galthumbs div img.thbvert {
	position: relative;
	left: 14px;
	}
div#maincontent div#galthumbs div img.thbhori {
	position: relative;
	top: 14px;
	}

	
	
div#contentwrapper div#base {
	width: 775px;
	height: 39px;
	clear: both;
	background: url('../img/baseedge.gif') no-repeat;
	}
	
h4#sitefooter {
	text-align: center;
	font-weight: normal;
	margin: 40px;
	margin-top:-30px;
	}

div#maincontent div#contactdescription {
	float: left;
	width: 250px;
	line-height: 20px;
	padding-bottom: 20px;
	text-align: justify;
	}

div#maincontent div#contactinfo {
	float: left;
	text-align: left;
	padding-left: 45px;
	padding-bottom: 20px;
	line-height: 20px;
	}

div#maincontent div.playimage {
	width:160px;
	height: 225px;
	float: left;
	padding: 10px;
	}
div#maincontent div#crazy {
	background: url('../img/crazy.gif') no-repeat;
	}
div#maincontent div#lostchildren {
	background: url('../img/lostchildren.gif') no-repeat;
	}
	
/* right navigation bar */
div#contentwrapper div#rightnavbar {
	width: 127px;
	height: 371px;
	float: left;
	}
	
div#contentwrapper div#rightnavbar div#yellowdots {
	background: url('../img/yellowdots.gif') no-repeat;
	width: 109px;
	height: 300px;
	float: right;
	}
	
div#contentwrapper div#rightnavbar div#ourapproach {
	background: url('../img/ourapproach.gif') no-repeat;
	width: 127px;
	height: 100px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#ourapproacha {
	background: url('../img/ourapproacha.gif') no-repeat;
	width: 127px;
	height: 100px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#ourapproach a {
	width: 127px;
	height: 100px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#staffskills {
	background: url('../img/staffskills.gif') no-repeat;
	width: 127px;
	height: 76px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#staffskillsa {
	background: url('../img/staffskillsa.gif') no-repeat;
	width: 127px;
	height: 76px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#staffskills a {
	width: 127px;
	height: 76px;
	display: block;
	}

div#contentwrapper div#rightnavbar div#mission {
	background: url('../img/mission.gif') no-repeat;
	width: 127px;
	height: 95px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#missiona {
	background: url('../img/missiona.gif') no-repeat;
	width: 127px;
	height: 95px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#mission a {
	width: 127px;
	height: 95px;
	display: block;
	}

div#contentwrapper div#rightnavbar div#testimonials {
	background: url('../img/testimonials.gif') no-repeat;
	width: 127px;
	height: 102px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#testimonialsa {
	background: url('../img/testimonialsa.gif') no-repeat;
	width: 127px;
	height: 102px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#testimonials a {
	width: 127px;
	height: 102px;
	display: block;
	}



div#contentwrapper div#rightnavbar div#trainingevents {
	background: url('../img/trainingevents.gif') no-repeat;
	width: 127px;
	height: 73px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#trainingeventsa {
	background: url('../img/trainingeventsa.gif') no-repeat;
	width: 127px;
	height: 73px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#trainingevents a {
	width: 127px;
	height: 73px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#plays {
	background: url('../img/plays.gif') no-repeat;
	width: 127px;
	height: 73px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#playsa {
	background: url('../img/playsa.gif') no-repeat;
	width: 127px;
	height: 73px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#plays a {
	width: 127px;
	height: 73px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#artsevents {
	background: url('../img/artsevents.gif') no-repeat;
	width: 127px;
	height: 64px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#artseventsa {
	background: url('../img/artseventsa.gif') no-repeat;
	width: 127px;
	height: 64px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#artsevents a {
	width: 127px;
	height: 64px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#projects {
	background: url('../img/projects.gif') no-repeat;
	width: 127px;
	height: 76px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#projectsa {
	background: url('../img/projectsa.gif') no-repeat;
	width: 127px;
	height: 76px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#projects a {
	width: 127px;
	height: 76px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#workshops {
	background: url('../img/workshops.gif') no-repeat;
	width: 127px;
	height: 85px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#workshopsa {
	background: url('../img/workshopsa.gif') no-repeat;
	width: 127px;
	height: 85px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#workshops a {
	width: 127px;
	height: 85px;
	display: block;
	}





div#contentwrapper div#rightnavbar div#jobs {
	background: url('../img/jobs.gif') no-repeat;
	width: 127px;
	height: 72px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#jobsa {
	background: url('../img/jobsa.gif') no-repeat;
	width: 127px;
	height: 72px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#jobs a {
	width: 127px;
	height: 72px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#collaboration {
	background: url('../img/collaboration.gif') no-repeat;
	width: 127px;
	height: 110px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#collaborationa {
	background: url('../img/collaborationa.gif') no-repeat;
	width: 127px;
	height: 110px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#collaboration a {
	width: 127px;
	height: 110px;
	display: block;
	}
	
div#contentwrapper div#rightnavbar div#sponsorship {
	background: url('../img/sponsorship.gif') no-repeat;
	width: 127px;
	height: 98px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#sponsorshipa {
	background: url('../img/sponsorshipa.gif') no-repeat;
	width: 127px;
	height: 98px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#sponsorship a {
	width: 127px;
	height: 98px;
	display: block;
	}
div#contentwrapper div#rightnavbar div#gallery {
	background: url('../img/gallery.gif') no-repeat;
	width: 127px;
	height: 91px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#gallerya {
	background: url('../img/gallerya.gif') no-repeat;
	width: 127px;
	height: 91px;
	float: right;
	}
div#contentwrapper div#rightnavbar div#gallery a {
	width: 127px;
	height: 91px;
	display: block;
	}
	
	
/* contact form formatting */

div#maincontent input {
	width: 175px;
	}
	
div#maincontent textarea {
	width: 350px;
	}
	
div#maincontent div.inputname {
	float: left;
	clear: left;
	width: 75px;
	padding-left: 10px;
	padding-bottom: 10px;
	}
div#maincontent div.inputvalue, div#messagevalue {
	float: left;
	}

div#maincontent a#submitmessage {
	float: left;
	margin-top: 10px;
	margin-left: 90px;
	width: 151px;
	height: 35px;
	background: url('../img/sendmessage.gif') no-repeat;
	}
	
input.focus, textarea.focus {
	border: 1px solid #5b91a7;
	padding: 3px;
	float: left;
	overflow: hidden;
	}	

input.blur, textarea.blur {
	border: 1px solid #accdd9;
	padding: 3px;
	float: left;
	overflow: hidden;
	}

div#maincontent noscript.errortext, div.errortext {
	width: 350px;
	padding-left: 90px;
	float: left;
	color: #e30143;
	}