body
{
background: #ccc;
color: #222;
       font-family: "Helvetica", "Gill Sans", "Verdana","Comic Sans MS", "Trebuchet MS", "URW Palladio L", sans-serif;
}

a {
	color: #222;
}

div {
}

#header a {
text-decoration: none;
}
div#header {
position: absolute;
left: 80px; right: 80px;
height: 121px;
background-color: #ffe;
padding: 0 0 0 10px;
}
div#permPath {
	position: absolute;
	left: 40%;
	top: 40%;
	width: 300px;
	z-index: 5;
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-color: #888;
	display: none;
}
div#permPathDetails {
	position: absolute;
	right: 20%;
	top: 30%;
	z-index: 5;
	background: #888;
	display: none;
	width: 60%;
	padding: 4em;
	text-align: center;
}
div#adsense
{
position: absolute;
left: 80px; right: 80px;
width: 160px;
top: 138px;
background-color: #ffe;
}

div#footer
{
position: fixed;
bottom: 10px;
right: 80px;
left: 80px;
height: 20px;
          text-align: center;
       font-size: 10px;
}

div#help
{
top: 100px;
right: 2px;
width: 14%;
position: absolute;
}

div#imagekind
{
   text-align: center;
width: 210px;
height: 650px;
right: 2px;
top: 2px;
position: absolute;
}

div#info
{
   background-color: #228;
   color: #ff8;
   padding: 10px;
}

div#main
{
position: absolute;
left: 255px; right: 80px;
top: 138px;
height: 85px;
background-color: #ffe;
}

div#browse
{
position: absolute;
left: 245px; right: 80px;
top: 9em;
}
div#map
{
position: absolute;
left: 255px;
top: 257px;
right: 80px;
bottom: 50px;
}

div#northwest
{
position: absolute;
top: 2px;
left: 2px;
width: 120px;
}

div#result
{
z-index: 1;
position: absolute;
top: 230px;
left: 255px;
right: 80px;
/* background: transparent; */
            background-color: #ffe;
/*
opacity: 0.7;
filter:alpha(opacity=70);
*/
}

div#result_back
{
position: absolute;
top: 200px;
left: 850px;
color: #fff;
background: transparent;
            background-color: #000088;
opacity: 0.3;
filter: alpha(opacity=30);
}
h2
{
text-align: center;
color: #222;
}

marquee {
   font-size: 120%;
}

span#help
{
   display: none;
}

table
{
}
td {
text-align: left;
padding: 0 0 0 10px;
border-bottom: solid thin;
border-color: #ddd;
}

th {
text-align: center;
border-bottom: solid thin;
border-color: #aaa;
padding: 5px 0 5px 0;
}

td#help
{
   font-weight: bold;
   color: #f22;
   text-decoration: underline;
  
}
   
td#help:hover
{
   color: #333;
   background-color: #888;
}

td#help:hover span
{
   display: block;
   position: absolute;
   top: 30px;
   left: 600px;
   width: 300px;
   padding: 10px;
   color: #eee;
   background-color: #666;
   font-weight: normal;
}

th#units
{
   text-decoration: underline;
   color: #f33;
}

th#units span
{
   display: none;
}

th#units:hover
{
   color: #333;
   background-color: #888;
}

th#units:hover span
{
   display: block;
   position: absolute;
   top: 30px;
   left: 350px;
   width: 150px;
   padding: 10px;
   color: #eee;
   background-color: #666;
   font-weight: normal;
}