/* Basic HTML elements */
body {
  margin: 0;
  padding: 0;
  background: #202020;
  color: #000;
  font: 76%/1.4em Tahoma, Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
p {
  margin: 0.9em 0;
}
td,th { 
	padding: 3px 1em; 
	font-size: 0.9em;
}
img {
  behavior: url(/stylesheets/iepngfix.htc);
}
table { border-collapse: collapse; }

/* Layout elements */
div#root {
  width: 800px;
  margin:  0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  background: #fff;
  text-align: left;
  border: 1px solid #000;
  border-top: 0 none;
  border-bottom: 0 none;
}
#header {  
position: relative; 
width: 800px;
height: 225px;  
margin: 0px; 
background: url(/stylesheets/images/masthead_1.jpg) 0 0 no-repeat;
border-bottom: 2px solid #999; 
}

#logo { 
	position: absolute;
	width: 100px; 
	top: 30px; 
	left: 30px; 
	height: 111px; 
}
#footer {
  position:relative;
  clear: both;
  width: 800px;
  height: 20px;
  background-color: #930;
  color: #ffc;
  padding: 0.4em 0;
  text-align: center; 
}
#menu {
  float: left;
  position: relative;
  margin: 0;
  width: 150px;
  padding: 10px 0 10px 10px;
}

#content {
  position: relative;
  float: left;
  width: 570px;
  margin: 25px 0 20px 20px ;
  padding: 0 20px;
}

#content .column, #content .column_right {
  float: left;
  display: inline;
  zoom: 1;
  width: 265px;
  margin-right: 20px;
}
#content .column_right { padding-top: 2.5em;}


/* Common element styles */


/* Links */
a { color: #369; }
a:hover { color: #000; text-decoration: none; }

a.more {
  margin-left: 0.5em; 
  margin-right: 0.5em;
  white-space: nowrap;
} 
a img { border: none; }

a.offsite, a.pdf, a.mailto {
  padding-left: 14px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  text-decoration: none;
}
a.offsite { white-space: nowrap; }

a.offsite { background-image: url(images/remote.gif); }
a.pdf     { background-image: url(images/acrobat.gif); }
a.mailto  { background-image: url(images/mailto.gif); padding-left: 18px; }

a.offsite:hover { background-image: url(images/remote_a.gif); }
a.pdf:hover     { background-image: url(images/acrobat_a.gif); }
a.mailto:hover  { background-image: url(images/mailto_a.gif); }

/* Typography */

p { margin-top: 0.5em; 
	color: #000; 
}
p.intro { margin-top: 1em; }
h1 {		
	color: #153683;
	letter-spacing: -0.04em;
	font-size: 1.8em;		
	line-height: 1.1em;		
	font-weight: normal;
	margin: 0 0 0.7em 0; 
	padding:0;
}	

h2 {		
  font-weight:normal;
	color: #153683;
	font-size: 1.1em;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	margin: 1em 0;
	padding: 0;
}

h2 small {
  text-transform: none;
  font-size: 1em;
  letter-spacing: 0;
}	

h3 { 		
	font-size: 1.1em; 		
	font-weight: bold;		
	color: #00694f;
	margin: 0.5em 0 0.2em;
	padding:0;
}	

h6.photo_credit {
  font-size: 9px;
  line-height: 10px;
  margin: 6px 0 10px;
  padding: 0;
  color: #666;
  font-weight: normal;
}

#content ul {
  list-style-type: disc;
}
#content li {
  margin-top: 0.3em; 
}
.feedback_short {
  border-bottom: 1px solid #e8e5c6;
  border-right: 1px solid #e8e5c6;
  background: #eeecd7;
  padding: 0.2em 1em;
  border-width: 0 1px 1px 0;
  margin-bottom: 10px;
  position: relative;
  zoom: 1;
}

.feedback_short h2 { color: #c74947; margin: 5px 0; }


/* Navigation */

#menu ul {
  list-style: none;
  padding:0;
  margin:0;
  margin-top: 8px;
}

#menu li {
  border-bottom: 1px solid #999;
  padding: 0.4em 0;
}
#menu li.current { color: #000; font-weight: bold; padding: 8px 5px; }
#menu li a {
  display: block;
  padding: 4px 5px;
  color: #900;
  text-decoration: none;
}
#menu li a:hover {
  color: #c30;
}
#menu ul li.current ul { margin-bottom: -8px; margin-top: 2px; }
#menu li.current ul li { font-weight: normal; margin-left: 1em; font-size: 90%; border-bottom: none; padding: 0; }
#menu li.current ul li a { text-decoration: underline; color: #000; padding: 2px; }