@import url(/style/basic/left/);
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-family: tahoma, sans-serif;
  color: #036;
}

#header {
  border-bottom: solid #036;
}
#header h1 { float: left; width: 40%; 
vertical-align: middle; 
}
#header h2 { float: right; width: 40%; text-align: right;
vertical-align: middle; 
}
#footer { 
  border-top: solid #036;
}

a { 
  text-decoration: none; 
  color: #036;
}
hr { clear: both; border-top: solid #036; }

.nav { margin-bottom: 2em; }
.nav h3 {
	width: 75%;
	background: #036 url(down.png) no-repeat 100% 50%;
	color: #fff;
	border: 1px solid black;
}
.nav:hover h3 {
/*	border-bottom: 0;*/
	background: #036;
}

/* will need to expand this list */
.nav form, .nav select, .nav ul {
	margin-top: 0; 
	border: 1px solid black; /*
  	display: none;
}
.nav:hover form, .nav:hover select, .nav:hover ul {
	display: block;*/
}
.nav ul { padding-left: 1.5em;}
.nav ul ul { border: 0; }


/* a class to encapsulate an image */
.image {
  clear: both;
  float: right;
  margin: 1em;
  margin-right: 0;
  text-align: center;
  padding: 0.25em;
  border: 1px solid white;
}
.image:hover {
  border: 1px solid #036;
}
.image p { margin: 0; font-size: smaller; text-align: center; }