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

html {
	margin: auto;
}

body {
	margin: auto;
	background-color: #534c4c;
	font-family: Arial, Helvetica, sans-serif;
	direction: ltr;
	font-size: 14px;
	color: #534C4C;
}

a {
	color: #54b948;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	display: block;
	margin: 0;
	padding: 10px 0 0 17px;
	min-height: 28px;
	background-image: url(../_img/subpage/h1-O.png);
	background-repeat: no-repeat;
	background-position: 1000px 0px;
	color: #FFF;
	font-size: 16px;
	font-weight: lighter;
	overflow: hidden;
}
* html h1 { height: 28px; }  /* for IE 6 */
* + html h1 { height: 28px; }  /* for IE 7 */

h1.h1-dark {
	margin-top: -15px;
	color: #534c4c;
}

.heavy {font-weight: bold;}

h2 {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}
h3 {
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	color: #888383;
}
.cl {
	clear: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
}

.normal-green, .small-green, .small-green-normal, .xsmall-green, .large-green, h2 {
	color: #50B948;
}

.normal-green {
	font-size: 13px;
}
.xsmall-green {
	font-size: 10px;
	font-weight: bold;
}
.small-green {
	font-size: 11px;
	font-weight: bold;
}
.small-green-normal {
	font-size: 11px;
}
.large-green {
	font-size: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */


#container {
	margin: auto;
	margin-top: 20px;
	padding: 0;
	min-width: 770px;
	max-width: 990px;
	text-align: center;
	/*border: solid 1px #534c4c;*/
	background-color: #FFF;
}
* html #container{ 
	width: expression( document.body.clientWidth < 990 ? "770px" : "auto" ); /* sets min-width for IE */
	width: expression( document.body.clientWidth > 989 ? "990px" : "auto" ); /* sets max-width for IE */
}

/* PAGE TITLE & GREEN STRIPE */
#stripe-title, #stripe-green {
	margin: auto;
	padding-right: 240px;
	padding-bottom: 0;
	padding-left: 205px;
	font-weight: normal;
	color: #FFF;
	text-align: left;	
}

#stripe-title {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}
	
	.kidsfeet {
		padding-top: 90px;
		height: 78px;
		background-image: url(../_img/subpage/stripe-kidsfeet.jpg);
	}
	.runnersfeet {
		padding-top: 50px;
		height: 134px;
		background-image: url(../_img/subpage/stripe-runnersfeet.jpg);	
	}
	.retrofeet {
		padding-top: 90px;
		height: 78px;
		background-image: url(../_img/subpage/stripe-retrofeet.jpg);	
	}
	.happypeople {
		padding-top: 110px;
		height: 66px;
		background-image: url(../_img/subpage/stripe-happypeople.jpg);	
	}
	.legs {
		padding-top: 110px;
		height: 66px;
		background-image: url(../_img/subpage/stripe-legs.jpg);	
	}
	.shadowman {
		padding-top: 100px;
		height: 84px;
		background-image: url(../_img/subpage/stripe-shadowman.jpg);	
	}
	.tennis {
		padding-top: 100px;
		height: 84px;
		background-image: url(../_img/subpage/stripe-tennis.jpg);	
	}

#stripe-green {
	padding-top: 5px;
	/*background-color: #50B948;*/
	background-image: url(../_img/subpage/greenbar.jpg);
	background-repeat: repeat-y;
	background-position: -1000px 0px;
}

	#stripe-green p {
		margin: 0;
		padding: 10px 0 15px 0;
		font-weight: 100;
		font-size: 14px;
	}

/* MAIN CONTENT */
#content-left {
	float: left;
	margin: 0;
	padding: 30px;
	width: 145px;
	text-align: left;
}
	#content-left p {
		margin: 0 0 10px 0;
	}

#content-main-narrow, #content-main-wide, #content-right-full {
	text-align: left;
	color: #534C4C;
	font-size: 13px;
}

#content-main-narrow, #content-main-wide {
	margin: auto;
	padding-top: 30px;
	padding-right: 205px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
}

#content-extra {
	margin: auto;
	padding: 15px 205px 15px 205px;
	text-align: left;
}

#content-main-narrow {
	margin: 0 30px 0 205px;
	padding-left: 0;
	min-height: 230px;
	background-position: bottom right;
}
* html #content-main-narrow{ 
	width: expression( document.body.clientHeight < 230 ? "230px" : "auto" ); /* sets min-width for IE */
}
/* html #content-main-narrow { height: 230px; }  /* for IE 6 */
/* + html #content-main-narrow { height: 230px; }  /* for IE 7 */
	
	#content-main-narrow.rainbow {
		background-image: url(../_img/subpage/kids-rainbow-circle.jpg);
	}
	#content-main-narrow.greenfoot {
		background-image: url(../_img/subpage/green-foot.jpg);
	}
	#content-main-narrow.limeshoes {
		background-image: url(../_img/subpage/lime-shoes.jpg);
	}
	#content-main-narrow.funnylady {
		background-image: url(../_img/subpage/funnylady.jpg);
	}
	
	#content-main-narrow p, #content-main-wide p {
		margin: 0 0 15px 0;
		line-height: 1.2;
	}
	
	#content-main-narrow a, #content-main-wide a {
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		color: #00AEEF;
		font-style: italic;
	}
	#content-main-narrow a:hover, #content-main-wide a:hover {
		text-decoration: underline;
	}
	
#content-main-narrow ul, #content-main-wide ul, #content-left ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#content-main-narrow ul li, #content-main-wide ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
}
#content-main-narrow ul li, #content-main-wide ul li {
	background-image: url(../_img/subpage/bullet.jpg);
}
#content-left ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-image: url(../_img/subpage/bullet-dash.jpg);
	background-position: 0 10px;
	line-height: 1;
}

#content-main-wide {
	padding-left: 205px;
	max-width: 580px;
	background-position: top center;
	background-repeat: no-repeat;
}
	#content-main-wide.sketch {
		background-image: url(../_img/subpage/sketch.jpg);
	}

#content-main-full {
	margin: auto;
	padding: 15px;
	max-width: 960px;
}
* html #content-main-full{ 
	width: expression( document.body.clientWidth > 989 ? "960px" : "auto" ); /* sets max-width for IE */
}

#content-right-full {
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	max-width: 755px;
}
* html #content-right-full{ 
	width: expression( document.body.clientWidth > 989 ? "755px" : "auto" ); /* sets max-width for IE */
}

/* TEAM */
#team-container {
	margin: auto;
	margin-top: -15px;
	/*width: 855px;*/
	max-width: 855px;
	padding: 0;
}

	#team-container #team-pics {
		margin: 0 10px 0 0;
		padding: 0 30px 0 0;
		max-width: 658px;
		height: 450px;
	}
		#team-container #team-pics .teampic {
			float: left;
			margin: 5px;
			padding: 0;
			width: 80px; /* 84 */
			height: 95px; /* 99 */
			/*background-position: center;*/
			background-position: -100px 0px;
			background-repeat:no-repeat;
			overflow: hidden;
			text-align: left;
		}
		#team-container #team-pics .view100, .view50 {
			display: block; 
			width: 80px; 
			height: 95px;
			/*border: solid 2px #FFF;*/
		}
		/*#team-container #team-pics .view100:hover {
			border: solid 2px #54b948;
		}
		#team-container #team-pics .view50:hover {
			border: solid 2px #888383;
		}*/		
		#team-container #team-pics .view50 {
			background-image: url(../_img/subpage/image-cover.png);
		}
		#team-container #team-pics .view100 {
			background-image: none;
		}	
	
	#team-container #team-list {
		float: right;
		margin: 0;
		padding: 0 0 0 10px;
		width: 150px;
		text-align: left;
		font-size: 13px;
		border-left: solid 2px #534C4C;
	}
	
		#team-container #team-list .teamlist-dark, #team-container #team-list .teamlist-light, #projects-scroll a {
			display: block;
			margin: 1px;
			padding:2px 5px 2px 5px;
			width: 175px;
			border: solid 1px #FFF;
		}
		#team-container #team-list .teamlist-dark {
			color: #534C4C;
		}
		#team-container #team-list .teamlist-light {
			color: #888383;
		}
		#team-container #team-list .teamlist-dark:hover, .teamlist-light:hover, #projects-scroll a:hover {
			color: #54b948;
			border: solid 1px #888383;
			text-decoration: none;
		}

.team-large-container, .team-large-container-bottom, .team-onswitch, .team-offswitch {
	/*margin: 0;*/
	width: 80px;
	height: 95px;
	text-align: left;
	text-decoration: none;
}

.team-large-container, .team-large-container-bottom, .team-onswitch {
	position: absolute;
}

.team-large-container {	
	padding: 0 120px 184px 0;
	background-repeat: no-repeat;
	display: none;
	z-index: 20;
}

.team-large-container-bottom {
	margin-top: -184px;
	padding: 184px 120px 0 0;
	background-repeat: no-repeat;
	display: none;
	z-index: 20;
}
	
.team-onswitch {
	z-index: 10;
}

	.team-offswitch {
		display: block;
	}
	
.principal-off  {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}
.principal-on, .principal-off:hover  {
	display: block;
	width: 76px;
	height: 91px;
	text-decoration: none;
	border: solid 2px #50B948;
}

/* END TEAM */

/* BEGIN Checklist */
	
	#checklist {
		float: right;
		text-align: left;
		font-size: 13px;
		width: 160px;
		margin-top: 5px;
	}
		.check-off, .check-on {
			padding: 0;
			width: 125px;
			min-height: 20px;
			background-position: right;
			background-repeat: no-repeat;
		}
		* html .check-off, .check-on { height: 20px; }  /* for IE 6 */
		* + html .check-off, .check-on { height: 20px; }  /* for IE 7 */
				
		.check-on, .check-off, .check-on a {
			background-image: url(../_img/subpage/checkbox-on.jpg);
			background-position: right;
			background-repeat: no-repeat;
		}
		
		.check-off a {
			background-image: url(../_img/subpage/checkbox-off.jpg);
			background-position: right;
			background-repeat: no-repeat;
		}
		#team-checklist a:hover, #projects-checklist a:hover {
			text-decoration: none;
			background-image: none;
		}
		
		.check-off a, .check-on a {
			display: block;
			padding: 3px 25px 0 0;
			width: 100px;
			min-height: 17px;
			color: #534C4C;
			text-decoration: none;
		}
		* html .check-off a, .check-on a { height: 17px; }  /* for IE 6 */
		* + html .check-off, .check-on { height: 17px; }  /* for IE 7 */
		

/* END Checklist */

/* AWARDS */

#table-awards {
	margin: auto;
	margin-bottom: 25px;
	border-collapse: collapse;
}
	#table-awards td {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
		text-align: left;
		line-height: 1.6;
	}
	#table-awards td.awardpic-border, #table-awards td.awardtext-border-pad, #table-awards td.awardtext-border-nopad {
		border-bottom: solid 3px #534c4c;
	}
	#table-awards td.awardpic-border, #table-awards td.awardpic-noborder {
		padding-right: 50px;
	}
	#table-awards td.awardtext-border-pad, #table-awards td.awardtext-noborder-pad {
		padding-right: 20px;
	}
	#table-awards td.awardtext-border-nopad {
		padding-right: 0;
	}
	#table-awards td.awardpic-noborder, #table-awards td.awardtext-noborder-pad, #table-awards td.awardtext-noborder-nopad {
		border-bottom: solid 2px #FFF;
	}
	
		#table-awards td img {
			margin: 0;
			padding: 0;
			border: 0;
		}

.awards-txtsize1 {
	font-size: 13px;
	color: #888383;
}
.awards-txtsize2 {
	font-size: 11px;
	font-style: italic;
}

/* END AWARDS */


/* FOOTER */
#footer {
	margin: auto;
	padding: 0 0 40px 205px;
	text-align: left;
}
	#footer p {
		margin: 0;
	}
	
#copyright {
	margin: auto;
	padding: 15px 0 20px 0;
	text-align: center;
	background-color: #534C4C;
}

#copyright p, #copyright a, #copyright a:hover {
	font-size: 11px;
	font-weight: normal;
	margin-top: 25px;
}

#copyright p, #copyright a {
	color: #888383;
}

#copyright a:hover {
	color: #FFF;
}

#copyright a, #copyright a:hover {
	text-decoration: underline;
	
}copyright