body {
  margin: 0; padding: 0;
  font: 14px garamond, times-new-roman, times, georgia, serif;
  line-height: 18px;
  color: #444;
  background: #000 url(images/dia.gif) repeat;
}

table { background-color: #666; }

td { padding: 3px; background-color: #aaa; }

p { margin: 12px 0; padding: 0; }

h1 {
  font: 20px times-new-roman, times, georgia, serif;
  color: #444; text-align: left;
  margin: 0 0 1em 0; padding: 0;
}

h2 {
  font: 18px times-new-roman, times, georgia, serif;
  color: #444; margin: 0 0 1em 0; padding: 0;
}
	
h3 {
  font-size: 100%;
  color: #444;
  padding: 0 0 2px 0;
  margin: 1em 0 0;
}

a { text-decoration: none; }

a:link    { color: #9cf; }
a:active  { color: #9cf; }
a:visited { color: #9cf; }
a:hover   { color: #ccf; }
		
#container {
  margin: 80px auto 0 auto; width: 750px; padding: 0;
  background: #fff url(images/side.gif) left repeat-y;
}
	
#hdr {
  border: 0; padding: 0;
  height: 125px;
  background: #666 url(images/ban.gif) top left no-repeat;
}

#logo { position: relative; top: 0px; left: 230px; margin: 0; padding: 0; }

#nav { float: left; margin: 31px 0 0 0; width: 150px; }

#nav ul {
  height: 30px; width: 150px;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

#navlist a {
  display: block;
  width: 150px;
  padding: 0 0 10px 0;
  text-align: left;
  text-decoration: none;
}

#navlist a:hover, #navlist a#active:hover { background-position: 0 -30px; }
#navlist a:active, #navlist a#active      { background-position: 0 -60px; }

#home    a { width: 150px; background: url(images/nav/home.gif)    top left no-repeat; }
#about   a { width: 150px; background: url(images/nav/about.gif)   top left no-repeat; }
#areas   a { width: 150px; background: url(images/nav/areas.gif)   top left no-repeat; }
#profile a { width: 150px; background: url(images/nav/profile.gif) top left no-repeat; }
#links   a { width: 150px; background: url(images/nav/links.gif)   top left no-repeat; }
#contact a { width: 150px; background: url(images/nav/contact.gif) top left no-repeat; border-bottom: 1px solid #999; }

#content {
  font-size: 110%;
  margin-left: 250px;
  padding-top: 15px; padding-left: 15px; padding-right: 15px;
  text-align: left;
}

#left { float: left; }

#right { float: right; }

#ftr {
  clear: both; padding-bottom: 5px;
  background-color: transparent;
  text-align: center; line-height: 12px;
  font: 9px verdana, sans-serif;
}

#ftr a:hover { text-decoration: underline; }

.l { float: left; margin-right: 20px; }
.r { float: right; margin-left: 20px; }
.btfont { font-family: "Century Gothic", verdana, sans-serif; }
.faqent { font-size: 90%; margin-left: 25px; margin-right: 25px; }
.spacer { clear: both; }
.attn { color: #900; }

ul.nobul { list-style-type: none; }
ul.nobul li { margin: 5px 0; }

ul.gavel { list-style-type: none; }
ul.gavel li {
  min-height: 35px;
  margin-top: 10px; padding: 0 0 0 35px;
  background: #fff url("images/gavel.gif") top left no-repeat;
}

ul.sub ul { margin: 0; padding: 0; }
ul.sub li { margin-left: 75px; }

.hr { margin: 10px 0 5px 0; padding: 0; border-bottom: 1px dotted #444; }
* html .hr { border-bottom: none; padding: 1px; background: url(images/dotted.gif) repeat-x bottom; }