html, body {
  color: black;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  font-size: 10pt;
  background: #FAFAF0;
}

.menubanner {
  width: 100%;
  font-size: 95%;
  background: black;
  color: white;
  padding-top: 1px;
  padding-bottom: 1px;
}

.menubanner table {
  text-align: center;
  padding-left: 20px;
}

.menubanner td {
  text-align: center;
  padding-left: 30px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.menubanner a {
  color: white;
  text-decoration: none;
}

.maincontent {
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 10px 10px 70px;
  color: black; 
}

.maincontent h1 {
  text-align: center;
  text-decoration: bold;
}

.maincontent p {
  margin: 0px 0px 0px 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  padding: 10px 10px 10px 10px;
}

.maincontent h2 {
  padding-top: 20px;
}

.maincontent h3 {
  padding-left: 40px;
}

.maincontent h4 {
  padding-top: 20px;
}

.maincontent table {
  padding-left: 60px;
}

.maincontent td {
    padding-top: 2px 15px 2px 1px;
}

.maincontent li {
   padding-top: 2px;
}

.maincontent img {
    padding: 20px 20px 20px;
}

.ratecard {
    padding: 70px 10px 10px 70px;
}

.news {
  width: 80%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 10px 10px 70px;
  color: black; 
}

.news h1 {
  text-align: center;
  text-decoration: bold;
}

.news p {
  margin: 0px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

.news span {
  font-style: bold;
  font-variant: bold;
  font-weight: bold;
  font-size: 120%;
}

.article {
  width: 90%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  text-decoration: none;
  padding: 10px 10px 10px 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: black; 
}

.credits {
  width: 80%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  text-decoration: none;
  padding: 10px 10px 10px 70px;
  color: black; 
}

.credits h1 {
  text-align: center;
  text-decoration: bold;
}

.credits td {
   padding: 1px 50px 1px 5px;
   font-size: 100%;
}

.uploadform {
    padding: 0 10px 20px 140px;
}

.ipostbox {
  width: 100%;
  font-size: 24px;
  text-decoration: none;
  padding: 50px 20px 0px 140px;
  color: black; 
  text-align: center;
}

.vpostbox {
  font-size: 12px;
  text-decoration: none;
  color: black; 
  text-align: center;
}
    

/* the nav ID stuff is copied from the Son of Suckerfish tutorial */
#nav, #nav ul {
  float: left;
  width: 100%;
  list-style: none;
  line-height: 1;
  color: white;
  background: black;
  font-weight: normal;
  padding: 0;
  border: solid black;
  border-width: 1px 0;
  margin: 0 0 0 0;
}

#nav a {
	display: block;
	width: 9em;
	w\idth: 5em;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a.daddy {
/*	background: url('../images/rightarrow2.gif') center right no-repeat; */
        padding-top: 1px;
        padding-bottom: 1px;
}


/* the url clause above does not work, but the following clause does work */
li.daddy {
/*	background: url('../images/rightarrow2.gif') center right no-repeat; */
        padding-top: 1px;
        padding-bottom: 1px;
}

#nav li {
	float: left;
	padding: 0;
 	width: 8em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12.4em;
	w\idth: 11.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 11em;
}

#nav li ul a {
	width: 11em;
	w\idth: 7em;
}

#nav li ul ul {
    margin: -1.75em 0 0 12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
    background: gray;
}


#loginbar {
    text-decoration: none;
}


a.link, a, a.active {
  color: #369;
}

#footer {
  color: black;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 85%;
  width: 90%;
  margin: 0 auto 1em auto;
}

#footer p {
  text-align: center;
  font-size: 75%;
  width: 75%;
  margin: 0 auto 1em auto;
}

#footer td {
  text-align: center;
  padding: 10px 20px 10px 0px;
}

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('../images/info.png') left center no-repeat;
  border: 1px solid #cce;
}

.fielderror {
    color: red;
    font-weight: bold;
}

.flashbox {
   padding-left: 0;
   padding-top: 0;
   padding-bottom: 0;
   padding-right: 0;
   text-align: center;
}

#loggedin {
  margin-top:  2px;
  margin-bottom:  2px;
  font-size: 80%;
  text-decoration: none;
}

.tabheader {
  font-weight: bold;
  font-size: 120%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1px;
  padding-right: 1px;
  text-align: center;
}

.tablist {
  width: 70%;
  padding: 10px 10px 10px 120px;
}

.tablist table {
  width:100%;
}

.tablist_odd {
  min-width: 80px;
  text-wrap: suppress;
  padding: 2px 2px 2px 5px;
}

.tablist_even {
  min-width: 80px;
  text-wrap: suppress;
  padding: 2px 2px 2px 5px;
  background-color: #fbfadb;
}


.pieinthei {
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 10px 10px 160px;
  color: black; 
}

.pieinthei p {
  width: 90%;
}

.pietalent {
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 0px 10px 10px 140px;
  color: black; 
  text-align: left;
}

.pietalent table {
    float: left;
}

.pietalent img {
   padding-bottom: 0px;
   padding-top: 8px;
}

.pietalent td {
    padding:  1px 5px 1px;
    text-align: center;
}

.pietalent h3 {
  padding-left: 200px;
}

.pietalent p {
  padding: 1px 10px 1px 200px;
}


.piedemos {
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 10px 10px 140px;
  color: black; 
  text-align: left;
}

.piedemos table {
   float: left;
   padding: 20px 20px 20px 20px;
}

.piedemos td {
   width: 95%;
    text-align: center;
}

.piedemos.left {
    text-align: left;
}

.piedemos p {
  padding: 10px 10px 2px 200px;
}