html {
	height: 100%;
	/*overflow: hidden;*/
}



body {
	margin: 0px;
	padding: 0px;
	background-color: #1e63ad;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

a {

	color: #A2CFE8;

	text-decoration: none;

}

a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





#headerB {

	background-image: url(../images/surface.png);

	background-repeat: repeat-x;

	background-position: left top;

	height: 100%;

}



#footerB {

	background-image: url(../images/bgFooter.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 100%;

	min-height:780px;

}

#wrapper {

	height: 700px;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	clear: both;

}

#wrapper #header {

	height: 110px;

	background-image: url(../images/waterhopperLogo.png);

	background-repeat: no-repeat;

	background-position: left center;

	margin-bottom: 20px;

}

#subHeader {

	float: left;

	width: 100%;
	position: relative;

}



#wrapper #content {

	height: 647px;

	background-image: url(../images/shadow.png);

	background-repeat: no-repeat;

	background-position: center 45px;

}





#subHeader #subHLeft {

	width: 287px;

	float: left;

	height: 210px;

}

#subHLeft #weather {

	float: left;

	height: 45px;

	width: 161px;

	background-image: url(../images/weatherBg.png);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#subHLeft #weather li {

	float: left;

	display: block;

	font-size: 10px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 5px;

}

#weather li .paddings {

	padding-top: 5px !important;

}

#weather .sunny  {

	display: block;

	padding: 10px !important;

	margin: 0px !important;

	text-indent: -99000em;

	width: 12px;

	height: 23px;

}

#subHLeft #flags {

	float: left;

	height: 45px;

	width: 117px;

	list-style-type: none;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#subHLeft #flags li {

	float: left;

	margin-right: 2px;

}







#subHeader #slideShow {
	float: right;
	height: 210px;
	width: 650px;
	position: relative;
}
#slideShow .slide {
	margin-top: 4px;
	margin-left: 4px;
}
#slideShow IMG {
    left:3px;
	opacity:0;
	position:absolute;
	top:5px;
	z-index:8;
}

#slideShow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideShow IMG.last-active {
    z-index:9;
}
.frame  {
	background-image:url(../images/frame.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:209px;
	position:absolute;
	right:14px;
	width:644px;
	z-index:10;
}
#subHLeft #topHeading {

	float: left;

	width: 265px;

	padding-right: 10px;

	padding-left: 10px;

}



#topHeading h2 {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding: 0px;

	font-size: 25px;

	line-height: 26px;

}

#topHeading p {

	padding: 0px;

	line-height: 16px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	font-size: 10px;

}





.smallBlue  {

	font-weight: bold;

	color: #6DAEEE;

}

#menu {

	float: left;

	width: 265px;

	padding-right: 10px;

	padding-left: 10px;

	background-image: url(../images/menuBg.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 397px;

}

#mainContent {

	float: left;

	width: 630px;

	margin-left: 10px;

	margin-bottom: 15px;

	height: 412px;

	overflow: auto;

}

#mainContent p {

	line-height: 14px;

}





#menu #nav {

	list-style-type: none;

	margin: 0px;

	padding-top: 11px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 11px;

	float: left;

	width: 97px;

}

#nav li {

	background-image: url(../images/menuLinks.png);

	background-repeat: no-repeat;

	background-position: center top;

	text-align: center;

	font-weight: bold;

	margin-bottom: 2px;

	padding-top: 3px;

	padding-bottom: 4px;

}

#nav li:hover {

	background-image: url(../images/menuLinksHover.png);

}



#nav li a {

	color: #FFF;

	display: block;

}

#nav li:hover ul.level2 {

	left:auto;					/* it will show the sub menu */

	display:inline;

	margin:0 0 0 3em;

}

ul.level2 {

	left:-999em;

	z-index:99px;

	position:absolute;			/* works for IE, hides the ul */

	list-style:none;

	background:#0E71CA;

	 

	opacity:0.9;

	filter: alpha(opacity = 90);



	margin:0px;

	padding:0px;

	width:125px;

}

ul.level2 li, ul.level1 ul li {

	background:transparent;

	height:25px;

	padding-left:0px;

	margin-left:0px;

}[if lt IE 7]>



#Logos {

	list-style-type: none;

	padding-top: 11px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 5px;

	padding-left: 0px;

	width: 136px;

	float: left;

	text-align: center;

	display: block;

}

#Logos li {
	margin-bottom: 2px;
	list-style-type: none;
	text-align: center;

}
#Logos {
}














#main {

	float: left;

	width: 650px;

	height:415;

	overflow:auto;

	margin-left: 8px;

}

#main #map {

	position: relative;

	margin-left: 3px;

}

#subFooter {

	margin-left:300px;

	background-image: url(../images/subFooterBG.png);

	background-repeat: no-repeat;

	background-position: center top;

	clear: both;

	height: 45px;

	width: 627px;

	text-align: right;

	margin-top: 10px;

	padding-right: 20px;

	padding-top: 12px;

	font-size: 10px;

	

}

.left {

	float: left;

}

.right {

	float: right;

}

.marginR8 {

	margin-right: 8px;

}

.marginL8 {

	margin-left: 8px;

}

.textBox

{

	font-size: 11px;

	font-family:Verdana, Geneva, sans-serif;

	border:1px solid #FFFFFF; 

	color: #FFFFFF;

	width:150px;

	background:none;

		

}
.mapfull {
	position: absolute;
	z-index: 1010;
	left: -6px;
	width: 644px;
	height: 600px;
	top: 7px;
}