/* CSS Document */
body{
position:absolute;
width:98%;
left:2px;
top:2px;
right:2px;
bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
z-index:500;
}
p{

}

h4{
margin-bottom:2px;
}
h5{
margin:0;
}
h6{
margin: 2px 0 2px 0;
}
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
}
th{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
border-bottom: 1px solid #000;
}
a, a:visited, a:active{
text-decoration:none;
color:#3366CC;
}
a:hover{
text-decoration:underline;
}

input{
background-image:none;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

fieldset{
width:600px;
margin:8px;
border:1px outset #333;
}
legend{
font-size:14px;
font-weight:bold;
}
/******************************************************* title ********************************/
#header{
height:85px;
position:absolute;
top:0;
left:0;
width:100%;
z-index:500;
}
#title{
position:absolute;
top:0;
left:0;
width:430px;
background-image:url(../images/compass.gif);
background-repeat:no-repeat;
background-position:right;
}
#title h1{
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-size:46px;
font-weight:normal;
}
#title h2{
font-family:Arial, Helvetica, sans-serif;
margin:0 90px 0 0;
font-size:22px;
font-weight:normal;
text-align:right;
}
#google{
position:absolute;
margin-left:30px;
top:0;
left:460px;
}
/******************************************************* menu ********************************/



#menu {
position:absolute;
left:0;
top:90px;
width:100%;
background-color:#3399cc;
float:left;
z-index:500;
}
#menu ul li, #menu ul li a{
z-index:500;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 9em;
float: left;
z-index:500;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding:2px 3px;
}

#menu h2 {
color: #fff;
background: #39c;
padding:0;
}

#menu a {
color: #fff;
background: #39c;
text-decoration: none;
padding:0;
}

#menu a:hover {
color: #39c;
background: #fff;
background-image:url(/images/menu/hover.gif);
}
#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
ul#menu li{
z-index:500;

}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu form{
height:12px;
display:inline;
}
#menu form input{
width:150px;
height:12px;
font-size:9px;
}
/******************************************************* container ********************************/
#container{
position:absolute;
top:140px;
left:0px;
width:99%;
padding-bottom:2px;
z-index:1;
}
#container div, #container h3, #container a, #container h4{
z-index:1;
}
#leftCol{
position:absolute;
left:0;
top:0;
}
#rightCol{
position:absolute;
top:0;
}
/******************************************************* footer ********************************/
#footer{
display:none;
clear:both;
}
#footer h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;

}
/******************************************************* classes ********************************/
.green, .red, .blue, .black{
padding:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/lightstar.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
.green p, .red p, .blue p, .black p{
margin:4px;
}
.noBg{
background-image:none;

}
.green h3, .red h3, .blue h3, .black h3{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
padding:2px 50px 0 2px;
background-image:url(/images/wave.gif);
background-repeat:no-repeat;
background-position:right top;
height:25px;
}

.green{
border:1px solid #009966;
}
.green h3{
background-color:#009966;
}
.red{
border:1px solid #993333;
}
.red h3{
background-color:#993333;
}
.blue{
border:1px solid #3399cc;
}
.blue h3{
background-color:#3399cc;
}
.black{
border:1px solid #000;

}
.black h3{
border-bottom:3px double #000;
color:#000000;
}

.highlight{
background-color:#FFFF99;
border-top:1px solid #000;
font-size:10px;
padding:3px;
}
.highlight h3{
font-size:14px;
background-color:#FFFF99;
background-image:none;
color:#000000;
}

.highlightOff{
background-color:#fff;
border:0;
}
tr.seperate td{
border-bottom:1px solid #000;
}
.hMenu{
list-style:none;
padding: 0 0 2px 0;
margin: 0;
width:100%;
height:15px;
float:left;
border-bottom:1px solid #000;
}
.hMenu li{
float: left;
padding: 2px 6px 2px;
border-right: 1px solid #000;
text-decoration:none;

}
.hMenu a{
width:100%;
text-decoration:none;

}
.hMenu li a:visited{
width:100%;
text-decoration:none;
}
.hActive{
font-weight:bold;
background-color:#ffffff;
border-bottom:none;
}
.hActive a{
color:#000000;
text-decoration:none;


}
.hActive > li{
background-color:#CCCCCC;

}

div.markerTooltip, div.markerDetail {
color: black;
font-weight: bold;
background-color: white;
white-space: nowrap;
margin: 0;
padding: 2px 4px;
border: 1px solid black;}

/*********************************************** home page *************************/
#myPlaces ul{
height:400px;
overflow:scroll;
	margin:0;
	padding:0 0 0 2px;
}

#myPlaces ul li{
	list-style:none;
	border-bottom: 1px solid #3399cc;
	padding-bottom:3px;
	padding-top:3px;

}
#myPlaces h4{
font-size:13px;
margin:0;
}