html, body {
	height: 100%;         /* required */
	
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0; 
	background: #F3F3F3;
}

div#distance { 
	margin-bottom: -340px; /* half of content height */
	background: #F3F3F3;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}

div#distanceTall { 
	margin-bottom: -590px; /* half of content height */
	background: #F3F3F3;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 680px;         /* required - desired height */
	width: 1016px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border: solid 0px #cc0000;
}

div#contentTall {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 1180px;         /* required - desired height */
	width: 1016px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border: solid 0px #cc0000;
}

div#nav {
	position: relative;   
	text-align: left;    
	top: 120px;
	left: 30px;
	width: 150px;
	height: 300px;
	margin: 0 0 0 0;
	clear: left;
	border: solid 0px #000000;
}

div#trellis {
	position: absolute; 
	width: 408px;
	height: 408px;
	left: 800px;
	top: -204px;
	border: solid 0px #000000;
	z-index: 1;
}

div#bg_top {
	position: absolute; 
	width: 1016px;
	height: 20px;
	border: solid 0px #000000;
}

div#bg_btm {
	position: absolute; 
    top: 660px;
	width: 1016px;
	height: 60px;
	border: solid 0px #000000;
}

div#footer {
	position: relative; 
    left: 177px;
	width: 827px;
	top:5px;
	clear:left;
	height: 24px;
	border: solid 0px #000000;
}

div#bg_btmTall {
	position: absolute; 
    top: 1160px;
	width: 1016px;
	height: 20px;
	border: solid 0px #000000;

}

div#logo {
	position: absolute; 
	left: 10px;
	width: 150px;
	height: 100px;
	border: solid 0px #000000;
}

div#smTrellis {
	position: absolute; 
	left: 80px;
	top: 547px;
	width: 72px;
	height: 72px;
	border: solid 0px #000000;
}

div#flashContent {
	
	position: absolute;
	top: 0px; 
	left: 180px;
	width: 882px;
	height: 650px;
	border: solid 0px #00cc00;
	z-index: 2;

}

div#topBanner {
	position: absolute; 
	left: 180px;
	top: 10px;
	width: 630px;
	height: 96px;
	border: solid 0px #000000;
}

div#textContent {
	position: absolute; 
	left: 180px;
	top: 130px;
	width: 618px;
	height: 550px;
	border: solid 0px #000000;
}

div#contactMap {
	position: absolute; 
	left: 460px;
	top: 130px;
	width: 338px;
	height: 335px;
	border: solid 0px #000000;
}

div#principalsRedBox {
	position: absolute; 
	left: 180px;
	top: 161px;
	width: 190px;
	height: 155px;
	background: #5b1300;
	border: solid 0px #000000;
	padding: 10px;
	text-align: right;
}

div#principalsCopyBox {
	position: absolute; 
	left: 405px;
	top: 150px;
	width: 400px;
	height: 500px;
	border: solid 0px #000000;
}

div#principalsBioImg {
	position: absolute; 
	left: 180px;
	top: 336px;
	width: 190px;
	height: 314px;
	border: solid 0px #000000;
}

div#ColHolder{
	position: relative; 
	left: 0px;
	top: 0px;
	width: 630px;
	border: solid 0px #0000cc;
}

div#Col1BulletList {
	position: absolute; 
	left: 0px;
	top: 0px;
	width: 290px;
	border: solid 0px #00cc00;
}

div#Col2BulletList {
	position: absolute; 
	left: 300px;
	top: 0px;
	width: 300px;
	border: solid 0px #00cc00;
}


.header {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 24px;
	color: #666;
	line-height: 14px;

}

.headerRed {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 30px;
	color: #d9531e;
	line-height: 14px;

}

.bodyRed {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #5b1300;
	line-height: 16px;
	margin-right: 10px;
}

.contactBold {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 18px;
	color: #666;
	line-height: 20px;

}

.contactBody {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 18px;
	color: #666;
	line-height: 20px;

}
.contactBodyRed {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #d9531e;
	line-height: 16px;

}


.bodyGray {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 16px;
	margin-right: 10px;
}

.bodyGray2Bold {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	font-weight: bold;
}

.bodyGray2 {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 15px;

}

.linkGreen {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #566c11;
	line-height: 15px;

}

.leftNav {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 20px;
	text-decoration: none;
	padding-left: 6px;
}

.leftNavOn {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 20px;
	text-decoration: none;
	padding-left: 6px;
}

.bulletColumn2Gray {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding-left: 300px;
}

.principalName {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-align: right;
}

.principalCredits {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
}

.copyright {
	FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: left;
}