body
{
	background:url(images/bg2.gif) repeat-x top #DFEFEF;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
.clear{
clear:both;
}

a:link {
	border-color: color:#FFFFFF;
}
a:visited {

}
a:hover {

}
h2{
	font-size:13px;
	color:#039;
	margin:0px;
	padding:3px;
}
h3{
	font-size:14px;
	color:#333;
	margin:0px;
	padding:0px;
}
#main_content{
width:798px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#top_banner{
width:798px;
height:190px;
background:url(images/HydroGeoCentre.jpg) no-repeat center;
}
 
}
#left_logo{
width:280px;
height:55px;
float:left;
padding:28px 0 0 22px;
}
/*------------MENU---------*/

body {
    font-family:arial;
    font-size:11px;
    }
 
#nav {
    margin:0;
    padding:0;
    list-style:none;
}   
 
#nav li {
    float:left;
    display:block;
    width:112px;
    height:35px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    background:#0665C3;
    position:relative;
    z-index:500;
    margin:0 1px;
/*    	  -webkit-transition: all 0.1s ease-in-out;	*/
/*        -moz-transition: all 0.1s ease-in-out;	*/
/*        -ms-transition: all 0.1s ease-in-out;		*/
/*        -o-transition: all 0.1s ease-in-out;		*/
/*         transition: all 0.1s ease-in-out;		*/
}
#nav li.first {
/*        -moz-border-radius:0px 0 0 0px;		*/
/*        -webkit-border-radius:0px 0 0 0px;		*/
/*    	   border-radius:0px 0 0 0px;			*/
    }
#nav li.last {
    width:112px;
/*       -webkit-border-radius:0 0px 0px 0;		*/
/*    	 -moz-border-radius:0 0px 0px 0;		*/
/*        border-radius:0 0px 0px 0;			*/
    }
#nav li li.last {
/*       -webkit-border-radius:0 0 0px 0px;		*/
/*    	 -moz-border-radius:0 0 0px 0px;		*/
/*        border-radius:0 0 0px 0px;			*/
    }
#nav li a {
    display:block;
    padding:8px 5px 0 5px;
    font-weight:700;
    height:23px;
    text-decoration:none;
    text-align:center;
    color:#FFFFFF;
}
#nav li a:hover {
    color:#CC0000;
}
#nav li li:hover {
/*    -webkit-transform: translate(+10px,0);		*/		
    }
#nav a.selected {
    color:#FFFFFF;
}
#nav ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}
#nav ul li {
    width:100px;
    float:left;
    border-top:1px solid #fff;
}
#nav ul a {
    display:block;
    height:auto;
    padding: 8px 5px;
    color:#FFFFFF;
}

*html #nav ul {
    margin:0 0 0 -2px;
}


/*-------------left_section-----------------*/

#page_content{
padding:0 0 20px 0;
}
#left_section{
width:518px;
height:auto;
float:left;
background: no-repeat top left;
}
.title{
	font-size:18px;
	font-weight:bold;
	padding-left:5px;
	padding:0px 0 0 0px;
	color:#06F;
}
.title1{
	font-size:16px;
	font-weight:bold;
	padding-left:0px;
	padding:25px 0 0 0px;
	color:#2D5497;
}
.title3{
	font-size:11px;
	font-weight:bold;
	padding-left:0px;
	padding:25px 0 0 0px;
	color:#2D5497;
}
.title4{
	font-size:11px;
	font-weight:bold;
	color:#CCC;
	text-align: center;
}
.text_content{

	width:500px;
	color:#294986;
	line-height:normal;
	text-align:left;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: 10;
	margin-left: 20px;
	border:1px #E4E4E4 solid;
}
.text_content a{
	text-decoration:none;
	color:#03F;
	background-color:#FC0;
}
.text_content a:hover{
text-decoration:none;
color:#000000;
background-color:#D2F344;
}
#gray_box_border{
width:500px;
height:auto;
background-color:#FFFFFF;
border:1px #E4E4E4 solid;
margin:10px 0 0 20px;
}
#gray_box_content{
	width:480px;
	color:#333;
	margin:5px;
	background-color: #EAEAE8;
}
#gray_box_content a{
	text-decoration:none;
	color:#294986;
}

#sublist li{
color:#143258;
}

/*-------------right_section-----------------*/


#right_section{
width:260px;
height:auto;
float:left;
margin-left:20px;
}
 


.title2{
	font-size:18px;
	padding-left:0px;
	font-weight:bold;
	color:#FC0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
 
}
.title3{
	width:200px;
	padding-left:0px;
	font-weight:bold;
	color:#FFF;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	margin:10px 0 0 20px;
	text-align: center;
 
}
.text_content2{
	width:auto;
	color:#666;
	margin:23px 0 0 0px;
	line-height:16px;
	text-align:justify;
}
.read_more_box{
width:220px;
height:10px;
margin:23px 0 0 5px;
border-top:1px #CCCCCC dashed;
}
a img.more{
float:right;
}
#read_more_box_left{
width:460px;
height:18px;
margin:23px 0 0 45px;
border-top:1px #CCCCCC dashed;
}
#custom{
	width:227px;
	height:auto;
	margin:5px;
	padding-top:10px;
}
/*---------------footer-----*/
#footer{
width:798px;
height:65px;
clear:both;
background:url(images/footer_bg.jpg) no-repeat left;
}
.footer_links{
	float:center;
	padding:10px;
	text-align: center;
}
.footer_links a{
text-decoration:none;
padding:0 8px 0 8px;
color:#74BBCF;
}
.footer_links a:hover{
text-decoration:underline;
}
.copyright{
float:right;
padding-right:15px;
padding-top:7px;
}