/* Hyperlinks */
a {	
	color: #1c6ba6;
	font-weight: bold;	
	text-decoration: none;
	}
a:hover {	
	color: #1c6ba6;
	font-weight: bold;	
	text-decoration: underline;
}

#topnav a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#topnav a:hover {
	color: #1c6ba6;
	font-weight: normal;
	text-decoration: none;
}

#navigation a {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	font-weight: bold;	
	text-decoration: underline;
}

#subnavigation a {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
}

#subnavigation a:hover {
	color: #fff;
	font-weight: bold;	
	text-decoration: underline;
}

#subright a {
	color: #000;
	font-weight: normal;	
	text-decoration: none;
}

#subright a:hover {
	color: #000;
	font-weight: normal;	
	text-decoration: underline;
}

#completedleft a {
	font-size: 1.2em;
	color: #797979;
	font-weight: bolder;	
	text-decoration: none;
}

#completedleft a:hover {
	font-size: 1.2em;
	color: #797979;
	font-weight: bolder;	
	text-decoration: underline;
}

/* Alignments */

.rightalign {
	text-align: right;
}

/* Layout */

body {	
	background-color: #a8a189;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: .75em;	
	color: #000000;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	}


#main {
	width: 760px;
	border: solid #ffffff 0px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	}

#topnav {
	width: 760px;
	text-align: right;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
	
#header {
	width: 760px;
	height: 350px;
	clear: both;
	border: solid #ffffff 0px;
	z-index: 1;
	position: absolute;
} 
 
#historyheader {
	width: 760px;
	height: 172px;
	border: solid #ffffff 0px;
	background: url('images/subheader1.jpg') no-repeat top;
	z-index: 1;
	position: absolute;
} 

#currentheader {
	width: 760px;
	height: 172px;
	border: solid #ffffff 0px;
	background: url('images/subheader2.jpg') no-repeat top;
	z-index: 1;
	position: absolute;
}

#contactheader {
	width: 760px;
	height: 172px;
	border: solid #ffffff 0px;
	background: url('images/subheader3.jpg') no-repeat top;
	z-index: 1;
	position: absolute;
}

#completedheader {
	width: 760px;
	height: 172px;
	border: solid #ffffff 0px;
	background: url('images/subheader4.jpg') no-repeat top;
	z-index: 1;
	position: absolute;
}

#navigation {
	width: 760px;
	padding-top: 328px;
	padding-left: 30px;
	word-spacing: 48px;
	font-style: bold;
	border: solid #ffffff 0px;
	z-index: 2;
	position: absolute;
} 

#subnavigation {
	width: 760px;
	padding-top: 153px;
	padding-left: 30px;
	word-spacing: 48px;
	font-style: bold;
	border: solid #ffffff 0px;
	z-index: 2;
	position: absolute;
}

#body {
	background-color: #fff;
	width: 760px;
	border: #000 solid 0px;
	margin-top: 350px;
	position: absolute;
	z-index: 3;
	
}

#subbody {
	background-color: #fff;
	width: 760px;
	border: #000 solid 0px;
	margin-top: 172px;
	position: absolute;
	z-index: 3;
	
}

#left {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	float: left;
	background: #d5d2c6 url('/images/bluedot.gif') repeat-y right;
	width: 220px;
}

#subleft {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 470px;
}

#completedleft {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 470px;
}

#center {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	float: left;
	background: url('images/bluedot.gif') repeat-y right;
	width: 220px;
}

#right {
	margin-top: 10px;
	padding-left: 15px;
	float: left;
	background-color: #fff;
	width: 230px;
}

#news {
	margin: 5px;
	width: 215px;
	height: 300px;
	overflow: auto;
}

#subright {
	padding-top: 15px;
	padding-left: 15px;
	float: right;
	background-color: #d5d2c6;
	width: 200px;
}

.currentleft {
	padding-left: 5px;
	padding-top: 10px;
	float: left;
	width: 138px;
	height: 75px;
	background-color: #d5d2c6;
	margin-bottom: 15px;

}

.currentright {
	float: right;
	
}
.contactleft {
	text-align: left;
	float: left;
	margin-bottom: 15px;

}

.contactright {
	padding-left: 5px;
	padding-top: 10px;
	background-color: #d5d2c6;
	width: 325px;
	height: 108px;
	float: left;
	
}

.currentprojectsleft {
	padding-left: 5px;
	padding-top: 10px;
	background-color: #d5d2c6;
	width: 240px;
	height: 98px;
	text-align: left;
	float: left;
	margin-bottom: 15px;

}

.currentprojectsright {
	padding-left: 5px;
	float: left;
}

.completedlisted {
	background: url('images/graydot.gif') repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

/* Heading */
h3 {
	font-size: 1.5em;
	font-weight: lighter;
	color: #1c6ba6;
	margin-bottom: 5px;
	margin-right: 5px;
	}

h1 {
	font-size: 1.5em;
	font-weight: lighter;
	color: #1c6ba6;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	background: url('images/graydot.gif') repeat-x bottom;
	
}
h2 {
	font-size: 1.2em;
	color: #1c6ba6;
	margin-bottom: 5px;
	margin-right: 5px;	
}

strong {
	font-size: 1.2em;
	font-weight: bold;
	color: #1c6ba6;	
}

.subheadertext{
	font-size: 2.5em;
	font-weight: bold;
	text-align: right;
	color: #1c6ba6;
	margin-top: 87px;
	margin-right: 15px;	
}

.completedtext{
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
	color: #1c6ba6;
	margin-top: 100px;
	margin-right: 15px;	
}

.currenttext{
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
	color: #1c6ba6;
	margin-top: 90px;
	margin-right: 15px;	
}

.contactheadertext{
	font-size: 2.3em;
	font-weight: bold;
	text-align: right;
	color: #fff;
	margin-top: 100px;
	margin-right: 40px;	
}

#photoright{
	font-size: .75em;
	font-weight: bold;
	text-align: center;
	color: #1c6ba6;
	float: right;
	padding: 5px;
	}

#photoleft{
	font-size: .75em;
	font-weight: bold;
	text-align: center;
	color: #1c6ba6;
	float: left;
	padding-right: 8px;
	}
	
b {
	font-weight: bold;
	color: #1c6ba6;
	font-size: .9em;
}

/* Footer and Clearing */

#footer {
	width: 760px;
	height: 40px;
	font-size: .75em;
	text-align: center;
	color: #000;
	margin-top: 730px;
	margin-left: auto;
	margin-right: auto;
	z-index: 4;
	position: absolute;
	}
	
#historyfooter {
	width: 760px;
	height: 40px;
	font-size: .75em;
	text-align: center;
	color: #000;
	margin-top: 1100px;
	margin-left: auto;
	margin-right: auto;
	z-index: 4;
	position: absolute;
	}
	
	
.clear {
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	clear: both;
	}
