/* CSS Document */

zero {
padding: 0;
margin: 0;   
}

 

img{
border: none;
vertical-align:bottom;
}



body{
background-color: #333333;
text-align: center;
/*color: # font color*/
/*font-familly:arial;*/
font-size: 62.5%;
/*font-size: 1em;*/
/*margin: 0;*/
padding: 0;
    }


hr {
clear: both;
visibility: hidden;
height: 10px;  
padding: 0;
margin: 0;
border: none;
}



#wrap {
background-color: #FFF;
margin: 0 auto;
width: 972px;
/*border: 1px solid #A7B07B;*/
text-align: left;
min-width: 760px;
/*max-width: 99.5%;*/
height: auto;
/*height: 900px;*/
/*min-height: 200px;*/
padding: 0px;
    }
          
    
#content {
        padding: 20px 20px;
        font-size: 1.3em;
        line-height:1.4;
        font-family: verdana, lucida, arial, helvetica, sans-serif; 
        color: #000000;
}    


p {
     margin:  1em 0 1em 0;
     padding:  0;
} 
    

.clearer {
clear: both;
padding: 0;
margin: 0;
}

    

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 
.clearfix {display: inline-block;}
 

/* Hides from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

    

html {
overflow-y:scroll;
   }


#banner {
padding: 0;
margin: 0;
width: 972px;
height: 98px;
}


 a:link {
    color: #0D72B9;
    text-decoration: none;
    /*border-bottom: 1px dotted #007297;*/
}

 a:visited {
    color: #0D72B9;
    text-decoration: none;
    /*border-bottom: 1px dotted #007297;*/
}

 a:hover {
    color: #4E8972;
    text-decoration: none;
    border: 0px none;
}

.permanent_link:link, .permanent_link:visited, .permanent_link:hover, .permanent_link:active{
	color: #000000;
	text-decoration: none;
}

h1 {
    font-size: 1.5em;
    color: #4E8972;
    font-family: verdana, lucida, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    font-style: normal;  
    font-weight: normal;     
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    /*margin-left:10px;*/
    padding-top: 5px;
}  /* displayed at 24px*/ 

h3 {
    font-size: 1.1em;
    color: #000000;
    font-family: verdana, lucida, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    font-style: normal;  
    font-weight: bold;     
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    /*margin-left:10px;*/
    padding-top: 15px;
}  /* displayed at 18px*/ 


 h4{
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size: 1em;  
color: #000000; 
background-color: #FFFFFF;
font-style: normal;  
font-weight: bold;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
/*margin-left:10px;*/
padding-top: 0px;
}

 h5{
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size: 1em;  
color: #000000; 
background-color: #FFFFFF;
font-style: italic;  
font-weight: normal;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
/*margin-left:10px;*/
padding-top: 0px;
}
    

/* -----------------   NEW TOP MENU     -------------------- */

#nav, #nav ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 500;
}



#nav a {
display: block;
/*width: 235px;*/
font: 1.3em arial, helvetica, sans-serif;
text-align: left;
color: #FFF;
background: #0D72B9;
text-decoration: none;
/*border: 1px solid #EC731E;*/
border-top: 0;
padding: 3px 5px;
margin:0;
}


#nav li {
    float: left;
    padding: 0;
    margin: 0;
    width: 162px;
}



#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width:162px;
    margin: 0; 
    padding: 0px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
    
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background: #FFF;
}


#nav h2
{
font: 1.4em arial, helvetica, sans-serif;
display: block;
text-align: center;
color: #FFF;
margin: 0;
padding: 4px 0;
background-color: #0D72B9;
border-bottom: 1px solid #FFF;
border-top: 2px solid #FFF;
}

#nav h3
{
font: 1.4em arial, helvetica, sans-serif;
display: block;
text-align: center;
color: #FFF;
margin: 0;
padding: 0;
background-color: #0D72B9;
border-bottom: 1px solid #FFF;
border-top: 2px solid #FFF;
}


#nav a:hover {
color: #FFF;
background: #4E8972;
font: 1.3em arial, helvetica, sans-serif;
}


/* -----------------    End New Menu     -------------------- */



.imgRight {
float:right;
margin:5px 0px 5px 8px;
position:relative;
}

.imgLeft {
float:left;
margin:5px 8px 5px 0px;
position:relative;
}

.imgNormal {

}

.imgRight p {
font-size:0.9em;
font-style: italic;
margin:10px 0px 20px 0px;
}

.imgLeft p {
font-size:0.9em;
font-style: italic;
margin:10px 0px 20px 0px;
}

.imgNormal p {
font-size:0.9em;
font-style: italic;
margin:10px 0px 20px 0px;
}



.map_tooltip {
    background-color:#ffffff;
    color:#333333;
    font-family:verdana,arial,sans-serif;
    font-size:0.8em;
    padding:5px;
    width:250px;
    border:1px #007297 solid;
    z-index:1000;
  }
  
      
#footer {
    background-color:#0D72B9;
    color:#ffffff;
    clear:both;
}
    
    
#footer p{
padding: 5px;
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.9em;
text-align:center;
}      


.thumbnails{
float: left;
width: 130px;
padding-left: 0px;
padding-right: 10px;
text-align: right; /*text alignment*/
}

.descriptions{
float: right;
/*width: 470px;*/
width: 780px;
min-width: 780px;
padding-right: 10px;
text-align: left; /*text alignment*/
}

#module_circle{
width: 450px;
float:left;
}

.news_pubs{
width:470px;
float:right;
background-color: #4E8972;
color: #000000;
border: 1px solid #4E8972;
}

.news_thumbnails{
float: left;
width: 130px;
padding-left: 15px;
padding-right: 20px;
text-align: right; /*text alignment*/
}

.news_descriptions{
float: left;
/*width: 470px;*/
width: 285px;
text-align: left; /*text alignment*/
}

.news_pubs_container{
background-color: #FFFFFF; 
}


.hint{
    position:relative;
}

.hint ul{
    position:absolute;
    margin:0;
    padding:0;
    background:#F1F3F5;
    border: solid 1px #E1EBF4; 
    top:0;
    left:0;
}
.hint li{
    margin:0;
    padding:3px;
    list-style:none;
}
.hint li a{
    display:block;
    text-indent:5px;
    color:#fff;
}
.hint li.selected {
    background:#E1EBF4;
}

.searchbox{
height:20px; 
font:normal 13px verdana;
color:#0D72B9; 
background-color:#ffffff; 
border:1px solid #0D72B9; 
padding:0px; 
margin:1px;
}

.ie6 .searchbox{
height:20px; 
font:normal 13px verdana;
color:#0D72B9; 
background-color:#ffffff; 
border:1px solid #0D72B9; 
padding:0px; 
margin:0px;
}

.ie7 .searchbox{
height:20px; 
font:normal 13px verdana;
color:#0D72B9; 
background-color:#ffffff; 
border:1px solid #0D72B9; 
padding:0px; 
margin:0px;
}