html {
	overflow: hidden;
}
body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: arial, verdana, sans-serif;
	font-size: 70%;
}
a {text-decoration: none;}
a:hover {color: #000000;}
.clr {clear: both;}

#sidebar {
	position: absolute;
	width: 170px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #AAA;
}
#map {
	position: absolute;
	border: 1px solid #AAA;
}

.heading {
	text-align: center;
	padding: 3px;
	color: #FFFFFF;
	background: #809FFF;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #C0C0C0;
}

#layers {
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #C0C0C0;
}
#search {
	padding: 8px 0px 8px 10px;
	border-bottom: 1px solid #C0C0C0;
}
#search_txt {
	width: 100px;
	padding: 1px;
	border: 1px solid #C0C0C0;
}
#search_btn {
	width: 30px;
	margin-left: 3px;
	background: #CCC;
	border: 1px solid #C0C0C0;
}
#search_btn:hover {
	background: #AAA;
}

.searchResults {
	width: 15em;
	padding: 5px;
	color: #666;
	background: #FFFFFF;
	border: 1px solid #CC6600;
}
.searchItem {margin-top: 5px;}
.searchItem a:hover {color: blue;}

#categories {width: 100%;}
#jsmenu {margin-left: 10px;}
#jsmenu a {
	font-size: 7pt;
	text-decoration: none;
	color: silver;
}
#tree {
	margin-top: -14px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#cat1 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(0,0,128);}
#cat2 {width: 8em; padding:2px 0px 2px 5px; color:#000000; background: rgb(0,255,0);}
#cat3 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(153,102,255);}
#cat4 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(128,0,128);}
#cat5 {width: 8em; padding:2px 0px 2px 5px; color:#000000; background: rgb(255,255,0);}
#cat6 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(119,136,153);}
#cat7 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(102,102,0);}
#cat8 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(255,0,0);}
#cat9 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(0,0,255);}
#cat10 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(0,128,128);}
#cat11 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(66,66,111);}
#cat12 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(255,0,255);}
#cat13 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(92,51,23);}
#cat14 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(51,0,51);}
#cat15 {width: 8em; padding:2px 0px 2px 5px; color:#FFFFFF; background: rgb(255,102,51);}

.mtooltip {
	background-color: yellow;
	font-size: 1em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	border: 1px #666 solid;
	white-space: nowrap;
}
.ctooltip{
	background-color: yellow;
	font-size: 1em;
	padding: 2px;
	border: 1px #666 solid;
	white-space: nowrap;
}

#spinInfo {
	height: 300px;
	width: 400px;
	background: url('../images/spinner.gif') no-repeat center;
}
#frameInfo {
	display: none;
	height: 300px;
	width: 400px;
	border: 1px solid #C0C0C0;
}
#spinPhotos {
	height: 300px;
	width: 400px;
	background: url('../images/spinner.gif') no-repeat center;
}
#framePhotos {
	display: none;
	height: 300px;
	width: 400px;
	border: 1px solid #C0C0C0;
}

#powered {
	position: absolute;
	bottom: 0px; left: 0px; right: 0px;
	text-align: center;
	color: #777;
}