@import "common.css";
@import "fancybox.css";
body {
	margin			: 0;
	padding			: 0 0 20px 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #fff;
	text-decoration	: none;
	background		: #69737f;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper, #wrapperWork {
	position		: relative;
	width			: 875px;
	padding			: 0 15px 0 15px;
	margin			: 20px auto;
	overflow		: hidden;
	background		: url(../images/wrapper_bg.gif) no-repeat top left;
}
#header {
	width			: 875px;
	height			: 120px;
	overflow		: hidden;
	border-bottom   : 2px solid #fff;
}
#logo {
	float			: right;
	width			: 240px;
	height			: 80px;
	margin			: 10px 25px 0 0;
}
/*---- Main Nav ----------------------------------------------------*/
#mainNav {
	float			: left;
	margin			: 50px 0 0 20px; 
	width			: 567px;
	height			: 26px;
	line-height		: 26px;
	background		: url(../images/menu_bg.gif) no-repeat top left;
	overflow		: hidden;
}
#mainNav ul {
	position		: relative;	
	padding			: 0;
	margin			: 0 0 0 25px;
}
#mainNav ul li {
	display			: block;
	float			: left;
}
#mainNav ul li.first {
	border-left		: none;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	display			: block;
	float			: left;
	color			: #fff;
	text-decoration	: none;
	font-size		: 11px;
	padding			: 0 7px 0 7px;
}
#mainNav ul li a:hover, #mainNav ul li.active a {
	background		: url(../images/menu_active_bg.gif) no-repeat top left;
}
/*---- Content Area -------------------------------------------------*/
#contentWrapper {
	position		: relative;
	width			: 795px;
	min-height		: 360px;
	height			: auto !important;
	height			: 360px;
	padding			: 40px;
	background		: #3780ad url(../images/content_bg.gif) no-repeat top left;
	border-top		: 2px solid #fff;
	overflow		: hidden;
}
#contentWrapperHome {
	width			: 875px;
	overflow		: hidden; 
}
#content { 
	width			: 450px;
}
/*--------------------------------Sidebar */
#rightSidebar { 
	float			: right;
}
span.box_title {
	display			: block;
	width			: 220px;
	height			: 30px;
	line-height		: 30px;
	font-size		: 16px;
	font-weight		: bolder;
	padding			: 0 15px 0 15px;
	background		: #112b40;
}
.box {
	width			: 250px;
	background		: #637d92;
	margin			: 0 0 20px 0;
	padding			: 15px 0 15px 0;
	background		: url(../images/box_bg.png) no-repeat top left;
	overflow		: hidden;
}
.box a {
	color			: #fff;
	text-decoration	: none;
}
#rightSidebar ul li {
	display			: block;
}
#rightSidebar ul li a:link, #rightSidebar ul li a:visited {
	display			: block;
	width			: 180px;
	color			: #fff;
	text-decoration	: none;
	padding			: 3px 35px 3px 35px;
	background		: url(../images/arrow.gif) no-repeat 22px 7px;
	text-decoration	: none;
}
#rightSidebar ul li a:hover, #rightSidebar ul li.active a {
	background		: #5e8fb6 url(../images/arrow.gif) no-repeat 22px 7px;
}
#rightSidebar ul li.active ul {
	padding			: 5px 0 5px 10px;
}
#rightSidebar ul li.active ul li a:link, #rightSidebar ul li.active ul li a:visited {
	color			: #fff;
	text-decoration	: none;
	background		: url(../images/arrow.gif) no-repeat 22px 7px;
}
#rightSidebar ul li.active ul li a:hover, #rightSidebar ul li.active ul li.active a {
	/*color			: #112b40;*/
	color			: #9ddbf9;
}
#downloads {
	padding			: 15px 0 0 0;
	overflow		: hidden;
	background		: url(../images/box_bg.png) no-repeat top left;
}
#downloads span {
	color			: #999;
}
#downloads ul li a:link, #downloads ul li a:visited {
	display			: block;
	width			: 195px;
	padding			: 3px 20px 3px 35px;
	background-position: 15px 5px;
	background-repeat: no-repeat;
}
#downloads ul li a:hover {
	background-color: #5e8fb6;
}
#downloads ul li a.pdf {
	background-image: url(../images/icon_pdf.gif);
}
#downloads ul li a.doc {
	background-image: url(../images/icon_doc.gif);
}
#info {
	width			: 220px;
	padding			: 15px;
}
/*--------- Slideshows -------------------------------------------------------------*/
#slideshowWrapper {
	position		: relative;
	background		: #fff;
	display			: none;
	overflow		: hidden;
}
#wrapperWork #slideshowWrapper {
	position		: relative;
	padding			: 0;
	display			: none;
}
#loading {
	position		: relative;
	background		: #35475a;
}
#loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}
#output {
	position		: absolute;
	width			: 825px;
	height			: 0;
	bottom			: 0;
	left			: 0;
	padding			: 10px 25px 15px 25px;
	background		: #021931;
	z-index			: 8;
	display			: none;
}
#controls { 
	position		: absolute;
	width			: 113px; 
	top				: 13px; 
	right			: 9px; 
    background		: url(../images/controls_bg.png) no-repeat top left;
	margin			: 0; 
	padding			: 5px 14px; 
    font-size		: 10px;
	text-align		: center;
	z-index			: 998; 
}
#controls span { 
	float			: left;	
	padding			: 0 15px 0 0;
}
#output h2, #output h2.homeSlideCaption {
	background		: url(../images/point.png) no-repeat left center;
	padding			: 3px 0 3px 25px;
	color			: #fff;
}
#output h2.homeSlideCaption {
	background		: none;
	padding			: 3px 0 3px 25px;
	color			: #fff;
}
/*------------------------------------------------------------------------*/
table#project_details {
	
	width			: 450px;
	margin			: 0 0 20px 0;
}
table#project_details th {
	text-align		: left;
} 
table#project_details th,table#project_details td {
	padding			: 5px;
}
.odd {
	background		: #5589b2; 
}
.even {
	background		: #6b98bc; 
}
td,th {
	padding			: 10px;
	vertical-align	: top;
}
th {
	color			: #231f20;
}
table span {
	display			: block;
	color			: #fff;
	font-weight		: bolder;
	padding			: 5px 20px 0 10px;
}
#map {
	width			: 500px;
	height			: 300px;	
	border			: 5px solid #ccc;
	margin			: 0 0 20px 0;
}
form table th, form table td {
	vertical-align	: top;
}
div.errors {
	padding			: 0 0 20px 0;
	color			: #fff;
}
input.text, textarea {
	border			: none;
}
input.invalidValue, input.requiredValue {
	border			: 1px solid #ff0000;
}
/*----- Footer -------------------------------------------------------*/
#footer {
	width			: 815px;
	padding			: 30px;
	background		: #000;
	color			: #fff;
	margin			: 0 0 20px 0;
	border-top		: 2px solid #fff;
}
#footer #credits {
	float			: right;
}
/*--- Typo ----------------------------------------------------------*/
#sitemap ul li ul {
	padding			: 0 0 0 20px;
}
#content a:link {
	color			: #9ddbf9;
	text-decoration	: underline;
}
#content a:hover {
	color			: #9ddbf9;
	text-decoration	: none;
}
#content a:visited {
	color			: #91b8d4;
	text-decoration	: none;
}

#footer a {
	color			: #fff;
	text-decoration	: none;
	font-weight		: bolder;
}
p, ul, ol  {
	padding			: 0 0 15px 0;
}
ol {
	margin			: 0 0 0 20px;
}
ol li {
	padding			: 3px 0;
}
h1 {
	font-size		: 16px;
	font-weight		: bolder;
	color			: #fff;
	padding			: 0 0 15px 0;
}
h2 {
	font-weight		: bolder;
	color			: #ccc;
	padding			: 0 0 5px 0;
}
#rightSidebar h1 {
	padding			: 0 0 5px 0;
	color			: #3b80ae;
	font-size		: 13px;
}
#content  ul li {
	padding			: 3px 0 3px 0;
}
#content img {
	border			: 5px solid #ccc;
}
em {
	font-style		: normal;
	font-weight		: bolder;
}