/* FMEnv CSS Document */

/* general */

body {
font-size: 62.5%;
padding: 0px;
border: 0px;
background: #E6ECEC;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

a img {
border: none;
}

img.wraparound {
margin-right: 10px;
margin-bottom: 10px;
clear: none;
float: left;
}

img.wraparoundright {
margin-left: 10px;
margin-bottom: 10px;
clear: none;
float: right;
}


h2 {
font-size: 2.3em;
color: #025b47;
margin: 7px;
text-transform: uppercase;
font-weight: normal;

}

h3 {
font-size: 2.0em;
color: #025b47;
margin: 7px;
/*text-transform: uppercase;*/
font-weight: normal;

}


h4 {
font-size: 1.7em;
color: #025b47;
margin: 7px;
text-transform: uppercase;
font-weight: normal;

}



p {
font-size: 1.3em;
color: #025b47;
}

p.partnershp {
width: 160px;
float: left;
margin-top: 0px;

}


#wrapper {
margin: 0 auto;
clear: both;
display: block;
width: 960px;


}

/*header*/

#header {
height: 145px;
width: 960px;
margin: 0 auto;
}

.logowrapper {
height: 100px;
width: 550px;
float: left;
clear: both;
}

.coaimg {
float: left;
}

.sitetitle {
width: 450px;
height: 55px;
margin-top: 20px;
margin-left: 5px;
float: left;
border-left: 1px solid #353636;
}

.sitetitle div{
clear: none;
float: left;
height: 55px;
margin: 0px;
margin-left: 5px;
padding: 0px;
}

.sitetitle div h3{
color: #025b47;
font-size: 1.5em;
text-transform: uppercase;
font-weight: normal;
margin: 0px;
}

.sitetitle div.fmenvname {
width: 128px;
}

.sitetitle div.fewsname {
width: 210px;
height: 35px;
padding: 10px;
background: #025b47;
color: #fff;
}

.sitetitle div.fewsname h3{
color: #fff;
font-weight: normal;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
}

.sitetitle div.fewsname h3 a{
color: #fff;
text-decoration: none;
}

.sitetitle div.fewsname h3 a:hover{
text-decoration: underline;
}

#navwrapper {
width: 960px;
margin:0 auto;
clear: both;
height: 45px;
background: #4ba043;
padding: 0px;
}


#nav {
width: 960px;
clear: both;
float: left;
padding: 0px;
list-style: none;
margin: 0px;
float: left;
}

#nav li{
list-style: none;
position:relative;
float:left;
margin-right: 0px;
margin-left: 0px;
height: 45px;
/*border: 1px solid #fff;*/
clear:none;

}


#nav li a{
font-family:  "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
display: block;
height: 25px;
padding: 10px;
border: 0px;
border-right: 1px solid #025b47;
margin: 0px auto;
padding-left: 45px;
padding-right: 45px;
color: #fff;
float: left;

}



#nav li a:hover{

/*background: #fff;*/
color: #41776a;
}


#nav li ul {
display: none;
    position: absolute; 
  top: 4.5em;
  left: 0em;
  list-style: none;
  background: #fff;
	width: 100%;
  margin: 0px;
  padding: 0px;
  clear: both;
  border: 1px solid #4ba043;
  border-top: 0px;
  

}


#nav li ul li{

float: left;
clear: both;
 margin: 0px;
  padding: 0px;
  width: 100%;
  background: #fff;

}

#nav li ul li a{
border: 0px;
margin: 0px;
color: #41776a;
  background: #fff;
  display: block;
  width: 90%;

}

#nav li ul li a:hover{
  background: #4ba043;
  color: #fff;
}




#screen {
width: 960px;
height: 290px;
clear: both;
margin: 0 auto;

}

#screenimg {
width: 718px;
height: 290px;
float: left;
}

#screenlogin {
float: left;
width: 240px;
height: 290px;
}

#homecontent {
height: 580px;
width: 960px;
margin: 0 auto;
clear: both;

}

#homesiteinfo {
float: left;
width: 715px;
margin: 0px;
clear: none;
background: #eaf4eb;

}

#siteintro {
height: 350px;
padding: 10px;
background: #fff;
}

.homeaddinfo {
width: 325px;
height: 190px;
float: left;
clear: none;
margin: 0px;
padding: 15px;
padding-top: 0px;
}

.homeaddinfo h3 {
font-size: 2.2em;
margin-bottom: 5px;
font-family: "Times New Roman", Times, serif;
color: #174d59;
}


#wfhome {
width:310px;
}

ul.wlocation {
padding: 0px;
width: 100%;
height: 30px;
margin: 0px;
margin-bottom: 1px;
clear: both;
list-style: none;

}


ul.wlocation li{
width: 90px;
padding: 5px;
height: 20px;
clear: none;
float: left;
margin: 0px;
font-size: 1.3em;
text-transform: capitalize;
color: #174d59;
border-right: 1px solid #174d59;

}

ul.wlocation li.location{
background: #97c596;
}

ul.wlocation li.high{
background: #97c596;

}

ul.wlocation li.low{
background: #97c596;

}


#hsidebar {
float: right;
width: 240px;
clear: none;
background: #dce5e0;


}

.hsbparaminfo {
height: 285px;
clear: both;
width: 100%;
}

.hsbparaminfo h3{
font-family: "Times New Roman", Times, serif;
font-size: 2.0em;
padding: 5px;
margin: 0px;
color:#174d59;

}


/*home rainfall */

#rainfallhome {
width: 100%; /*240px from homesidebar */
}

ul.rainlocation {
padding: 0px;
width: 100%;
height: 35px;
margin: 0px;
margin-bottom: 1px;
clear: both;
list-style: none;

}


ul.rainlocation li{
padding: 4px;
height: 25px;
width: 38px;
clear: none;
float: left;
margin: 0px;
font-size: 1.2em;
text-transform: capitalize;
background: #66a560;
color: #fff;
border-right: 1px solid #174d59;

}

ul.rainlocation li.location{
background: #4da046;
font-weight: bold;
width: 95px;/* took 5px out to accomodate borders */

}

ul.rainlocation li.day{
background: #97c596;
width: 27px;

}

ul.rainlocation li.week{
background: #97c596;
width: 33px;

}

ul.rainlocation li.month{
background: #97c596;
width: 48px;

}

/*home current data */

#rainfallhome {
width: 100%; /*240px from homesidebar */
}

.currentdatadiv {
width: 100%; /*240px from homesidebar */
}


ul.currentdata {
padding: 0px;
width: 100%;
height: 35px;
margin: 0px;
margin-bottom: 1px;
clear: both;
list-style: none;

}


ul.currentdata li{
padding: 4px;
height: 25px;
width: 38px;
clear: none;
float: left;
margin: 0px;
font-size: 1.2em;
text-transform: capitalize;
background: #66a560;
color: #fff;
border-right: 1px solid #174d59;

}

ul.currentdata li.showloading{
background-image:url(img/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
}

ul.currentdata li.location{
background: #4da046;
font-weight: bold;
width: 95px;/* took 5px out to accomodate borders */

}

ul.currentdata li.currentval{
background: #97c596;
width: 40px;

}

ul.currentdata li.currenttime{
background: #97c596;
width: 65px;

}

ul.currentdata li.month{
background: #97c596;
width: 48px;

}




div.wlevel {
width: 118px;
clear: none;
float: left;
height: 175px;
}


div.wlevel ul{
width: 100%;
padding: 0px;
margin: 0px;
list-style: none;
}

div.wlevel ul li{
width: 95px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
clear: both;
float: left;
color: #fff;
font-size: 1.2em;
text-transform: uppercase;

}

div.wlevel ul li.location{
height: 30px;
background:#4da046;

}

div.wlevel ul li.numvalue{
height: 30px;
background:#73b56e;

}

div.wlevel ul li.graphvalue{
height: 80px;
background:#96c495;

}



#footer {
width: 920px;
height: 50px;
background: green;
padding: 20px;
}

#footernav {
width: 960px;
clear: both;
float: left;
padding: 0px;
list-style: none;
margin: 0px;

}

#footernav li{
list-style: none;
position:relative;
float:left;
margin-right: 0px;
margin-left: 0px;
/*border: 1px solid #fff;*/
clear:none;

}

#footernav li a{
font-family:  "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
padding: 10px;
border: 0px;
margin: 0px auto;
padding-left: 12px;
padding-right: 12px;
color: #fff;

}



#footernav li a:hover{
color: #4da046;
}

div.footerinfo {
margin: 0px auto;
clear: both;
width: 600px;
padding: 10px;

}

div.footerinfo p{
color: #fff;
font-size: 1.2em;
}

div.footerinfo p a{
color: #fff;
}

div.contentarea {
margin: 0px auto;
width: 930px;
clear: both;
padding: 15px;
background: #fff;
}


/* reports */

ul.reportslist {
padding: 0px;
padding-left: 10px;
margin-bottom: 10px;
overflow: hidden;
clear: both;
width: 950px;

}

ul.reportslist li{
font-size: 1.3em;
float: left;
clear: none;
list-style: none;
margin-right: 10px;
}

ul.reportslist li.reportname{
width: 500px;
}



/* partners */

ol.partnerslist {
padding: 0px;
padding-left: 10px;
margin-bottom: 10px;
overflow: hidden;
clear: both;
width: 950px;

}

ol.partnerslist h3 {
clear: both;
float: left;
font-size: 1.5em;
color: #333333;
margin: 7px;
margin-top: 15px;
text-transform: uppercase;
font-weight: normal;



}

ol.partnerslist li{
font-size: 1.3em;
float: left;
clear: both;
margin-left: 25px;

}

ol.partnerslist li.reportname{
width: 500px;
}



/* flood form */

ul.floodform {
padding: 0px;
padding-left: 10px;
margin-bottom: 10px;
overflow: hidden;
clear: both;
width: 950px;

}

ul.floodform li{
font-size: 1.3em;
float: left;
clear:  both;
list-style: none;
margin-right: 10px;
}


ul.floodform li label{
float: left;
clear:  both;
display: block;
margin-top: 15px;
margin-bottom: 5px;

}


ul.floodform li input, ul.floodform li select, ul.floodform li textarea{
border: 1px solid #025b47;

}

ul.floodform li textarea {
width: 350px;
height: 200px;
}

ul.floodform li input.submit {
margin-top: 10px;
}