body {
  margin:0px;
  padding:0px;
  font-family: Geneva, Arial, Helvetica, san-serif;
}

div#header {
  height:206px;
  /* background-color:#CCC; */
}

div#header h1 {
  margin-top:0px;
}

div#nav {
  background-color: #D3CECD;
  position:absolute;
  left:0px; top:200px; width:120px;
  padding:00 0 0;
  margin:0 0 0 0;
  font-weight:bold; font-size:.75em;
}

div#nav ul {
  margin-top:0px; margin-bottom:.8em;
}

div#nav li {
  margin-bottom:.1em;
  list-style: none;
  text-indent: -3em;
  font-weight:bold;
  font-size:.95em;
}

div#content {
  margin-left:120px;
}

div#footer {
  font-weight:bold;
  width:778px;
  padding:4px 0;
  font-size:.7em;
  text-align:left;
  background-color:#D3CECD;
}

.heading1
{
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 14pt;
  color: #000099;
  font-weight: 700;
  font-style: italic;
  margin-top: 6px;
  margin-bottom: 3px;
}

.heading2
{
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 12pt;
  color: #000099;
  font-weight: 700;
  font-style: italic;
}

.paragraph
{
  margin: 1em 0 1em 0;
}

/* paragraph for the index page */
.i-paragraph
{
  font-size: 8pt;
  margin: 1em 0 1em 0;
}

.paragraph-bold
{
  margin: 1em 0 1em 0;
  font-weight: bold;
}

.blockquote
{
  margin: 1em 0 1em 2em ;
  font-style: italic;
}

td
{
  font-family: Verdana, Geneva, Arial, Helvetica, san-serif;
  font-size: 12px;
  font-color: #000000;
  font-weight: normal;
  text-decoration: none;
  margin-top: 1em;
  margin-bottom: 1em;
}

td.strong
{
  font-family: Verdana, Geneva, Arial, Helvetica, san-serif;
  font-size: 12px;
  color: #000080;
  font-weight: bold;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

td.content
{
  padding-top: 1em;
  padding-left: 1em;
}

td.quicklinks
{
  padding-top: 5px;
  padding-left: 5p;x
}

td.quicklinks li
{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: -3em;
  /* width: 80px; */
}

td.heading
{
  /* background-image:url('images/gradient_vert_85px.gif'); */
  /* background-color: #EAB862; */
  background-image:url('images/heading_bg.gif');
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif;
  font-size: 18pt;
  color: #1648A1;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  height: 85px;
  width: 644px;
  padding-left: 5px;
}

td.locator
{
  /* background-image:url('images/gradient_vert_30px.gif'); */
  background-color: #6294EA;
  color: #40;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
  font-size: 7pt;
  font-weight: bold;
  /* font-style: italic; */
  height: 18px;
  width: 644px;
  padding-left: 15px;
}

td.locator a {
	color: #2916A2;
}

td.notes
{
  /* background-image:url('images/menu_bg.gif'); */
  background-color: #EEEEEE;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
  font-size: 7pt;
  width: 130px;
  padding-left: 3px;
}

td.menu
{
  /* background-image:url('images/menu_bg.gif'); */
  background-color: #EEEEEE;
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 7pt;
  width: 130px;
}

td.mainmenu
{
  background-image:url('images/mainmenu_bg.gif');
  width: 778px;
  vertical-align: bottom
}

td.hr
{
  background-image:url('images/11_31.jpg');
  height: 10px;
}

td.vr
{
  background-image:url('images/11_20.gif');
}

td.banner
{
  background-image:url('images/banner.jpg');
}

/* the following are for the pull-down menu */

div.pdmenu {
  padding: 0px;
}

.pdmenu ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
}

/* this is so that the menu is the same witdth as the banner: 778 px */
.pdmenu li#first {
  width: 99px;
}

.pdmenu li {
  float: left;
  position: relative;
  width: 97px;
  text-align: center;
  vertical-align: middle
  cursor: default;
  height: 22px;
  z-index:1;
  font-family: "Trebuchet MS", Verdana;
  font-size: 11pt;
  font-weight: bold;
  text-decoration:none;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #1E52A8;
}

.pdmenu a:hover {
  padding: 0px 2px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000033;
}


.pdmenu li a:hover {
  color: #D3CECD;
  background-color: #1E52A8;
  height: 22px;
}

.pdmenu li.selected {
  color: #D3CECD;
  background-color:#1E52A8;
  background-image:none;
  height: 22px;
}

/* the following are used for pull down menus */
.pdmenu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  font-weight: normal;
  background-color:#FFFFFF;
  margin-left:0px;
}


.pdmenu li:hover ul {
  visibility: visible;
  display: block;
  position:absolute;
  z-index:1;
  width: 97px;
  padding: 0;
  margin: 0;
  border:1px solid black;
}

.pdmenu li:hover ul, .pdmenu li.over ul {
  display: block;
}

.pdmenu li {
  border: none;
  display: block;
  float: left;
  background-image:url('images/mainmenu_bg.gif');
  text-align: center;
  vertical-align: middle
  font-family: "Trebuchet MS", Verdana;
  font-size: 11pt;
  font-weight: bold;
  height: 22px;
}

.pdmenu li a {
  display: block;
  font-weight: bold;
  color: #1E52A8;
  height: 22px;
}