@charset "utf-8";
/* heronmoonstyles.css */

/*Universal style rule */
*{
 /*Block all browser default margins and padding */
 	margin:0;
 	padding:0;
 /*Temporary borders */
	 border:dashed 0px #f00;
}

/*body sets the background color */
body{
	background-color:#036;
	font-family:Geneva, Tahoma, sans-serif;
	text-align:center;
}

/*wrapper sets the layout width */
#wrapper{
	width:900px;
	background-color: #cfc;
	
	/*put 5 px margin above the wrapper*/
	/*Center the wrapper */
	margin:5px auto 0 auto;
	 /* Required for absolutely-positioned layout only */
  position:relative;	
}

/* Make branding a positioned element, but don't move it*/
#branding{
	position:relative;
}

/* fixes the mysterious image gap */
#branding img{
	display:block;
}

/* Absolute position links in the branding division*/
#branding a{
	position: absolute;
	text-decoration:none;	
}

/* Navbar division */
#navbar{
	background:#036;	
	height:2em;
	/* For absolutely-positioned navbar */
  position:absolute;
	top:181px; /* Same as branding div height */
	left:0px; /* Same as leftcolumn width */	
	width:900px; /* Layout width minus leftcolumn and rightcolumn width */
}

/* Remove bullets from ul in the navbar */
#navbar ul{
	list-style-type:none;
}

/* List items in the navbar */
#navbar li{
	float:left;
	position:relative;
}

/* Applies to navbar links visited and unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:Script MT Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#cfc;
	background:#036;
	display:block;
	height:2em;
	width:7em;	
	text-align:center;
	line-height:2em;
	outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
	background:#cfc;
	color:#036;	
}


/* End of Navbar */

#content{
	/* Left margin width must match leftcolumn width */
	margin-left:200px;	
	background-color:#cfc;
	color:#036;
	padding:2.5em 3em 5em 3em;
}

/* Styles h1, h2, and h3 style rules in the content div */
#content h1, #content h2, #content h3{
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#036;
}

/* Styles p, ul, and ol styles in the content div */
#content p, #content ul, #content ol{
	text-align: left;
	font-size:0.9em;
	line-height:1.25em;
}
 


/************* Leftcolumn division styles ****************/	 

/* float leftcolumn to the left */
/* REMEMBER content left margin width must match this width*/
#leftcolumn{
	width:200px;
	float:left;
	/* Center images and text inside this div */
  text-align:left;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:220px; /* Same as branding div height */
  left:0;
  }

/* Applies to images in the leftcolumn div */
#leftcolumn img{
  width:100%;
  padding-left:2px;
  padding-bottom:1em;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
  border: thin solid 2px #036;
  padding:0.25em;
  width:90%;
  font-family: Script MT Bold, Tahoma, Verdana, Sans-Serif; 
  font-size:1em;
  margin:1em auto;
  text-align:center;
  color:#036;
}
#leftcolumn ul{
	list-style-type:none;
	padding-left:.5em;
	border: thin solid 2px #036;
  padding:0.25em;
  width:75%;
  font-family: Script MT Bold, Tahoma, Verdana, Sans-Serif; 
  font-size:1em;
  margin:1em auto;
  color:#036;
}

#leftcolumn a,
#leftcolumn a:link{
	position: absolute;
	text-decoration: none;
	color: #036;
	left: 23px;
	top: 356px;
	width: 159px;
}

/* Hover links navigation in the leftcolumn division  */
#leftcolumn a:hover{
	color:#F00;
}

/* Active links in navigation in the leftcolumn division  */
#leftcolumn a:active{
	color:#F00;
}


/* Make footer a positioned element, but don't move it */
#footer{
	position:relative;
}

/*page footer */
#footer{
position: relative;
clear: both;
}

#footer a,
#footer a:link{
	position: absolute;
	text-decoration: none;
	font-size: 0.55em;
	color: #CCF;
	font-family: sans-serif;
	width: 66px;
	height: 14px;
	left: 310px;
	top: 102px;
}


/* Hover links in footer div */
#footer a:hover{
	color:#F00;
}

/* Active links in footer div */
#footer a:active{
	color:#F90;
}

/* style for the site map page only */
#sitemap td{
	font-size:0.75em;
	}
#sitemap tr,
#sitemap td{
	border-color:#036;
	border:thin;
}
#sitemap a{
	text-decoration:none;
}