@import "common.css";
/*@import "fancybox.css";*/

body {
	margin			: 0;
	padding			: 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	text-decoration	: none;
	background		: #b5cbdf url(../images/body_bg.gif) repeat-x top left;
	color			: #4d4d4d;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapperOuter {
	position		: relative;
	width			: 923px;
	margin			: 0 auto;
	padding			: 0 13px;
	background		: url(../images/bg.png) no-repeat top left;
}
#wrapper {
	position		: relative;
	width			: 923px;
	min-height		: 650px;
	margin			: 0;
	padding			: 0;
	background		: url(../images/wrapper_bg.gif) repeat-y top left;
	overflow		: hidden;	
}
/*----- Left Side -----------------------------------------------------*/
#leftSidebar {
	float			: left;
	width			: 174px;
	padding			: 0 30px 0 29px;
	overflow		: hidden;
}
#logo {
	position		: relative;
	margin			: 35px 0 60px 0;
}
/*--- Menu ----*/
#mainNav {
	position		: relative;
	padding			: 0 0 200px 0;
	overflow		: hidden;
}
#mainNav ul li {
	display			: block;
	width			: 100%;
	border-top		: 1px solid #90c09e;
}

#mainNav ul li.last {
	border-bottom	: 1px solid #90c09e;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	display			: block;
	padding			: 10px 15px;
	color			: #4386ad;
	text-transform	: uppercase;
	text-decoration	: none;
	font-size		: 11px;
}
#mainNav ul li a:hover, #mainNav ul li.active a {
	color			: #004b8d;
	font-weight		: bolder;
}
/*--2nd level*/
#mainNav ul li.active ul li {
	border			: none;
}
#mainNav ul li.active ul li a:link, #mainNav ul li.active ul li a:visited {
	display			: block;
	padding			: 8px 15px;
	color			: #6baf82;
	text-transform	: uppercase;
	text-decoration	: none;
	font-size		: 11px;
	font-weight		: normal;
}
#mainNav ul li.active ul li a:hover,#mainNav ul li.active ul li.active a {
	background		: url(../images/green_arrow.gif) no-repeat left 7px;
	color			: #00914f;
}
/*3rd level---*/
#mainNav ul li.active ul li.active ul li a:link, #mainNav ul li.active ul li.active ul li a:visited {
	display			: block;
	padding			: 5px 35px;
	color			: #6baf82;
	text-transform	: none;
	text-decoration	: none;
	font-size		: 11px;
	background		: none;
	font-weight		: normal;
	

}
#mainNav ul li.active ul li.active ul li a:hover,#mainNav ul li.active ul li.active ul li.active a {
	background		: url(../images/kupa.gif) no-repeat 30px 9px;
	color			: #00914f;
}
/*---Bottom sidebar--*/
#bottom {
	position		: absolute;
	bottom			: 30px;
	left			: 0;
	width			: 233px;
}
#logos {
	position		: relative;
	width			: 175px;
	height			: 55px;
	margin			: 0 30px;
	padding			: 0 0 20px 0;
	text-align		: center;
}
#logos a:link, #logos a:visited {
	margin			: 0 10px 0 0;
}
#slogan {
	background		: #327fa6;
	color			: #fff;
	padding			: 20px 25px;
	font-size		: 12px;
	font-weight		: bolder;
	text-align		: center;
}
#ajaxSearch_form {
	position		: relative;
	margin			: 0 0 20px 30px;
}
#ajaxSearch_form table {
	background		: #c5d6e6;
}
#ajaxSearch_form input#ajaxSearch_input {
	background		: #c5d6e6;
	border			: none;
	width			: 139px;
	height			: 14px;
	padding			: 3px 5px;
	color			: #3f86ad;
	font-size		: 10px; 
}
/*-----------------------------------------------------------------*/
#contentWrapper {
	float 			: right;
	width			: 690px;
}
#content {
	width			: auto;
	padding			: 45px;
	overflow		: hidden;
}
#map {
	width			: 690px;
	height			: 360px;
}
#maplinks {
	display			: none;
}
#content h1 {
	display			: block;
	color			: #00853f;
	font-size		: 16px;
	font-style		: italic;
	text-transform	: uppercase;
	padding			: 0 0 15px 0;
	margin			: 0 0 20px 0;
	border-bottom	: 1px dotted #4d4d4d;
}
#content p {
	padding			: 0 0 15px 0;
}
#feature_box {
	position		: relative;
	float			: right;
	right			: 45px;
	top				: 35px;
	width			: 175px;
	height			: 170px;
	padding			: 19px 18px 0 18px;
	margin			: 0 0 50px 50px;
	background		: url(../images/feature_box_project_bg.gif) no-repeat top left;
	font-size		: 10px;
}
#feature_box h1 {
	color			: #005581;
	padding			: 0 0 4px 0;
	font-weight		: bolder;
}
#feature_box h2 {
	color			: #00853f;
	font-style		: italic;
	padding			: 0 0 10px 0;
	font-weight		: bolder;
}
img.reflected {
	margin			: 0 0 10px 0;
}
#view_project {
	position		: absolute;
	bottom			: 15px;
	right			: 18px;
}
/*------ Slideshow ------------------------------------------------------*/
#slideshowWrapper {
	position		: relative;
	background		: #fff;
	display			: none;
}
#loading {
	position		: relative;
}
#loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}
#output {
	position		: absolute;
	width			: 475px;
	height			: 36px;
	line-height		: 35px;		
	bottom			: 0;
	padding			: 0 200px 0 15px;
	text-align		: right;
	background		: url(../images/test.png) no-repeat top left;
	z-index			: 999;
	display			: none;
}
#controls { 
	position		: absolute;
	width			: 113px; 
	top				: 13px; 
	right			: 9px; 
    background		: red;
	margin			: 0; 
	padding			: 5px 14px; 
    font-size		: 10px;
	text-align		: center;
	z-index			: 998; 
}
#controls span { 
	float			: left;	
	padding			: 0 15px 0 0;
}
#output p {
	color			: #b5cbdf;
	font-size		: 11px;
	font-weight		: bolder;
	text-transform	: uppercase;
}
ul#nav li {
	display			: block;
	float			: left;
	width			: 80px;
	height			: 80px;
	margin			: 0 10px 10px 0;
}
ul#nav li a {
	display			: block;
	float			: left;
	padding			: 5px;
	background		: #fff;
	border			: 1px solid #abacac;	
}
ul#nav li a.activeSlide {
	border			: 1px solid #327fa6;	
}
ul#nav li.odd {
	margin			: 0 0 10px 0;
}
#feature_box.thumbs {
	position		: relative;
	display			: none;
	height			: auto;
	padding-bottom	: 16px;
	background		: url(../images/feature_box_bg.gif) no-repeat top left;
	text-align		: center;
	overflow		: hidden;
}
#feature_box.thumbs div {
	position		: absolute;
	bottom			: 0;
	left			: 0;
	width			: 211px;
	height			: 14px;
	background		: url(../images/thumbs_footer.gif) no-repeat top left;
}

/*------ Footer ----------------------------------------------*/
#footer {
	position		: relative;
	width			: 923px;
	margin			: 0 auto;
	padding			: 13px 13px 50px 13px;
	background		: url(../images/footer_bg.png) no-repeat top left;
	font-size		: 11px;	
}
#footer #footer_info {
	float			: left;
	color			: #005581;
	width			: 600px;
}
#footer #footer_info a:link, #footer #footer_info a:visited {
	color			: #005581;
	text-decoration	: none;
}
#footer #footer_info a:hover {
	text-decoration	: underline;
}
#footer #credits {
	float			: right;
	color			: #4386ad;
}
#footer #credits a:link, #footer #credits a:visited {
	color			: #4386ad;
	text-decoration	: none;
	font-weight		: bolder;
}
#footer #credits a:hover {
	text-decoration	: underline;
}
#footer_tabs {
	float			: left;
}
#footer_tabs ul {
	width			: auto;
	margin			: -7px 0 0 20px;
}
#footer_tabs ul li {
	display			: block;
	float			: left;
}
#footer_tabs ul li a:link, #footer_tabs ul li a:visited {
	display			: block;
	float			: left;
	padding			: 0 10px;
	line-height		: 26px;	
	color			: #fff;
	font-weight		: bolder;
	background		: url(../images/footer_tabs_bg.gif) repeat-x top left;
	margin			: 0 6px 0 0;
	text-decoration	: none;
}
/*-----------------------------------------------------------------------------------*/
#form_table td, #form_table th {
	padding			: 0 20px 10px 0;
	vertical-align	: top;
	text-align		: left;
}
div.errors {
	margin			: 0 0 20px 0;
	color			: #990e00;
}
input#hi_robot {
	display			: none;	
}
a.back, a.readon, a:link, a:visited {
	color			: #327fa6;
	text-decoration	: none;
}
a.back:hover, a.readon:hover, a:hover {
	text-decoration	: underline;
}
h2 {
	color			: #005581;
	padding			: 0;
	font-weight		: bolder;
	font-size		: 12px;
}
span.date {
	color			: #929ba4;
}
#contentWrapper #content #sitemap ul {
	padding			: 0;
	margin			: 0;
}
#contentWrapper #content #sitemap ul li {
	padding			: 0 0 0 20px;
	background		: none;
	margin			: 0;
}
#contentWrapper #content ul {
	padding			: 10px 0 20px 0;
}
#contentWrapper #content ul li {
	display			: block;
	background		: url(../images/arrow.gif) no-repeat left 3px;
	padding			: 0 0 5px 7px;
}
