/* LAYOUT */ 
body{
 margin: 0;
 padding:0; 
 background:#E6EAF5;
 color: #336666;
 }	 
	 
#lh-col{
 position:absolute;
 top:115px;
 left:0;
 width:200px;
 z-index:3;
 background:#E6EAF5;
 color: #4B6190;}

#rh-col{
 position:absolute;
 top:115px;
 right:0;
 width:200px;
 z-index:2;
 background:#E6EAF5;
 color: #336666;}

#rh-con{
 margin-top:20px;
 right:20;
 width:180px;
 background:#99CCCC;
 color: #336666;}

#c-block {
 width:100%;
 z-index:1;
 background:#E6EAF5;
 color: #336666;
 height:80%;}

#hdr{
 height:114px; 
 border-bottom:1px solid #336666; 
 width:100%; 
 background:#339999;
 color: #FFFFFF; 
 margin:0;
  }

#c-col{
 margin:0 202px 0 202px;
 position:relative;
 color: #336666;
 z-index:5;
 border: solid #000000;
 border-width:0 0px;
 }

#ftr {
 width:100%;
 height:25px;
 font-family:arial;
 font-size:12px;
 background:#E6EAF5;
 color: #336666;
 margin:0;
 }
 
 
/* PRESENTATION */ 
p {
 font-family:arial;
 font-size:12px;
 padding: 0 15px;
 }
 
a {
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 color: #336666;
 }

p.contact {
 font-family:arial;
 font-size:12px;
 color:#336666;
 padding: 0px;
 margin: 0px;
 margin-left: 15px;
 }

h2 {
 margin-top:20px;
 margin-left:15px;
 font-family:arial;
 font-size:20px;
 font-weight: bold;
 }

h4, h3 {
 margin:0; 
 padding: 5px 0;
 font-family:arial;
 font-size:14px;
 background-color: #336666;
 color: #FFFFFF;
 }

IMG {
 margin:0px;
 padding:0px;
 }


ul
{
margin-top: 10px;
margin-left: 20px;
margin-right: 10px;
padding-left: 0;
margin-bottom: 0px;
padding-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}


li
{
margin-top: 10px;
padding-left: 0;
margin-bottom: 0px;
padding-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}    
 
.imgl IMG {
 z-index:99;
 float:left;
 margin-left:15px;
 margin-right:10px;
 margin-bottom:10px;
 }

.imgr IMG {
 z-index:99;
 float:right;
 margin-right:15px;
 margin-left:10px;
 margin-bottom:10px; 
 }


/* TOP-Navigation */

.topnavcontainer { 
  width: 100%px; }
  
.topnavcontainer ul
{
margin-top:12px;
margin-left: 200px;
padding-left: 0;
margin-bottom:0px;
padding-bottom:0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #336666;
color:#ffffff;
}  
  
.topnavlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.topnavlist li
{
display: inline;
list-style-type: none;
}

.topnavlist a { padding: 0px 10px; }

.topnavlist a:link, .topnavlist a:visited
{
color: #fff;
text-decoration: none;
}

.topnavlist a:hover
{
color: #bbb;
text-decoration: none;
}

/* L-Navigation */

.navcontainer { width: 200px; }

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}


.navcontainer li
{
margin-left: 0;
margin-top: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}


.navcontainer a
{
display: block;
padding: 3px;
width: 194px;
background-color: #336666;
border-bottom: 1px solid #eee;
}

.navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #339999;
color: #fff;
}