/*-----------------------------------------------------------------------
	MASTER RESET
-----------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: center; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


/*-----------------------------------------------------------------------
	PAGE SETUP
-----------------------------------------------------------------------*/

body {
	background-color: #00004C;	/* blue */
	text-align: center;	/* Part of fix for IE Bug to center container */
}

div#Container {
	position: relative;
	width: 955px;
	min-height: 630px;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	/* Part of fix for IE Bug to center container */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;	/* Get rid of underlines for all links */
}

a img {
	border: none;	/* Get rid of border around images for all links */
}

p a, p a:visited {
	color: purple;
	font-weight: bold;
}

p a:hover {
	cursor: pointer;
	text-decoration: underline;
}

/*
	Similar to the text links in <p> tags, some text links in lists should look the same.
	However, we don't want to style the links in the sub-menu with these colors and underlines.
	So the style is a class which can be added to any list that should be styled this way.
*/
.UnderlineLinks a, .UnderlineLinks a:visited {
	color: purple;
	font-weight: bold;
}

.UnderlineLinks a:hover {
	cursor: pointer;
	text-decoration: underline;
}


/*a.feedback:active*/

a[href^='http://'] {
	background-image: url('../Images/GlobeLink.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

a[href^='http://www.grassrootsart.net'] {
	background: none;
	padding-right: 0;
}


.Underline {
	text-decoration: underline;
}


/*-----------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------*/

/* Logo */
div#Logo {
	position: absolute;
	width: 70px;
	height: 66px;
	z-index: 1;
	top: 0px;
	left: 0px;
}

/* Masthead */
div#Masthead {
	position: absolute;
	width: 885px;
	height: 40px;
	z-index: 2;
	top: 0px;
	left: 70px;
	background-color: #FCF1B1;	/* beige to match image */
}

#MastheadImage {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 150px;
}


/*-----------------------------------------------------------------------
	MAIN MENU
-----------------------------------------------------------------------*/

div#MainMenu {
	position: absolute;
	width: 885px;
	height: 26px;
	z-index: 2;
	top: 40px;
	left: 70px;
	overflow: visible;
/*	background-color: lime;	/* For debugging */
	background-color: #CFB011;	/* gold */
}

div#MainMenu ul {
	list-style-type: none;	/* Remove the list bullets */
	margin-top: 5px;
	padding: 0px;	/* Get rid of indentation within the div */
}

div#MainMenu ul li {
	float: left;	/* Horizontal list */
}

div#MainMenu ul li a {
	font-family: Tahoma, Verdana,  Arial, sans-serif;
	font-size: 13px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #00004C;	/* blue */
	background-color: #CFB011; /* gold */
}


div#MainMenu ul li a:hover {
	background-color: #FFE76C;	/* light gold */
}


/*-----------------------------------------------------------------------
	SUB-MENU (HEADER) SPACING
-----------------------------------------------------------------------*/

div#SubMenuHeader {
	float: left;
	width: 100%;	/* necessary for hover highlight to cover entire row */
	font-family: Tahoma, Verdana,  Arial, sans-serif;
}

div#SubMenuHeader h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	text-indent: 10px;	/* use text-indent instead of padding-left so hover highlight includes area left of text */
}

div#SubMenuHeader h1 a {
	display: block;		/* causes hover highlight to extend to end of div */
}

div#SubMenuHeader h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: 20px;	/* use text-indent instead of padding-left so hover highlight includes area left of text */
}

div#SubMenuHeader h2 a {
	display: block;		/* causes hover highlight to extend to end of div */
}

div#SubMenuHeader h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: 30px;	/* use text-indent instead of padding-left so hover highlight includes area left of text */
}

div#SubMenuHeader h3 a {
	display: block;		/* causes hover highlight to extend to end of div */
}

div#SubMenuHeader h4 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: 40px;	/* use text-indent instead of padding-left so hover highlight includes area left of text */
}

div#SubMenuHeader h4 a {
	display: block;		/* causes hover highlight to extend to end of div */
}


/*-----------------------------------------------------------------------
	SUB-MENU (BODY) SPACING
-----------------------------------------------------------------------*/

div#SubMenu {
	clear: both;
	float: left;
	width: 100%;	/* necessary for hover highlight to cover entire row */
	font-size: 13px;
	font-family: Tahoma, Verdana,  Arial, sans-serif;
}

div#SubMenu ul {
	list-style-type: none;
	margin-top: 10px;
	padding: 0px;
}

div#SubMenu li a {
	display: block;	/* causes hover highlight to be same width for each item */
	padding: 3px;
}

/* Place checkmark on links for some pages (such as Environment Builders, to show which have been visited */
.feedback {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
}

div#SubMenu a.feedback:active {
	background-image:url('../Images/CheckMark.jpg');
}

div#SubMenu a.feedback:visited {
	background-image:url('../Images/CheckMark.jpg');
}

/* Place left border on links for some pages (such as Environment Builders, to show which have been visited */
/*
div#SubMenu a.feedback:visited {
	border-left-width: 2px;
	border-left-style: ridge;
}
*/

/*
div#SubMenu a.feedback:active {
	border-left-width: 2px;
	border-left-style: ridge;
}
*/

/* Indents to allow sub-menu to appear below indented header item.			*/
/* For example, if header is indented 3 levels, then we want to indent		*/
/* the sub-menu so it appears below that 3rd header item.					*/

div#SubMenu a.Level2 {
	padding-left: 20px;
}

div#SubMenu a.Level3 {
	padding-left: 30px;
}

div#SubMenu a.Level4 {
	padding-left: 36px;
}


/*-----------------------------------------------------------------------
	DIV CONTAINING INSTRUCTIONS FOR 'ZOOM' ICON
-----------------------------------------------------------------------*/
#ZoomImage {
	position: absolute;
	right: 10px;
	top: 0px;
}

div#ZoomText {
	position: absolute;
	z-index: 2;
	right: 60px;
	top: 20px;
	width: 120px;
	font-family: Tahoma, Verdana,  Arial, sans-serif;
	padding: 10px;
	background-color: #ABD49B;
	visibility: hidden;
}


/*-----------------------------------------------------------------------
	Position of "Return to Map" Icon
-----------------------------------------------------------------------*/
#ReturnToMap {
	position: absolute;
	z-index: 5;
	right: 10px;
	bottom: 10px;
}

#ReturnToMapFromEvents {
	position: absolute;
	z-index: 5;
	right: 10px;
	bottom: 60px;
}

#ReturnToMapTop {
	position: absolute;
	z-index: 5;
	right: 10px;
	top: 10px;
}


/*-----------------------------------------------------------------------
	Position of "Return to Previous Page" text
-----------------------------------------------------------------------*/
#ReturnToPreviousPage {
	position: absolute;
	left: 10px;
	top: 440px;
}


/*-----------------------------------------------------------------------
	Position of "Return to Facility Rental" text
-----------------------------------------------------------------------*/
#ReturnToFacilityRental {
	position: absolute;
	right: 10px;
	top: 440px;
}


/*-----------------------------------------------------------------------
	CONTENT AREA (including left sidebar)
-----------------------------------------------------------------------*/
div#Content {
	position: relative;
	width: 955px;
	height: 524px;
	z-index: 1;
	top: 76px;
	left: 0px;
	background-color: white;
}