body
{
  background: #fff;
  color: #555;
  margin: 0;
  padding: 0 -15px;
}
img
{
  border: 0;
}

/* LAYOUT */
div#body
{
  background: #fff;
  margin: 0;
  padding: 10px 11px 10px 0;
  width: 744px;
}
div#header
{
  margin: 0 0 10px 0;
  position: relative;
  width: 744px;
  /* refer to color file for background image and height */
}
div#header h1 {
	margin: 0;
	padding: 0;
	font: 28px verdana, arial, helvetica, sans-serif;
	line-height: 28px;
	font-weight: 900;
	color: #999;
  position: absolute;
  bottom: 0;
  right: 5px;
  text-align: right;
}
div#header #admin-tools
{
  font-size: 86%;
	font: 11px arial, verdana, helvetica, sans-serif;
  padding: 2px 0 0;
  margin: 5px 0 0;
  float: right;
}
div#header #admin-tools p
{
  margin: 0;
  padding: 0;
  text-align: right;
}
div#header #admin-tools p span
{
  font-weight: bold;
}
div#footer
{
  display: block;
  width: 744px;
  font: 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  color: #aaa;
  text-align: right;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 0 0 0;
}
div#content:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#main
{
  float: left;
  margin: 0 3px 0 10px;
  padding: 0;
  width: 539px;
}
div#sidebar
{
  float: left;
  margin: 0 3px;
  padding: 0;
  width: 180px;
}

/* TABLES */
div#content table.display
{
  width: 491px;
  border-collapse: collapse;
  margin-bottom: 10px;
}
div#content table.display caption
{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.8em;
  text-align: left;
}
div#content table.display caption span
{
  float: right;
  font-size: .8em;
  font-weight:normal;
}
div#content table.display th
{
  color: #fff;
  border: 1px solid #4d4c89;
  font-size: .9em;
  font-weight: bold;
  padding: 3px 7px;
  text-align: left;
}
div#content table.display td
{
  color: #000;
  background: #fff;
  border: 1px solid #5B1922;
  font-size: .9em;
  padding: 3px 7px;
  text-align: left;
  vertical-align: middle;
}
div#content table.display thead th, div#content table.display tfoot th
{
  background: #AE3141;
}
div#content table.display tfoot th, div#content table.display tfoot td
{
  border: 0;
  empty-cells: hide;
}
div#content table.display tbody th
{
  background: #c4e9f6;
}
div#content table.display tbody tr:hover th
{
  background: #ADCBE7;
}
div#content table.display tbody tr:hover td
{
  background: #F5D5DA;
}
div#content table.display .sort-arrow
{
  display: none;
}
div#content table.display tr.even td
{
  background: #eee;
}
div#content table.sortable thead th
{
  cursor: pointer;
}
div#content table.sortable thead th:hover
{
  background: #892533;
}
div#content table.display td.center
{
  text-align: center;
}
div#content table tr td ul
{
  list-style-type: none;
  padding: 0;
  margin: -17px 0 10px 0;
}
div#content table tr td li
{
  background-image: url(images/dblarrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .4em;
  padding-left: .8em;
  margin-left: 1em;
}
div#content table tr td.actionColumn
{
  white-space: nowrap;
}


/* MENUS */
div#mainNav
{
  width: auto;
  border-right: 1px solid #999;
  padding: 0;
  font: 12px Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  background-color: #595959;
}
div#mainNav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  padding: 0 0 1em 0;
}
div#mainNav li
{
  border-bottom: 1px solid #333;
  margin: 0;
}
div#mainNav li.groupTitle
{
  padding: 2px 5px 2px 10px;
  font-weight: bold;
  color: #ccc;
  width: 165px;
}
div#mainNav li.top
{
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #414141;
}
div#mainNav li a
{
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #971A2A;
  border-right: 10px solid #000;
  background-color: #989898; /* sand:#B3A78F; red:#951c2b blue#2175bc */
  color: #E9E9E9;
  text-decoration: none;
  width: 100%;
}
html>body div#mainNav li a
{
  width: auto;
}
div#mainNav li a:hover, div#mainNav li.active a
{
  border-left: 10px solid #AE3141;
  border-right: 10px solid #171717;
  background-color: #AFAFAF;
  color: #fff;
}

/* SUB NAV */
div#subNav
{
  padding-bottom: 24px;
  border-bottom: 1px solid #000;
  margin: 0 -9px 24px 0; /* neg value used to display bottom border to far right */
}
div#subNav ul
{
  padding: 0;
  margin: 0;
  clear: left;
  font: bold 11px verdana, arial, sans-serif;
  list-style-type: none;
}
div#subNav ul li
{
  float: left;
  height: 21px;
  background-color: #ccc;
  margin: 2px 2px 0 0;
  border: 1px solid #000;
}
div#subNav ul.subNavSections li
{
  background-color: #595959;
  margin: 2px 2px -6px 0;
}
div#subNav ul li#active
{
  border-bottom: none;
}
div#subNav ul li#active a
{
  border-bottom: 1px solid #fff;
  background-color: #fff;
  color: #595959;
}
div#subNav ul.subNavSections li#active a
{
  border-bottom-color: #6c6;
  background-color: #AE3141;
  color: #fff;
}
div#subNav ul a
{
  float: left;
  display: block;
  color: #595959;
  text-decoration: none;
  padding: 4px;
}
div#subNav ul.subNavSections li a
{
  color: #ccc;
}
div#subNav ul li.disabled a, div#subNav ul li.disabled a:hover
{
  color: #eee;
  font-style: italic;
  background-color: #ccc;
}
div#subNav ul li.disabled
{
  border-color: #aaa #aaa #000 #aaa;
}
div#subNav ul a:hover
{
  background: #E7E7E7;
}
div#subNav ul.subNavSections li a:hover
{
  background: #747474;
}


/* Login Form */
div#loginForm {
  width: 400px;
  height: 200px;
  margin: 0px auto;
  background-color: transparent;
}
/* Login Form
div#loginForm {
  position:absolute;
  width: 400px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -100px;
  background-color: transparent;
} */

/* FORMS */
#flagIcon
{
  display: block;
  clear: right;
  float: left;
  height: auto;
}
.extraNotes {
  font-size: .8em;
  display: block;
  float: left;
  clear: none;
}

/* PAGINATION */
div#letters a {
  margin-right: 3px;
}
.selectedLetter{
  color: #000;
  font-weight: 600;
}
.nextPrev{
  text-align: center;
  margin: .5em 0 .5em 0;
}
.nextPrev a{
  padding: 0 .1em 0 .1em;
}
.currentPageWrapper{
  padding: 0 .2em 0 .2em;
  font-weight: bold;
}

/* OVERRIDE */
.clearNone
{
  clear: none;
}
