body {

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

	font-size: 80%;

	line-height: 1.3em;

	color: #000;

	background-color: #000033;

	height: auto;

	.height: 100%;

	width: auto;

	background-position: center top;

	margin-top: 0px;

	background-image: url(images/bkgd_body_02.png);

	background-repeat: repeat-x;

}



#outercontainer {

	text-align: center;

	margin: 10px auto;

	height: auto;

	width: 904px;

	background-image: url(images/about2_08.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	background-color: #FFFFFF;

}

#container {

	background-image: url(images/about2_13.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	margin: 0 auto;

	position: relative;

	width: 904px;

	text-align: center;

	height: auto;







	.height: 100%;



}





#header {

	text-align: left;

	width: 904px;

	height: 121px;

	position: relative;

	top: 0px;

	left: 0px;



}

.about {

	background-image: url(images/about_01.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#header ul {

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

	margin: 0;

	height: auto;

	min-height: 50px;

	width: 280px;

	list-style-type: none;

	border-left: 1px solid #FFFFFF;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	white-space: nowrap;

	text-align: left;

	display: block;

	letter-spacing: 0.04em;

	text-transform: uppercase;

	font-weight: bold;

	top: 8px;

	position: absolute;

	left: 300px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

}



#header li {

	height: 17px;

	text-decoration: none;

	margin: 0;

	text-align: left;

	display: block;

	white-space: nowrap;



}

#header a {

	color: #FFFFFF;

	text-decoration: none;

	display: block;

}



#header a:hover {

	color: #999999;

	text-decoration: none;

}



#header a.selected {

	color: #02aaeb;

}

#main {

	position:relative;

	text-align:left;

	height: auto;

	min-height:380px;

	width: 902px;

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

	color: #000000;

	clear: both;





}



#sidebar {

	position: absolute;

	top:-8px;

	text-align: left;

	height: auto;







	.height: 100%;

	width: 270px;

	float: left;

	z-index:8;

	left: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 25px;

}

#sidebar ul{

	width:auto;

	margin:0px 0 0 20px;

	padding:0px 10px 20px 0px;

	list-style-type: none;

	text-align: left;

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

	font-size: 120%;

	color: #000033;

	font-weight: normal;

	line-height: 1.8em;

}

#content img {

	border: 1px solid #000033;

	text-align: left;

	margin-right: 10px;

	margin-bottom: 5px;

	float: left;

}



#sidebar li a {

	color: #000033;

	text-decoration: underline;

}



#sidebar img {

	border: 1px solid #000033;

	margin: 0;



}

#sidebar li{

	width: 200px;

	margin: 0;



}



#content {

	position:relative;

	height: auto;





















	.height: 100%;

	min-height: 300px;

	text-align: left;

	width: 562px;

	font-size: 100%;

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

	margin-left: 286px;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 25px;

}

#content ul {

	list-style-position: outside;

	line-height: 1.5em;

	margin-left: 20px;

	margin-bottom: 8px;

}



a:visited {

	color: #003399;

	font-weight: normal;

}



a:link {

	color: #003399;

	font-weight: normal;

}

a:hover {

	color: #0D360C;

	font-weight: normal;

}



.copyright {

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

	font-size: 100%;

	color: #FFFFFF;

	text-align: center;

	background: none;

	margin: 5px auto;

}

.copyright a:hover {

	color: #02aaeb;

	text-align: center;

	text-decoration: none;

}

h1 {

	font-family: Eurostile, "Arial Black", Arial;

	font-size: 190%;

	font-weight: bold;





}

.copyright a {

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

	color: #fff;

	text-align: center;

	background: none;

	text-decoration: underline;

}

h2 {

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

	font-size: 90%;

	font-weight: bold;

	text-decoration: underline;

	text-transform: uppercase;

	margin-bottom: 6px;

	}



#footer {

	position: relative;

	clear: both;

	text-align: left;

	padding: 10px 0px;

	height: 55px;

	width:904px;

	text-align: left;

	color: #FFF;

	text-decoration: none;

	background-color: #000033;

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

	font-size: 12px;

	background-image: url(images/about2_14.jpg);

	background-position: top;

	background-repeat: no-repeat;

}



#footer ul {

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

	white-space: nowrap;

	display: inline;

	width: 802px;

	font-size: 12px;

}







#footer p {

	padding: 8px 0 0 8px;

	line-height: 1.2em;

	font-size: 100%;

	}	



#footer a {

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

	color:  #fff;

	text-decoration: none;

}

#footer a:hover {

	color: #ABBACD;

}





h3 {

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

	font-size: 100%;

	font-weight: bold;

	color: #272727;



}

#footer li {

	display: inline;

	list-style-type: none;

	padding-right: 8px;

	padding-left: 8px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;

}

#logo {

	position: absolute;

	height: 60px;

	width: 256px;

	left: 22px;

	top: 26px;

}

#sidebar li a:hover {

	color: #999999;

	text-decoration: none;

}

#sidebar li a.selected {

	color: #5A0B10;

	text-decoration: underline;

}

#sidebar ul.projects {

	width:auto;

	margin:0px 0 0 10px;

	padding:5px 10px 20px 0px;

	list-style-type: none;

	text-align: left;

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

	font-size: 95%;

	color: #000033;

	font-weight: normal;

	line-height: 1.5em;

	text-decoration: none;

}

#sidebar ul.projects li a {

	width:auto;

	margin:0px 0 0;

	padding:0px 10px 20px 0px;

	text-align: left;

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

	font-size: 90%;

	color: #000033;

	font-weight: normal;

	line-height: 1.4em;

	text-decoration: none;

}

#sidebar ul.projects li a:hover {

	width:auto;

	margin:0px 0 0;

	padding:0px 10px 20px 0px;

	text-align: left;

	color: #999999;

	font-weight: normal;

	text-decoration: none;

}

#sidebar ul.projects li a.selected {

	width:auto;

	margin:0px 0 0;

	padding:0px 10px 20px 0px;

	text-align: left;

	color: #5A0B10;

	font-weight: normal;

	text-decoration: none;

}

#navigation {

	position: relative;

	text-align: left;

	padding: 0px 0px 5px;

	height: auto;

	width:902px;

	text-align: right;

	color: #56070C;

	text-decoration: none;

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

	font-size: 12px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#navigation ul {

	white-space: nowrap;

	display: inline;

	width: 750px;

	height: auto;

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

	margin-right: -2px;

}

#navigation li {

	display: inline;

	list-style-type: none;

	padding-right: 8px;

	padding-left: 8px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #56070C;

	white-space: nowrap;

}

#navigation li a {

	border-right-style: solid;

	border-right-color: #56070C;

	white-space: nowrap;

	display: inline;

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

	font-size: 14px;

	font-variant: normal;

	text-transform: none;

	color: #56070C;

	text-decoration: none;

}

#navigation li a:hover {

	border-right-color: #56070C;

	color: #8496B0;

	text-decoration: none;

}

.news {

	background-image: url(images/news_01.jpg);

	background-repeat: no-repeat;

	background-position: left top;



}

.contact {

	background-image: url(images/contact_01.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.green {

	background-image: url(images/green_01.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.team {

	background-image: url(images/team_01.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.grayblue {

	background-color: #576385;

	background-image: url(images/Indexbkgd3_02.jpg);

	background-repeat: repeat-x;

}