/* block layout */
/* reset all margins/paddings so that differences between defaults in browsers don't matter */
* {
    margin: 0; 
    padding: 0;
}


/* general typography */
body {
    background-color: #f1efc6;
    font-family: Verdana;
    font-size: 10pt;
}

h1 {
font-size: 16pt;
font-family: Georgia;
font-weight: normal;
color: #72730d;
margin-bottom: 6pt;
}
h2 {
/* margin-top: 12pt; */
font-size: 14pt;
font-family: Georgia;
font-weight: normal;
color: #72730d;
margin-bottom: 6pt;
}
h3 {
/* margin-top: 6pt; */
font-size: 12pt; 
font-family: Georgia;
font-weight: normal;
color: #72730d;
margin-bottom: 6pt;
}
p {
  margin-bottom: 6pt;
}
a:link, a:visited { 
  color: #72730d;
}
a:hover {
  color: red;
}

dl dt {margin-top: 6pt;}
dl dd {margin-left: 2em}

ul {margin-bottom: 6pt;}

ol li, ul li { margin-left: 2em;}

td { vertical-align: top; }
th { border-bottom: solid 1px black; }

/* layout */
#wrapper {
    width: 99%;
    max-width: 800px;
    margin-top: 20px;
    margin-left: auto; /* automatic centering */
    margin-right: auto; /* automatic centering */
    padding-bottom: 2em;
    background-color: #fff;
    position: relative;
}

#header {
   border: solid 3px black;
   width:794px;
}

#subheader {
	text-align: center;
}
#subheader h1 {
	font-size: 24pt;
}

/* style (nested) ul's as series of tabs -- derived from http://www.kalsey.com/tools/csstabs/ */

#menu {
    border-bottom : 1px solid #72730d; 
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

/* note that most of the styling for the tabs are done in the rule for <a> elements (below),
   not the surrounding <li>. Therefore, every tab needs to be linked to something */

#menu li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu a:link, #menu a:visited	{
	background : #f1efc6;
	border : 1px solid #72730d;
	color : #72730d;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #72730d;
}

#menu a:hover	{
	color: red;
}

/* for making the current tab stand out -- needs to be done through js */
#menu li.active {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu ul {
	display : none;
	left : 10px;
	position : absolute;
	top : 207px;
	list-style-type : none;
	margin : 0;
	padding : 0;
	/* border-bottom : 1px solid red #72730d; */

}

#menu ul a:link, #menu ul a:visited {
	background : #fff;
	border : none;
	/* border : 1px solid #72730d; */
	border-left : 1px solid #72730d;
	color : #72730d;
	/* background : #f1efc6; */
	background: #fff;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu ul a:hover {
	color : red;
}

/* end of tabs css */

#content {
    margin-left:30pt;
    margin-right:30pt;
    margin-top: 30pt;
}

#clear {
	/* specific for the footer */
	clear: both;
	text-align: right;
	font-size: x-small;
	font-style: italic;
}

#footer {
	margin-top: 20pt;
	border-top: 1px solid #72730d;
	text-align: center;
	font-size: xx-small;
	
}