x@charset "UTF-8";

#left ul {

	color: #333333;

	list-style: square outside;

}

#container #left li {

	font: 12px/18px Helvetica, Arial, sans-serif;

	color: #333333;

}





.submit {

	float: right;

	margin-top: 10px;

	margin-right: 8px;

}



#container {

	width: 800px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}

#right input {

	margin-bottom: 10px;

}



.lLeft {

	margin-top: 0px;

	float: left;

	margin-right: 20px;

}



.body {

	background: center;

}



#footer p {

	font: 9px Helvetica, Arial, sans-serif;

	color: #666666;

	text-align: right;

	float: left;

	margin-left: 630px;

	margin-top: 15px;

}

#left {

	width: 540px;

	margin-right: 20px;

	float: left;

}

#left p {

	font: 11px/17px Arial, Helvetica, Verdana, sans-serif;

	color: #333333;

}

#right p {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #333333;

	margin: -10px 8px 15px;

}

#right h2 {

	font: lighter 22px Arial, Helvetica, Verdana, sans-serif;

	margin-right: 8px;

	margin-left: 8px;

	text-transform: uppercase;

	color: #FF8E2E;

}

#right form {

	margin-right: 8px;

	margin-left: 8px;

}

#right label {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #333333;

}

#right {

	float: left;

	width: 216px;

	height: 425px;

	background: #d8d8d8;

	margin: 0px 0px 30px;

}

#navigation {

	background: #000000;

	height: 30px;

	width: 800px;

	margin-top: 8px;

	margin-bottom: 30px;

}

ul.nav {

	color: #FFFFFF;

	margin-right: 20px;

	margin-top: 8px;

	float: right;

}

ul.nav li {

	list-style-type: none;

	float: left;

}

ul.nav li a {

	height: 20px;

	display: inline;

	float: left;

}

#left h1 {

	font: lighter 29px Arial, Helvetica, sans-serif;

	color: #FF8E2E;

}



#header {

	width: 800px;

	height: 240px;

	margin-bottom: -10px;

	background: center;

}

#footer {

	background: #CCCCCC;

	width: 800px;

	clear: both;

	height: 40px;

}

li.links a {
	width: 44px;
	background: url(../img/nav/links_btn.jpg) no-repeat 0px -17px;
}
li.links a:hover {
	background-position: 0px -37px;
}
li.links a.selected {
	background-position: 0px -57px;
}
li.links a span {display: none;}



li.home a {
	width: 54px;
	background: url(../img/nav/home_btn.jpg) no-repeat 0px -17px;
}

li.home a:hover {
	background-position: 0px -37px;
}
li.home a.selected {
	background-position: 0px -57px;
}
li.home a span {display: none;}



li.about a {
	width: 81px;
	background: url(../img/nav/aboutus_btn.jpg) no-repeat 0px -17px;
}

li.about a:hover {
	background-position: 0px -37px;
}
li.about a.selected {
	background-position: 0px -57px;
}
li.about a span {display: none;}



li.projects a {
	width: 74px;
	background: url(../img/nav/projects_btn.jpg) no-repeat 0px -17px;
}

li.projects a:hover {
	background-position: 0px -37px;
}
li.projects a.selected {
	background-position: 0px -57px;
}
li.projects a span {display: none;}



li.marcellus a {
	width: 128px;
	background: url(../img/nav/marcellus_btn.jpg) no-repeat 0px -17px;
}

li.marcellus a:hover {
	background-position: 0px -37px;
}
li.marcellus a.selected {
	background-position: 0px -57px;
}
li.marcellus a span {display: none;}



li.hdc a {
	width: 147px;
	background: url(../img/nav/hdc_btn.jpg) no-repeat 0px -17px;
}

li.hdc a:hover {
	background-position: 0px -37px;
}
li.hdc a.selected {
	background-position: 0px -57px;
}
li.hdc a span {display: none;}



li.contacts a {
	width: 97px;
	background: url(../img/nav/contact_btn.jpg) no-repeat 0px -17px;
}

li.contacts a:hover {
	background-position: 0px -37px;
}
li.contacts a.selected {
	background-position: 0px -57px;
}
li.contacts a span {display: none;}




a:link {

	color: #45694c;

	text-decoration: none;

}

a:visited {

	color: #666666;

	text-decoration: none;

}

a:hover {

	color: #a1cdee;

	text-decoration: underline;

}

a:active {

	text-decoration: none;

}

a {

	font-weight: bold;

}

.userBox {

	width: 110px;

	font-size: 11px;

	padding: 3px;

	border: 1px solid #b5b7b9;

}

.passwordBox {

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

	width: 110px;

	font-size: 11px;

	padding: 3px;

	border: 1px solid #b5b7b9;

}

#loginL {

	float: left;

	width: 70px;

	margin-top: 10px;

}

#loginL p {

	line-height: 23px;

}

#loginR {

	float: right;

	width: 120px;

	margin-top: 10px;

	margin-right: 10px;

}

.imageAdjustRight {

	float: right;

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	clear: both;

}

#left h2 {

	font: lighter 14px Helvetica, Verdana, Arial, sans-serif;

	color: #339900;

	margin-bottom: -10px;

}

.style1 {color: #3366FF}

}


