/* CSS Document */
body{margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#ddd;
font-size:12px;
}
h1{font-size:12px;
color:#FF6600;}
h2{color:#FF6600;
font-size:24px;
font-weight:normal;}
h3{font-size:18px;
color:#666666;
text-transform:uppercase;
border-bottom-color:#666;
border-bottom-style:dashed;
border-bottom-width:1px;}
.link1{background-color:#FF9900;
font-size:12px;
padding:3px;
color:#FFFFFF;}
.link2{background-color:#3399CC;
font-size:12px;
padding:3px;
color:#FFFFFF;}
.link1 a, .link2 a{color:#FFFFFF;}
a{color:#3399CC;
text-decoration:none;}
a:hover{text-decoration:underline;}
.header {background-color:#3399CC;
padding:5px;
color:#FFFFFF;
text-align:left;
text-transform:uppercase;
font-weight:bold;}
#content{text-align:justify;
color:#333333;}
#side{padding-bottom:10px;
padding-top:10px;}
#footer{text-transform:uppercase;
color:#FFFFFF;
font-size:10px;
text-align:left;}
div#bodyheader{display:none;}

#footer a{text-decoration:none;
color:#FFFFFF;}
#footer a:hover{text-decoration:underline;}

/*Map Style*/
#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip {color:#ff0033;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:25px; left:-20px; padding:5px; font-weight:normal; color:#000; border:1px solid #ccc; background-color:#FFCC33; width:200px;text-align:left;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:1px;}