@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;}

/*GENERAL
---------------------------------------------------------------------*/
body {font-size:62.5%; background:#cdcdcd url(../proj_images/bg.gif) top left repeat-x;}

a {outline: none;}

a:hover, a:active, a:focus  {outline:none;}

p {font:1.2em/1.5em Geneva, Arial, Helvetica, sans-serif; color:#333333; padding:5px 0 0 0;}

h2 { font:bolder 2.4em/3.0em Helvetica, Arial,Geneva, sans-serif; color:#333333; text-transform:uppercase; padding:10px 0 20px 0;}

h3 {font:bolder 1.8em/2.0em Arial,Geneva, sans-serif; color:#333333;}
	
h4 {font:bolder 1.6em/1.8em Arial,Geneva, sans-serif; color:#333333; padding:15px 0 5px 0;}

/*PAGE WRAPPER
---------------------------------------------------------------------------*/
#container {
	width:900px;
	margin:5px auto;
	background:#ffffff;
	height:auto;
	padding:10px 0 15px 0;
	
}

/*LOGIN AND LANGUAGES
--------------------------------------------------------------------------*/
p.login {
	display:block;
	width:100px;
	height:20px;
	float:left;
	padding-left:40px;
}

p.login a {font:bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color:#333333; text-decoration: none;}

p.login a:hover {font:bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color:#CC6600; text-decoration:underline;}

p.language {
	display:block;
	width: 150px;
	height:20px;
	float:right;
}

p.language a {font:bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}

p.language a:hover {font:bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color:#CC6600; text-decoration:underline;}


/*HEADER OF THE PAGE
--------------------------------------------------------------------------*/
#head { 
	clear:both;
	width:auto;
	height:122px;
	background:#7C0400 url(../proj_images/hik.gif) top right no-repeat;
	margin-top:5px;
	border-top:2px solid #D1D1D1;
	border-bottom:2px solid #D1D1D1;
}

#head h1 a {
	display:block;
	width:618px;
	height:122px;
	float:left;
	background:url(../proj_images/logo.gif) top left no-repeat;
	text-indent:-999px;
	overflow:hidden;
}


/*MAIN NAVIGATION
--------------------------------------------------------------------------------*/
ul#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	height:37px;
	background-color:#333333;
	border-bottom:2px solid #e4e3e3;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font:bold 13px/16px Arial, Helvetica, sans-serif; }

#sddm li a.top-link
{	display: block;
	margin: 0;
	width: 40px;
	color:#ffffff;
	height:17px;
	width:100px;
	border-right:1px solid #666666;
	border-left:1px solid #464646;
	padding: 10px;
	text-decoration: none;
	text-align:center;
}

#sddm li a.top-link:hover
{	color:#FFFFFF;
	text-decoration:underline;}
	

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
	border: 1px solid #999999;}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #f2f2f2;
	color: #333333;
	font: 11px arial}

#sddm div a:hover
{	background: #333333;
	color: #FFF}


#mainnavigation {
	width:auto;
	height:30px;
	border-top:2px solid #333333;
	border-bottom: 2px solid #333333;
}

ul#mainmenu li {
	color:#FFFFFF;
	font:14px/26px Georgia, "Times New Roman", Times, serif;
	display:inline;
	width: 120px;
	height:26px;
	margin:2px 0 2px 2px;
	float:left;
	background-color:#333333;
}


#mainnavigation ul#mainmenu li a {
	padding:0 10px;
	text-decoration: none;
	color:#FFFFFF;
	font:13px/25px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	list-style:none;
	
}

#mainnavigation ul#mainmenu li a:hover {text-decoration:underline;color:#ffffff; font-weight:bold;}

h2.underline {
	display:block;
	width: 250px;
	height:40px;
	
}

/*MAIN PART OF THE PAGE
-------------------------------------------------------------------------*/

#left{
	width:500px;
	height:inherit;
	float:left;
	padding:10px 20px 10px 20px;
}

.wastewater {width:230px;  padding:10px; float:left;}

.stormwater {width:230px; padding:10px; float:right;}

.wastewater ul li {list-style:none;
	font:1.2em/1.5em Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:3px 0;}

#right{
	width:290px;
	height:1100px;
	float:right;
	background-color:#F4F4F4;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
#logos { padding:5px 5px 30px 7px;background: transparent url(../proj_images/bg-form.gif) bottom left repeat-x;}
#logos a img {border: 1px solid #9D9D9D; margin:3px;}
#logos a:hover img {border: 1px solid #8A0000;}

#logos h4.sponsors {font:bolder 1.6em/1.9em Helvetica, Arial, Geneva, sans-serif; color:#999999; text-transform:uppercase; padding:0 0 5px; text-align:center; display:block; width:auto; height: 40px; background:transparent url(../proj_images/bg-form.gif) bottom left repeat-x; margin-bottom:10px;}
	
#right form{display:block; width:auto; height:50px; background: transparent url(../proj_images/bg-form.gif) bottom left repeat-x; padding-top:30px; text-align:center;}



/*FOOTER 
-------------------------------------------------------------------------------------*/
#foot {
	clear:both;
	width:auto;
	height:70px;
	background-color:#7c0400;
	border-top:2px solid #D1D1D1;
	padding-bottom:15px;
	border-bottom:2px solid #D1D1D1;
	
}

address {
	display:block;
	height:64px;
	width:370px;
	background:url(../proj_images/foot.gif) top left no-repeat;
	float:left;
	font:italic 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding:10px 0 10px 40px;
	margin-bottom:5px;
}

address a {color:#FFFFFF; padding-bottom:5px;}

address a:hover, a:visited {color:#CC6600;}

ul#footnav {float:right; padding-top:30px; padding-right:30px; padding-bottom:5px;}

ul#footnav li {
	display:inline;
	margin:0;
	color:#FFFFFF;
}

ul#footnav li a {
	text-decoration: none;
	color:#FFFFFF;
	font:13px/17px Georgia, "Times New Roman", Times, serif;
	padding:0 5px 0 5px;
}

ul#footnav li a:hover,  ul#footnav li a:active{text-decoration:underline; color:#CC6600;}

p.copyright{
	text-align:center;
	font:bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

/*MENU HIGHLIGHTED
---------------------------------------------------------------------------*/

body#home #mainnavigation ul#mainmenu li.home,
body#about #mainnavigation ul#mainmenu li.about,
body#publications #mainnavigation ul#mainmenu li.publications,
body#links #mainnavigation ul#mainmenu li.links,
body#sponsors #mainnavigation ul#mainmenu li.sponsors,
body#team #mainnavigation ul#mainmenu li.team,
body#contact #mainnavigation ul#mainmenu li.contact { 
	display:inline;
	width: 120px;
	height:26px;
	margin:2px 0 2px 2px;
	float:left;
	background-color:#333333; }

body#home #mainnavigation ul#mainmenu li.home a,
body#about #mainnavigation ul#mainmenu li.about a,
body#publications #mainnavigation ul#mainmenu li.publications a,
body#links #mainnavigation ul#mainmenu li.links a,
body#sponsors #mainnavigation ul#mainmenu li.sponsors a,
body#team #mainnavigation ul#mainmenu li.team a,
body#contact #mainnavigation ul#mainmenu li.contact a {font-weight:bold; color:#ffffff; text-decoration:underline;}


body#home #foot ul#footnav li a.home,
body#about #foot ul#footnav li a.about,
body#publications #foot ul#footnav li a.publications,
body#links #foot ul#footnav li a.links,
body#sponsors #foot ul#footnav li a.sponsors,
body#team #foot ul#footnav li a.team,
body#contact #foot ul#footnav li a.contact {font-weight:bold; text-decoration:underline;}

/*FLASH GALLERY
------------------------------------------------------------------------------------*/
#flashcontent {
	width:400px;
	height:300px;
}

/*FORUM
------------------------------------------------------------------------------------*/
#forum {
	width:auto;
	height:auto;
	padding:10px 10px 10px 10px;
}

#forum iframe {border:none; overflow:auto;}