<?php
	header("Content-Type: text/css");
?>
html{
	overflow-y:scroll
}
html{
	overflow:-moz-scrollbars-vertical
}

body{
	margin:0px; 
	padding:0px; 
}
p{
	margin:0px 0px 10px;
	padding:0px;
}
input,textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808B99;
}
/*////////////////////////////////////////////

Td height

////////////////////////////////////////////*/
.tdHeight{
	height: 1px;
}
/*////////////////////////////////////////////

Form element

////////////////////////////////////////////*/
.formElement{
	
	width: 160px;
}
.formElementTxt{
	height: 80px;
	width: 472px;
}
.formElementTxtSmaller{
	height: 80px;
	width: 230px;
}
/*////////////////////////////////////////////

Block Level Element Properties

////////////////////////////////////////////*/
#header{
	position:relative;	
	top:0px;	
	left:auto; 
	right:auto; 
	z-index:3;
	height:245px;
	width:750px; 
	margin:0px auto;
	padding:0px; 
}
#header_index{
	position:relative;	
	top:0px;	
	left:auto; 
	right:auto; 
	z-index:3;
	height:320px;
	width:750px; 
	margin:0px auto;
	padding:0px; 
}
#content{
	overflow:hidden;
	text-align:left;
	position:relative;
	z-index:1;
	width:720px;
	margin:0px auto;
	padding:0px 0px 0px 5px !important;
	padding:0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:125%;
	color: #606872;
}
#credits{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:125%;
	color: #606872;
}
#credits a{
	text-decoration:underline;
	font-weight:bold;
	color: #DDDDDD;
}
#credits a:hover{
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}

/*////////////////////////////////////////////

Properties for Full page width elements with blue bg

////////////////////////////////////////////*/
.contentBG_full{
	background-image: url(../images/contentBG_full.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px 25px 20px;	
	/*
	*/	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #7F8B99;	
	font-size: 10px;
}
.contentBG_full p{
	font-weight:bold;
}
.contentBG_full_image{
	width: 370px;
	float:left;
	margin:0px;
	padding:0px;
}
.contentBG_full_text{
	width: 290px;
	float:left;
	margin: 0px 0px 0px 10px;
	padding:0px;
}
.projectLandingThumb{
	width:111px;
	float:left;
	text-align:center;
}
/*////////////////////////////////////////////

Properties for half page elements with blue bg

////////////////////////////////////////////*/
.halfContainer{
	width:735px;
}
.whiteTopBottomImgage{
	padding:5px 0px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	margin:3px 0px;
}
.halfWrapper{
	width:352px;
	float:left;
	margin-right: 15px;
}
.halfWrapper2{
	float:left;
	margin-right: 10px;
}
.contentBG_half{
	background-image: url(../images/contentBG_half.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 19px 20px;
	margin:-6px 0px 0px;
	/*
	*/	
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:125%;
	color: #7F8B99;	
}
/*////////////////////////////////////////////

Properties for quarter page elements with blue bg

////////////////////////////////////////////*/
.quarterContainer{
	width:735px;
}
.quarterContainer img{
	padding:5px 0px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	margin:3px 0px;
}
.quarterWrapper{
	width:170px;
	float:left;
	margin-right: 13px;
}
.contentBG_quarter{
	background-image: url(../images/contentBG_quarter.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 19px 20px;
	margin:-6px 0px 0px;
	/*
	*/	
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F8B99;	
}
.homefont{
	font-size: 11px;

}
.centered {
	text-align:center;
	position:relative;
	left:90px;
	width:560px;
}

/*////////////////////////////////////////////

Properties for sixths page elements with blue bg

////////////////////////////////////////////*/
.sixthsContainer{
	width:735px;
}
.sixthsContainer img{
	padding:0px;
	margin:0px;
}
.sixthsWrapper{
	width:112px;
	float:left;
	margin-right: 10px;
	text-align:center;
}
.contentBG_sixths{
	background-image: url(../images/contentBG_sixths.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 5px 20px;
	margin:-5px 0px 0px;
	/*
	*/	
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F8B99;	
}


/*////////////////////////////////////////////

BG and footer properties

////////////////////////////////////////////*/
#backLeft{
	z-index:0;
	position:absolute;
	top:80px;
	left: 0px;
	height:145px;
	width:50%;
	background-image: url(../images/bg_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#backRight{
	z-index:0;
	position:absolute;
	top:80px;
	left:50%;
	height:145px;
	width:50%;
	background-image: url(../images/bg_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#backLeft_index{
	z-index:0;
	position:absolute;
	top:92px;
	left: 0px;
	height:220px;
	width:50%;
	background-image: url(../images/index_bg_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#backRight_index{
	z-index:0;
	position:absolute;
	top:92px;
	left:50%;
	height:220px;
	width:50%;
	background-image: url(../images/index_bg_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer{
	clear:both;
	position:relative;
	z-index:2;
	width:750px; 
	height:40px;
	margin:0px auto; 
	padding:20px 0px 0px; 
	z-index:4; 
	/*
	*/	
	text-align:center; 
	color:#808B99; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
}
#footer a{
	color:#808B99;  
	text-decoration:none
}
#footer a:hover{
	color:#666666;  
	text-decoration:none;
}

/*////////////////////////////////////////////

Text and Link Styles

////////////////////////////////////////////*/
h1{
	margin: 0px;
	padding:5px 0px 0px 10px;
	height: 26px;	
	background-image: url(../images/h1_bg.gif);
	background-repeat: repeat-x;
	/*
	*/	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E8C95;
	text-transform: uppercase;
	
}
.h2{
	text-align:right;
	height: 30px;
}
h3{
	margin: 0px 0px 5px;
	padding: 0px;	
	/*
	*/		
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: sans-serif, Arial, Verdana, Helvetica;	
}
h4{
	margin: 4px 0px 0px;
	padding: 0px;	
	/*
	*/
	color: #D87C30;
	text-transform: uppercase;
	font-size: 10px;
	font-weight:normal;
}
h5{
	margin: 0px;
	padding:0px 0px 0px 0px;
	height: 26px;
	background-repeat: repeat-x;
	/*
	*/	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E8C95;
	text-transform: uppercase;
	
}
/*//////////////////////////////////////////////////
Links
//////////////////////////////////////////////////*/
a{
	color: #D87C30;
	text-decoration:none;
}
a:hover{
	color: #808B99;
	text-decoration:none;
}
.highlighted{
	color: #495257;
	text-decoration:none;
}


	/*////////////////////////////////////////////////////
	Right Blue Arrow Button Properties
	////////////////////////////////////////////////////*/
	.blueArrow_right {
		text-align:right;
		margin: 0px 0px 4px;
	}
	.blueArrow_right a{
		background-image: url(../images/blue_arrow_right.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 15px;
		/*
		*/		
		color: #7F8B99;
		text-decoration: none;
	}
	.blueArrow_right a:hover{
		background-image: url(../images/orange_arrow_right.gif);
		/*
		*/		
		color: #D87C30;
		text-decoration: none;
	}
	/*////////////////////////////////////////////////////
	Left Blue Arrow Button Properties
	////////////////////////////////////////////////////*/
	.blueArrow_left {
		text-align:left;
		margin: 0px 0px 4px;
	}
	.blueArrow_left a{
		background-image: url(../images/blue_arrow_left.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 15px;
		/*
		*/		
		color: #7F8B99;
		text-decoration: none;
	}
	.blueArrow_left a:hover{
		background-image: url(../images/orange_arrow_left.gif);
		/*
		*/		
		color: #D87C30;
		text-decoration: none;
	}
	/*////////////////////////////////////////////////////
	Right Orange Arrow Button Properties
	////////////////////////////////////////////////////*/
	.orangeArrow_right {
		text-align:right;
		margin: 0px 0px 4px;
	}
	.orangeArrow_right a{
		background-image: url(../images/orange_arrow_right.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 15px;
		/*
		*/		
		color: #D87C30;
		text-decoration: none;
	}
	.orangeArrow_right a:hover{
		/*
		background-image: url(../images/blue_arrow_right.gif);			
		color: #7F8B99;
		*/
		color: #D87C30;
		text-decoration: overline underline;
	}
	/*////////////////////////////////////////////////////
	Left Orange Arrow Button Properties
	////////////////////////////////////////////////////*/
	.orangeArrow_left {
		text-align:left;
		margin: 0px 0px 4px;
	}
	.orangeArrow_left a{
		background-image: url(../images/orange_arrow_left.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 15px;
		/*
		*/		
		color: #D87C30;
		text-decoration: none;
	}
	.orangeArrow_left a:hover{
		/*
		background-image: url(../images/blue_arrow_right.gif);			
		color: #7F8B99;
		*/
		color: #D87C30;
		text-decoration: overline underline;
	}
/*////////////////////////////////////////////

Style Elements

////////////////////////////////////////////*/
.white_horLine{
	border-top: solid 1px #ffffff;
	margin:5px 0px;
	padding:0px;
	clear:both;
}


/*////////////////////////////////////////////

Functional Elements

////////////////////////////////////////////*/
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.clearAll{
	clear:both;
	margin:0px;
	padding:0px;
}
.caseClear{
	text-transform: none;
}
.weightClear{
	font-weight:normal;
}
.rightMargin{
	margin: 0px 10px 10px 0px;
}
.clearMargin{
	margin: 0px;
}
.backUpMargin{
margin-top:-14px;
}

.smallBottomMargin{
	margin-bottom:3px;
}
.mediumPadding{
	padding:3px;
	margin:0px;
}
.bold{
	margin: 0px 0px 0px;
	padding: 0px;	
	/*
	*/		
	font-size: 12px;
	font-weight: bold;
	
	font-family: sans-serif, Arial, Verdana, Helvetica;	
}
#printHeader{display:none;}
@media print{
	#header,#backLeft,#backRight,#bottomLinks {
		height:0px;
		width:0px;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:0px;
		visibility:hidden;
	}
	#printHeader{
	}
	#content, #printHeader{
		display:inline;
		position:relative;
		top:0px;
		left:0px;
		width:700px;
	}
}
