* {margin: 0; padding: 0;}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

/* Hack for IE */
* html #Content {
    height: 100%;
}
/* End IE Hack */

body {
	color: #0F4971;
	background-color:#000000;
	background-image:url(/images/page_bg_tile.jpg);
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	line-height: 18px;
	text-align: center;
/*	background-repeat: repeat-both
*/}

img {
	border: 0;
	display: block;
	vertical-align:text-bottom;
	}
	

DIV#frame {
	width:784px;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

DIV#header {
	width:784px;
	margin: 0px;
	padding: 0px;
	}

DIV#topnav {
	width:784px;
	height:45px;
	padding: 0px;
	margin-top: -2px;

/*	background-image:url(/img/nav_bg.jpg);
*/

}

.top_nav_button {
	float: left;
}


DIV#middle {
	width:784px;
	padding-top: 0px;
	background-image:url(../images/middle_bg_tile.jpg);
}

DIV#middle a:link {
	color: #FFFFFF;
	text-decoration: none;
}

DIV#middle a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

DIV#middle a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



DIV#middle .inner_frame {
	width:684px;
	margin:auto;

}

DIV#middle .content{
	width:614px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4690db;
	background-image: url(../images/content_bg_tile.jpg);
	min-height: 438px;
	padding: 35px;
	background-repeat: repeat-y;
}

DIV#middle .content_footer{
	width:684px;
	height:53px;
	background-image: url(../images/content_footer.jpg);
}

.left_column{
	width: 340px;
	float: left;

}

.left_column_short{
	width: 259px;
	float: left;
	padding-right: 15px;

}

.right_column{
	width: 259px;
	float: left;
	padding-left: 15px;

}

.right_column_wide{
	width: 340px;
	float: left;
}

.featured_project_thumb{
	width: 105px;
	padding-right: 8px;
	float: left;
	padding-top: 8px;

}


.form{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099FF;
	padding-top: 20px;
	width: auto;
	margin-top: 20px;
	
}

.form input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	background-color: #CCCCCC;
	margin-bottom: 15px;
}

.form input.reset{
	background-image: url(../images/clear_btn.jpg);
	width: 115px;
	height: 32px;
}



/*DIV#sub_middle {
	width:784px;
	background-image:url(../images/middle_bg_tile.jpg);
	height: 450px;

}

DIV#sub_middle .content {
	width:684px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-right: auto;
	margin-left: auto;
}*/

DIV#intro {
	width:684px;
	height:234px;

}

DIV#featured_item {
	width:412px;
	height: 204px;
	float: left;

}

DIV#billboard{
	width:272px;
	height: 204px;
	float: left;

}



.pageheader{
width: 684px;

}

	

/*DIV#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
DIV#topnav	ul li {
	float: left;
	position: relative;
	}
	*/




DIV#footer{
	width:784px;
	margin: 0px;
	background-image:url(/images/footer.jpg);
	background-repeat:no-repeat;
	height: 97px;

}

DIV#copyright{
	height:10px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 40px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: 18497c;
	margin-right: auto;
	margin-left: auto;

}

.quote{
	font-size: 14px;
	color: #CCCCCC;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BEC5CA;
	font-style: normal;
	font-weight: normal;
	margin-top: -5px;
	margin-bottom: 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3399FF;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #18497c;
}


.gallery{
	height: 438px;
	width: 684px;
}

.clr {
	clear: both;
}


#holder {
	margin: 0px auto 0px auto;
	width:700px;
	text-align:center;
}

.pretext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #006699;
}
.pretext a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0099FF;
	text-decoration: none;
}
.pretext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FFFF;
}
.image_frame {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 15px;
}

.test {
	background-color: #FFF;
	height: 20px;
}