@charset "utf-8";

/* CSS Document */



/* GENERAL DOCUMENT and TAG SELECTORS */

BODY, DIV, P, TD, TH, SELECT, INPUT {font-family:Geneva, Arial, Helvetica, sans-serif;color:#333333;font-size:12px;}



/* LINK STYLES */

A, A:visited, A:hover {color:#a33134; text-decoration:underline;}



body {

	position:relative;

	margin: 0px;

	padding: 0px;

	height:100%; /* needed for all height 100% below to work! */

	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 */

	background:url(graphics/structure/bg_gradient.jpg) 0 0 repeat-x #cccccc;

}



#mainContainer {

	position:relative;

	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */

	height: 100%;

	text-align: left; /* this overrides the text-align: center on the body element. */

}





/******Header*********/

#headerContainer {

	position:relative;

	padding: 0px;

	margin: 0px;

	height:164px;

	width:inherit;

	background-color:#FFFFFF;

	z-index:5;

}

#headerTopBar{

	position:relative;

	padding: 0px;

	margin: 0px;

	height:18px;

	background-color:#006633;

	width:inherit;

	z-index:6;

}

#headerLogo{

	position:absolute;

	padding: 0px;

	margin: 0px;

	top:42px;

	left:174px;

	z-index:7;

}

#headerMatt{

	position:absolute;

	padding: 0px;

	margin: 0px;

	top:17px;

	right:0px;

	z-index:6;

}

#headerCourt{

	position:absolute;

	padding: 0px;

	margin: 0px;

	top:17px;

	left:0px;

	z-index:6;

}



#headerNav{

	position:absolute;

	padding: 0px;

	margin: 0px;

	top:148px;

	left:0px;

	height:16px;

	width:100%;

	text-align:center;

	background-color:#666666;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	font-family:Geneva, Arial, Helvetica, sans-serif

}



#headerNav DIV{

	display:inline;

	font-size:12px;

	font-weight:bold;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	padding: 0px 10px 0px 10px;

	}



.headerItemOff, .headerItemOff A, .headerItemOff A:Visited {

	color:#ffffff; 

	text-decoration:none;

}

.headerItemOff A:Hover {

	color:#ffcc00; 

	text-decoration:underline;

}



.headerItemOn, .headerItemOn A, .headerItemOn A:Visited, .headerItemOn A:Hover{

	color:#cc9900; 

	text-decoration:none;

	disabled;

}



/******content*********/

#contentContainer{

	position:relative;

	margin: 0px;

	width:auto;

	height:100%;

	z-index:4;

}



#gutterLeft{

	position:absolute;

	top:0px;

	left:0px;

	width: 1px;

	height:100%;

	z-index:4;

	border-left:1px solid #666666;

}



#gutterRight{

	position:absolute;

	top:0px;

	right:0px;

	width: 1px;

	height:100%;

	z-index:4;

	border-right:1px solid #666666;

}



#contentMain{

	position:relative;

	margin: 0px 1px 0px 1px;

	padding: 15px 20px 75px 20px;

	width:auto;

	background:#EEEEEE;

	z-index:3;

}



#footer{

	position:relative;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	color: #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px; 

	font-weight: bold;

	text-decoration : none;

	text-align:center;

	width:inherit;

	height:42px;

	background-color:#666666; 

	z-index:4;

}



#footer A, #footer A:visited{text-decoration:none;color: #FFFFFF;}

#footer A:hover{text-decoration:underline;color: #FFFFFF;}





#copyright {

	text-align:center;

	padding-top:4px;

	color: #666666;

	font-size:11px; 

	text-decoration : none;

	margin-bottom:25px;

}



#titlebar{

	position: relative;

	margin-bottom:10px;

	font-size:24px;

	color:#006633;

	font-family:Arial, Helvetica, sans-serif;

}



/******page specific*********/

P.intro, DIV.intro{

	font-size:14px;

	font-weight:bold;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	margin:0px;

	margin-bottom:10px;

}

.introgreen {

	font-size:18px; 

	color:#006633;

}





P.pcopy{

	font-size:12px;

	font-weight:normal;

	font-family:Geneva, Arial, Helvetica, sans-serif;

}



.heroImgRight{float:right; margin-left:50px;}



.contentBox{

	position:relative;

	display:block;

	float:left;

	width:100%;

	height:auto;

	background-color: #ffffff;

	border-top:2px solid #006633;

	border-bottom:2px solid #006633;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-bottom:20px;

}



.contentBox UL{

	margin-top:6px;

	margin-bottom:10px;

}

.contentBox LI{

	margin-top:1px;

}

.contentBox .boxcopy IMG{

	float:right;

	margin:0px 5px 20px 20px;

}



.contentBox .boxcopy P.person{

	font-weight:bold;

	color:#006633;

	font-size:16px;

	margin:10px 0px 0px 10px;

}

.contentBox .boxcopy P.jobtitle{

	font-weight:bold;

	color:#333333;

	font-size:12px;

	margin:0px 0px 0px 10px;

}

.contentBox .boxcopy P.otherInfo{

	font-weight:bold;

	color:#333333;

	font-size:12px;

	margin:6px 0px 0px 10px;

}



.contentBox .boxcopy DIV.personal{

	font-size:11px;

	padding:10px;

}



.contentBox P.genericCopy{

	font-size:12px;

	padding:10px;

}



P.boxHeader{

	font-weight:bold;

	color:#006633;

	font-size:14px;

	margin:10px 0px 8px 10px;

}

DIV#contactEmail{position:relative;margin:0px;padding:0px;}