/* CSS Document */

/********** CSS Divs Map ************/

/* 
	#shadow
		#background [z-index = 1 for lower layer]
		#container  [z-index = 2 for upper layer]
			#nav
			#header
			#header_photos
			#leftcol
			#rightcol
			#null
		#footer_shadow
			#footer
*/

*, html {
	padding: 0;
	margin: 0;
	}
	
body {
	background: url(/pics/laf/striped_bg.jpg) repeat-x top left #cccccc;
	font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
	color: #333;
	}
	
h2 {
	font-size: 18px;
	font-weight: normal;
	}
	
h3 {
	font-size: 14px;
	color: #6e030f;
	margin-top: 15px;	
	}
	
h4 {
	font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333;
	}
	
h5 {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	padding: 5px;
	}

/********** For The Backgrounds *************/
	
#shadow {
	padding-top: 55px;
	/* background: url(/pics/laf/shadow_bg.jpg) repeat-y center top; */
	text-align: center;
	}

#background {
	position:absolute;
	z-index:1;
	top: 0;
	left: 0;
	width: 100%;
	height: 411px;
	background: url(/pics/laf/top_bg.jpg) center top no-repeat;
	}
	
/********** Main Anatomy ***********/

#container {
	position: relative;
	z-index:2;
	margin: 0 auto;
	width: 770px;
	background-color: #fff;
	text-align: left;
	overflow:hidden;
	}

#nav {
	height: 62px;
	background: url(/pics/laf/nav_bg.jpg) no-repeat;
	font-weight: bold;
	}
#nav a.visited {
	color: white;
}	
	
#header {
	height: 95px;
	background: url(/pics/laf/header_bg.jpg) no-repeat;
	}
	
	#header p {
		text-align: right;
/* 		font: 12px/1.2; */
		padding-top: 10px;
		padding-right: 30px;
		}
	
#header_photos {
	background: #fff;
	padding: 10px 7px 3px 8px;
	}
	
	.photo_right {
		margin-left: 9px;
		}
	
#leftcol {
	float: left; 
	width: 232px;
	padding-left: 8px;
	background: #fff;
	}
	
	#leftcol img {
		margin: 5px 0;
		padding: 0;
		}
		
#rightcol {
	float: left; 	
	position: relative;
	padding: 10px 32px 20px 27px;
	width: 530px; /* was 530 */
	background: url(/pics/laf/main_bg.jpg) right top repeat-y;
	}
	
	.top {position:absolute; top:0; left:0;}
	.bottom {position:absolute; bottom:-1px; left:0;}
	
	#rightcol p {
		margin-bottom: 35px;
		}
	
	#rightcol h1 {
		color: #6e030f;
		font-size: 18px;
		font-weight: normal;
		margin: 40px 5px 15px 0;
		padding: 0 0 10px 0;
		background: url(/pics/laf/h1_underline.gif) repeat-x left;
		background-position: 3px bottom;
		}
	
	#rightcol ul, ol {
		margin: 15px 0 15px 25px;
		}
		
	#rightcol li {
		padding-top: 10px;
		}
		
#null {
	clear:both;
	}

#footer_shadow {
	margin: 0 auto;
	height:157px;
	background:url(/pics/laf/footer_shadow.jpg) top center no-repeat;
	}
	
#footer {
	clear: both;
	background: url(/pics/laf/footer_bg.png) no-repeat;
	margin: 0 auto;
	width:770px;
	height: 106px;
	color: #fff;
/* 	font: 12px/1.2; */
	text-align: right;
	}
	
	#footer p {
		padding: 30px 25px;
		padding-bottom:0;
		}
		
	#footer p.left {
		float:left;
		text-align: left;
		}

/**************** Links ******************/

a:link, a:visited {
	/* color: #6e030f; 
	text-decoration: underline;*/
	}	
	
a:hover, a:active {
	color: #D98437;
	}
	
#header a:link, #header a:visited {
	color: #333;
	text-decoration: none;
	}

#header a:hover, #header a:active {
	color: #6e030f;
	text-decoration: underline;
	}
	
#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	}
	
/********** Classes ***********/

.img_right {
	float: right;
	padding: 0 0 10px 10px;
	}

.img_left {
	float: left;
	padding: 0 10px 10px 0;
	}
	

.award {
	margin: 10px 0; 
	padding: 5px;
	background:#EBEBDA;
	}
	
.award img {
	border: solid #DCDDBE 5px;
	margin: 0 10px 15px 0;
	}
	
.award ul {
	list-style: none;
	margin: 10px 0;
	}
	
.award b {
	font-style: italic;
	}
	
div.divide {
	margin: 10px 45px; 
	padding: 10px;
	background:#EBEBDA;
	}
	
.divide p {
	margin-bottom: 10px;
	}
	
/************* Form **************/

#contactForm label {
	float: left;
	width: 100px;
	padding: 0;
	margin-left: 5px;;
}
#contactForm div {
	padding: 5px 0;
	margin: 0;
	width: 100%;
}

#contactForm legend {
	padding: 0 5px;
	font-weight: bold;
	color: #6e030f;
}

#contactForm fieldset {
	width: 300px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #6e030f;
}

#contactForm .txt {
	border: 1px solid #6e030f;
	width: 182px;
}

#contactForm textarea {
	height: 125px;
}

#contactForm div.submit {
	text-align: right;
}

.btn {
	padding: 0;
	margin-right: 50px;
	border: 2px solid #6e030f;
	background-color: #d8dc9d;
}

#poweredby {
	display: none;
	}
	
#projectimage img {
 padding-right:10px;
}	