@charset "iso-8859-1";
/* This is the CSS sheet for the homepage (and any other pages taking the 'main' layout) */

body {
  background-color: #333;
}

/* layouts for the title */
div.title
 {
  margin: 10px auto 0;
  width:320px;
  height:47px;
  padding: 41px 460px 10px 180px;
  background-color: black;
  display: block;
  background-image: url('../images/site/rampaging-chariots-header.png');
 }
p.title
 {

  margin: 0; padding: 0;
  text-align: left;
  color: white;
  font-size: 18px;

 }

div.menu {
  background-color: #666;
}

/* layouts for the location bar */
/* include default font settings for characters between links */
div.location
 {
  margin: 0px auto;
  width:960px;
  padding 2px 10px;
  background-color:white;
  text-align: left;
  text-decoration: none;
  color: black;
  text-indent:20px;
  display: none;
 }
a.location:link
 {
  text-align: left;
  text-decoration: none;
  color: black;
  text-indent:10px;
 }
a.location:visited
 {
  text-align: left;
  text-decoration: none;
  color: blue;
  text-indent:10px;
 }
a.location:hover
 {
  text-align: left;
  text-decoration: underline;
  color: red;
  text-indent:10px;
 }
a.location:active
 {
  text-align: left;
  text-decoration: none;
  color: purple;
  text-indent:10px;
 }

/* Layout for the menubar is now contained in the separate stylesheet - dropdown.css*/

/* layout for the main table - this is the part that contains the three sections: LHS bar, the main content and the RHS */
table.main
 {
  margin: 0px auto;
  width:960px;
  padding 2px 10px;
  border-spacing:0;
  border-collapse: separate;
  background-color: white;
  vertical-align: top;
 }
table.main td {
  padding: 2px 10px;
}
table.main td#main
 {
  border: 1px solid #666;
  border-width: 0 1px;
  padding: 4px;
  background-color: white;
  vertical-align: top;
 }

/* layout for the LHS could be put here */

/* layouts for the main section */
p.pagetitle
 {
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 1.5em;
 }
p.pagesubtitle
 {
  text-align: left;
  color: black;
  font-size: 1.2em;
 }
p.main
 {
  text-align: left;
  color: black;
 }
p.maincenter
 {
  text-align: center;
  color: black;
 }
p.mainred
 {
  text-align: left;
  color: red;
 }
p.captioncenter
 {
  text-align: center;
  color: black;
  font-style: italic;
 }
ul.main
 {
  text-align: left;
  color: black;
 }
ol.main
 {text-align: left;
  color: black;
 }
a.main:link
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.main:visited
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.main:hover
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.main:active
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }

/* layouts for the footer */
div.footer {
  overflow: auto;
  clear: both;
  background: #111 url('../images/site/111-333-bottom-left.gif') no-repeat scroll left bottom;
  text-align: center;
  padding: 0 0 0 10px;
}

div.footer span {
  display: block;
  padding: 5px 10px 5px 0;
  background: #111 url('../images/site/111-333-bottom-right.gif') no-repeat scroll right bottom;
}

div.footer p {
  margin: 0; padding: 0;
  color: #ccc;
}

div.footerwrapper {
  width: 960px;
  margin: 0 auto;
}

/* div.footer
 {
  margin: 0px auto;
  width:960px;
  text-align: left;
  color: black;
  font-style: italic;
 }
p.footer
 {
  text-align: left;
  color: black;
  font-style: italic;
 }
a.footer:link
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.footer:visited
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.footer:hover
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 }
a.footer:active
 {
  text-align: left;
  text-decoration: underline;
  color: black;
  text-indent:0px;
 } */

/* layout for input tables - This is for the data entry forms where a table is used */
table.entry
 {
  border-width: 2px;
  border-spacing:2px;
  border-style: double;
  border-color: black;
  background-color: white;
  vertical-align: top;
 }

 /* layout for admin report tables */
table.listing
 {
   border-width: 2px;
   border-spacing: 0px;
   border-style: solid;
   border-color: black;
   border-collapse: collapse;
   background-color: white;
   vertical-align: top;
 }
table.listing th
 {
   border-width: 2px;
   padding: 4px;
   border-style: solid;
   border-color: black;
   background-color: white;
   vertical-align: top;
 }
table.listing td
 {
   border-width: 1px;
   padding: 4px;
   border-style: solid;
   border-color: black;
   background-color: white;
   vertical-align: top;
 }
table.listing td#subtable
 {
   border-width: 1px;
   padding: 0px;
   border-style: solid;
   border-color: black;
   background-color: white;
   vertical-align: top;
 }
 /* layout for admin report subtables */
table.sublisting
 {
   border-width: 1px;
   border-spacing: 0px;
   border-style: solid;
   border-color: black;
   border-collapse: collapse;
   background-color: white;
   vertical-align: top;
 }
table.sublisting th
 {
   border-width: 2px;
   padding: 4px;
   border-style: solid;
   border-color: black;
   background-color: white;
   vertical-align: top;
 }
table.sublisting td
 {
   border-width: 1px;
   padding: 4px;
   border-style: none;
   border-color: black;
   background-color: white;
   vertical-align: top;
 }

/* End of CSS layout 'main' */

div.photo {
  text-align: center;
  margin-bottom: 1.0em;
}

div.photo p {
  margin: 0 0 1em;
}