body {
  background-color: #fff;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #000;
}

h1 { color: #3675ae; }

table { font-size: 12px; }

#rightNav {
  float: right;
  margin: 0 15px 0 0;
  color: #888;
}

#rightNav a {
  color: #888;
  text-decoration: none;
}

#rightNav a:hover {
  color: #3675ae;
}

#nav {
  float: left;
  width: 175px;
  text-align: center;
  z-index: 100;
}

#nav h1 { font-size: 14px; }

#nav ul {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 2.25em;
}

#nav .title {
  color: #e18a24;
  font-weight: bold;
}

#nav ul a {
  color: #e18a24;
  text-decoration: none;
  font-weight: bold;
}
#nav ul a:hover {
  color: #3675ae;
}

#nav ul li ul {
  font-weight: normal;
  margin: 0 0 0 1.5em;
  color: #888;
  line-height: 1.5em;
}

#nav ul li ul a {
  font-weight: normal;
  color: #888;
  text-decoration: none;
}

#nav ul li ul a.selected {
 font-weight: bold;
 color: #888;
}

#nav ul li ul a.selected:hover {
  color: #3675ae;
}

#page { margin-left: 190px; }

#page h1 { font-size: 18px; }

ul#pageNav {
  position: relative;
  z-index: 5;
  list-style: none;
  height: 15px;
  margin: 0;
  padding: 0;
}

ul#pageNav li {
  height: 25px;
  margin: 0 5px 0 0;
  width: 125px;
  text-align: center;
  float: left;
  border: 1px solid #888;
  border-bottom: none;
  background-color: #f8f8f8;
  color: #888;
}

ul#pageNav li a {
  padding: 5px;
  display: block;
  color: #888;
  text-decoration: none;
}

ul#pageNav li a:hover {
 color: #e18a24;
}

ul#pageNav li.selected
{
  float: left;
  margin: 0 5px 0 0;
  height: 25px;
  width: 150px;
  text-align: center;
  font-weight: bold;
  background-color: #eee;
  border: 1px solid #888;
  border-bottom: 1px solid #eee;
}

ul#pageNav li.selected a {
  display: block;
  padding: 5px;
  color: #3675ae;
  text-decoration: none;
}

ul#pageNav li.clear {
  float: right;
  height: 15px;
  border: 0;
  background-color: #fff;
  padding: 0 0 11px 0;
  display: block;
  width: 1px;
}

#content {
  z-index: 50;
  clear: right;
  z-index: 10;
  margin: -1px 10px 0 0;
  background-color: #eee;
  border: 1px solid #aaa;
  padding: 20px;
  min-height: 400px;
}
/* This is required to fix an IE "peakaboo" bug when #content contains a float'ed element */
* html #content { height: 1%; }

#content h1, #content h2, #content h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #3675ae;
}

#content h3 {
  font-size: 12px;
  padding: 1em 0 1em 0;
}

#content a { color: #3675ae; }
#content a:hover { color: #e18a24; }

#footer {
  clear: both;
  color: #888;
  padding: 1em;
  text-align: center;
}

#footer a {
  color: #3675ae;
  text-decoration: none;
}

#footer a:hover {
  color: #e18a24;
}

/* Misc Form Stuff */
.preview { width: 95%; border: 1px solid #ddd; padding: 0; min-height: 500px; }
.dataTable { width: 100%; }
.dataTable img { border: 0px; }
.dataTable td { margin: 0; padding: 0.25em 0.5em 0.25em 0.5em; }
.tableHeader td {  margin: 0; font-weight: bold; border-bottom: 1px solid #000; }
.center { text-align: center; }
.formLeft {  float: left; width: 45%; background-color: #f8f8f8; padding: .25em 1em 1em 1em; min-height: 400px; overflow-y: auto; }
.formRight {  float: left; margin-left: 1%; width: 45%; background-color: #f8f8f8; padding: .25em 1em 1em 1em; min-height: 400px; overflow-y: auto;}
.fillit { clear: both; height: 1%; }
.error { color: red; }