html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: arial;
  font-size: 12pt;
}


a       { color: #2a3c22; font-weight: bold; }
h1      { color: #000; display: block; font-size: 16pt; font-weight: bold; margin: 0 0 0.5em 0;  border-bottom: 1px solid black; }
a img   { border: 0; }
p       { display: block; margin: 0 0 1em 0; text-align: justify; }
.p      { margin: 0 0 1em 0; }

.left  { float: left; }
.right { float: right; }

#container {
  min-height: 100%;
  position: relative;
}

#header-wrapper {
  background: url('/images/bg_html.png') repeat-x;
}

#menu-wrapper {
  background-color: #2a3c22;
  border-bottom: 2px solid #000;
  margin-bottom: 5px;
  height: 27px;
}

#header,
#body,
#menu,
#footer div {
  width: 985px;
  margin: 0 auto;
}
	
#header {
  height: 111px;
  padding: 15px 0 15px 0;
  position: relative;
}

#body {
  padding: 10px;
  padding-bottom: 70px;   /* Height of the footer */
}

#sidebar {
  width: 250px;
}

#sidebar .title {
  color: #4a5c42;
  font-weight: bold;
}

#sidebar ul {
  font-size: 0.80em;
  margin: 0 0 1em 0;
  padding: 0;
  list-style-position: inside;
}

#sidebar ul li {
  white-space: nowrap;
}

#content {
}

#footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50px;   /* Height of the footer */
  font-size: 10px;
  font-weight: bold;
  color: #8ac1d6;
  text-align: right;
  padding: 10px 0 0 0;
  background: #000;
}

a { text-decoration: none; }

#mission {
  display: block;
  text-align: justify;
  width: 328px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 45px;
}

#top_links {
  display: block;
  text-align: justify;
  width: 328px;
  padding: 10px 0 0 0;
  height: 27px;
  text-align: center;
  background: url('/images/bg_top_links.png') no-repeat;
  color: white;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}

#top_links a {
  margin: 0 10px;
  color: #fff;
}

.center { text-align: center; }
.clear { clear: both; }

.box { background: #e4e4e4; border: 1px solid #b5b5b5; padding: 10px; margin: 5px 0; }

.box ul {
  list-style-type: square;
  list-style-position: inside;
}

.box li {
  width: 33%;
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#designedby {
  display: block;
  float: right;
  width: 82px;
  height: 20px;
  background: url('/images/spllogics.png') no-repeat;
  text-indent: 9999em;
  overflow: hidden;
}

/* Image listings */
div.gallery {
  text-align: center;
}

div.gallery div {
  display: inline;
}

div.gallery div span {
  display: table-cell;
  display: inline-block;
  width: 160px;
  height: 90px;
  padding: 5px 5px 1em 5px;
}

/* Forms */
.input-text {
  width: 100%;
}

/* Messages */
.message, .error {
  text-align: center;
  padding: 5px;
  font-weight: bold;
  margin: 0 0 .5em 0;
}

.message {
  border: 1px solid #00f;
  background: #ccf;
}

.error {
  border: 1px solid #f00;
  background: #fcc;
}

/* tablesorter */
table.tablesorter {
        font-family:arial;
        background-color: #CDCDCD;
        margin:10px 0pt 15px;
        font-size: 8pt;
        width: 100%;
        text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        font-size: 8pt;
        padding: 4px;
}
table.tablesorter thead tr .header div {
        background-image: url(icons/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
}
table.tablesorter tbody td {
        color: #3D3D3D;
        padding: 4px;
        background-color: #FFF;
        vertical-align: middle;
        background-color: #CDCDCD;
}
table.tablesorter tbody tr.odd td {
        background-color: #F0F0F6;
}
table.tablesorter thead tr .headerSortUp div {
        background-image: url(icons/asc.gif);
}
table.tablesorter thead tr .headerSortDown div {
        background-image: url(icons/desc.gif);
}

.blue {
  color: blue;
}

.red {
  color: red;
}