#sitemapLayer {
	margin: 20px 0px; 
	padding: 10px; 
	border: 1px solid #8888AA; 
	background-color: #CCDDFF;
}

#sitemapLayer h3#sitemapHead {
	padding: 0px 0px 5px 0px; 
	margin: 0px; 
	font-size: 1em; 
	border-bottom: 1px dashed #8888AA;
}

ul#sitemap {
	margin: 0px 0px;
	padding: 0px; 
}

ul#sitemap li {
	list-style-type: none; 
	margin: 5px;
	padding: 0px;
	line-height: 24px;
}

ul#sitemap li a#mainItem {
	display: block; 
	float: left; 
	background: url('/images/iom-icon.gif') center center no-repeat; 
	width: 32px; 
	height: 32px;
}

ul#sitemap li a.folder {
	display: block; 
	float: left;
	width: 24px; 
	height: 24px; 
	background: url('/images/open.gif') center center no-repeat; 
	margin: 0px 5px 0px 0px; 
	padding: 0px;
}

ul#sitemap li a.file {
	display: block; 
	float: left;
	width: 24px; 
	height: 24px; 
	background: url('/images/file.gif') center center no-repeat; 
	margin: 0px 5px 0px 0px; 
	padding: 0px;
}

/**
 * The '3px float bug' of Internet Explorer 5/6 occurs here whereby an additional 3px of margin is added
 * between this element and the floated folder element beside it.  This is fixed in the iefix-lte6.css
 * file where margin-left is set to -3px.
 */
ul#sitemap li h4 {
	display: inline;
	font-size: 1em; 
	font-weight: normal; 
	margin: 0px; 
	padding: 0px;
}

ul#sitemap li ul {
	display: block; 
}

ul#sitemap li.secItem {background: url('/database/geo_location/open.gif')        center left no-repeat; padding-left: 29px;}
ul#sitemap li.resItem {background: url('/images/icons/restaurant-icon.gif')      center left no-repeat; padding-left: 29px;}
ul#sitemap li.chaItem {background: url('/images/icons/character-greet-icon.gif') center left no-repeat; padding-left: 29px;}
ul#sitemap li.shpItem {background: url('/images/icons/shopping-icon.gif')        center left no-repeat; padding-left: 29px;}
ul#sitemap li.entItem {background: url('/images/icons/entertainment-icon.gif')   center left no-repeat; padding-left: 29px;}
ul#sitemap li.infItem {background: url('/images/icons/information-icon.gif')     center left no-repeat; padding-left: 29px;}
ul#sitemap li.phoItem {background: url('/images/icons/photo-point-icon.gif')     center left no-repeat; padding-left: 29px;}
ul#sitemap li.attItem {background: url('/images/icons/attractions-icon.gif')     center left no-repeat; padding-left: 29px;}
ul#sitemap li.traItem {background: url('/images/icons/transportation-icon.gif')  center left no-repeat; padding-left: 29px;}

ul#sitemap span.asterisk {
	color: #FF00FF;
}

#filterBox {
	padding: 10px; 
	border: 1px solid #8888AA; 
	background-color: #CCDDFF;
}

#filterBox h3 {
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
	font-size: 1em;
	border-bottom: 1px dashed #8888AA;
}

#filterBox ul#filterList {
	list-style-type: none;
}

#filterBox ul#filterList li {
	padding: 2px 0px;
}

#filterBox ul#filterList img {
	vertical-align: middle;
}

#filterBox ul#filterList input {
	vertical-align: middle; 
	margin: 0px 4px;
}

#filterBox .folderImg {
	vertical-align: middle; 
	width: 16px; 
	height: 16px;
}

#siteMapMissing {
	padding: 5px; 
	border: 1px dashed #882222; 
	background-color: #FFDDDD;
}

#siteMapMissing h3 {
	padding: 0px; 
	margin: 0px; 
	font-size: 1em; 
	color: #882222;
}