﻿#header {
	top: 0em;
	left: 0em;
	right: 0em;
	height: 4em;
	position:absolute;
}
#menu 
{
	top: 6em; 
	left: 0em; 
	right: 0em;
	height: 1.5em;
	background-color:#557630;	
	position:absolute;
	z-index:100;
	padding-right:10px;
}

#menu a
{
	color:White;
	border-left: solid 1px #7CAB48;
	padding-left:2px;
}
#sidebar {
	top: 7.5em;
	left: 0em;
	bottom: 4em;
	width: 296px;
	overflow:auto;
	position:absolute;
	padding:4px;
	border-left: solid 2px #557630;
	border-right: solid 2px #557630;
}
#map 
{
	/*The css for the map must be inline, otherwise chrome and safari (webkit engines) 
	will load the map before the css can be applied to it which messes up the size and positioning.
	Fix from: http://www.mail-archive.com/google-maps-api@googlegroups.com/msg14187.html*/
}

#footer {
	bottom: 0em;
	left: 0em;
	right: 0em;
	height: 3em;
	position:absolute;
}

#descHolder
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: solid 2px #557630;
	overflow:auto;
	height: 65px;
}

#txtSearch
{
	width: 200px;
}

#lstMaps
{
	width:220px;
}

#menuLinks
{
	text-align:right;
}

#linkDisplay
{
	background-color:#7CAB48;
	float:right;
	width:350px;
	padding:2px;
	margin-top:3px;
	visibility:hidden;
}

#linkDisplay input
{
	width:330px;
}

#pnlAltSearch
{
	font-size:1.1em;
}
.sectionLabel
{
	font-size: 1.8em;
	font-weight:bold;
	color: #557630;
}

.searchHint
{
	color: #8A8A8A;
	font-size:small;
}
