html { height: 100% }
body { 
     height: 100%; 
     margin: 0px; 
     padding: 0px;
     font-family:Verdana, sans-serif;
     line-height:1.3em;
     background-color:white;
     font-size:76%;
}

#map_canvas {
	width:100%;
	height:400px;
	}

a img {
border:0;
}


div, p, h1, h2, h3, h4, h5, h6, form, input  {
margin:0;
padding:0;
}
.form {
position:relative;
}
.formbtn {
display:block;
position:absolute;
top:88px;
left:63px;

}


.header {
  width:100%;
  height:182px;
  background:url(img/topbgd.png) #DFFCFF 0 0 repeat-x;
  padding:0;

}

.mainwidth {
  width: 850px;
  margin:auto;
  padding:0;
}
  
.headleft {
float:left;
padding-top:25px;
} 
.headright {
float:right;
width:44%;
padding-top:23px;
} 
p.small {
font-size:9px;
padding-left:5px;
color:#777;
}

#decode {
border:7px solid #09B0C4;
font-size:35px;
padding:2px 7px;
width:240px;
-moz-box-shadow: 3px 3px 5px #999999 inset;
box-shadow: 3px 3px 5px #999999 inset;
-moz-border-radius: 8px;
border-radius: 8px;
}

#gpsout {
    background: none repeat scroll 0 0 #DDEEEE;
    font-weight: normal;
    margin: 0;
    padding: 0 1em 1em 1em;
    text-align: right;
}

/*---header end---*/
.main {
background:url(img/bottombgd.png) #DFFCFF 0 100% repeat-x;
}
.mainwrapper{
padding:0 2em;
}
.mleft {
float:left;
width:48%;
} 
.mright {
float:left;
width:48%;
} 
.mleft .content {
padding:0em 1em 2em 0;
color:#0e6772;
}
.content h1 {
font-size:130%;
margin-bottom:1em;
font-weight:normal;
text-transform:uppercase;
color:black;
}
.content p {
margin-bottom:.7em;
line-height:1.3em;
font-size:115%
}

.bottommain {        
 background:url(img/horzline.gif) 0 0 repeat-x;
}


.columnof3 {
float:left;
width:255px;
text-align:left;
padding:2em 0 3em 2em; 
color:#0e6772;
font-size:93%;
}



.columnof3 p {
margin-bottom:1em;
} 

.columnof3 h3{
color:#0e6772;
margin-bottom:.7em;
font-size:140%;
font-weight:normal;
}

a.bigbutton {
 color:#7E5804;
 padding:1em 0em;
 background: url(img/bigbtn.gif) #E89D00 0 0 repeat-x;
 display:block;
 margin:0 1em 0 0;
 text-align:center;
 font-size:160%;
 border:2px solid #E89D00;
-moz-box-shadow: 3px 3px 5px #999999;
box-shadow: 3px 3px 5px #999999;
-moz-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
text-decoration:none;
}
a.bigbutton:hover {
 border-color:#AE7600;
 color:#7E5804;
 text-decoration:underline;
}

.footer {
 background-color:#011A1D;
 color:#B9B9B9;
 padding:2em 0;
 font-size:85%;
 line-height:1.3em;
}
.footer a {
  color:#b9b9b9;
}
.footer h2 {
font-size:120%;
color:white;
margin-bottom:1em;
font-weight:normal;
}

.footerleft{
  display:block;
  float:left;
  width:242px;
  padding:0 10px 0 24px; 
}

.footerright {
  display:block;
  float:left;
  width:350px;
  padding:0 24px; 
}

.mapblock {
  display:block;
  border:13px solid #dee;
  position:relative;  
}

#results {
    background-color: #DDEEEE;
    padding: 3px 0;
    background-color: #ffbd00;
    padding: 1em;
    text-align: center;
    font-size: 203%;
}

#results.empty {
	display:none;
}






.mapleftcol {
	display:block;
	width:300px;
	position:absolute;
	left:0px;
	}
#results a{
	color:#0E6772;
	text-decoration:none;
	font-weight:bold;
}
#results a:hover{
	text-decoration:underline;
}



.mapwrapper p {
	padding:2em 2em;
	font-size:90%;
	color:#0E6772;
	}

input#srch {
	height: 32px;
    	width: 211px;
    	border:1px solid #ABD6D6;
    	padding-left:5px;
    	font-size:120%;
	}

.searchmap *{
	vertical-align:top;
	}
.searchmap img#searchnow {
	cursor:pointer;
	}	

 
/*>      clearfix        <*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */