body {
  background-color: #000033;
  font-family: "Arial, Helvetica, sans-serif";
  font-size: medium;
  color: #CCCCCC;
}

/* 'link' and 'visited' MUST come before 'hover' and 'active' must come after 'hover' - them's the rules! */
a:link, a:visited, a:hover, a:active {
  color: white;
}

.menuitem {
  border: none;
}

/* define special conditions for 'menu' buttons in table. See rule above about order of definitions */
td.menuitem a:link,
td.menuitem a:visited {
  text-decoration: none;
  font-size: small;
  background-color: #aebbca;
  border-color: #343288;
  border-collapse: collapse;
  color: #000066;
  display: block;
  width: 100%;
}

td.menuitem a:hover {
  color: #ffcccc;
  text-decoration: none;
  background-color: #0000ff;
  display: block;
  width: 100%;
}

td.menuitem a:active {
  text-decoration: none;
}

td.menuitem {
  color: #000066;
}

table.menutable {
  width: 140px;
  background-color: #aebbca;
  color: #000066;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
  border-bottom: medium;
  border-style: solid;
  border-collapse: separate;
  border-left-color: #003399;
  border-left-width: 2px;
  border-right-width: 2px;
}

/* A lot of the old content was formatted in tables so this definition is widely used*/
td {
  color: #C0C0C0;
  font-size: small;
}

h3 {
  color: #999999;
  font-size: large;
  text-align: center;
}

h4 {
  font-size: large;
  text-decoration: underline;
  text-align: left;
}

p {
  color: #CCCCCC;
  font-size: small;
}
li {
  color: #CCCCCC;
  font-size: small;
}

/* Used to highlight the characters in the AMEGA descriptions */
.amega {
  color: red;
  text-decoration: underline;
  font-weight: bold;
}


/* Start of positioning (experimental) stuff... */

div#container {
  width: 99%;
  margin: 0px;
}

div.event {
  border-top: thin solid;
  border-bottom-color: White;
}


div#header, div#footer {
  padding: 0.5em;
  clear: left;
  text-align: center;
}

div#leftnav {
  float: left;
  width : 100px;
  color : #FFFF00;
  padding : 1em;
}

div#content {
  float: left;
  width: 650px;
  height: 450px;
  margin-left: 80px;
  padding: 1em;
  overflow: auto;
}

div#rightnav {
  float: left;
  width: 100px;
  padding-left: 2px;
}


/* Old 'Sector5 admin' formatting - */

.novice {color: #CC9900;}
.experienced {color: green;}
.marshal {color: green;}
.CSM {color: red;}
.DSM {color: blue;}
.COM {color: red;}
.SP {color: red;}
.Flag {color: white;}
.RC {color: red;}

.negativeCount {
  background: #FFFFFF;
  text-decoration: blink;
  color: black;
}
.positiveCount {
  background: #FFFFFF;
  color: black;
}

.smallName {
  font-size: x-small;
}
.inMyWW {
  color: #ffffff;
  background-color: #C0C0C0;
  text-decoration: line-through;
}
.onlyInODBCtab {
  color: #000000;
  background-color: #00FFFF;
}

