/* Optional Code */

body { color: #000; background-color: #fff; text-align: justify; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 86%; }
p  { padding: 0.5em; margin: 0; font-size: 1em; text-align:left;}
p.PageName  {  font-size: 1.5em; }
p.SiteName  {  font-size: 2.0em; font-weight: italic; letter-spacing: 0.2em;}
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.normal { font-style: normal; }

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts,
             google "min-width IE" for JS solutions there */

.wrapper { border: 1px solid black; margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup */

.wrapper {
        width: 100%;               /* total width */
}

.outer {
        border-left-width: 150px;  /* left column width */
        border-left-color: #E0ECF8   ;   /* left column color */

        border-right-width: 150px; /* right column width */
        border-right-color: #E0ECF8;  /* right column color */

        background-color: #fefefe; /* center column color */
}

.left {
        width: 125px;              /* left column width */
        margin-left: -140px;       /* _negative_ left column width  from above 200-190 = border of 10 */
}

.right {
        width: 150px;              /* right column text width */
        margin-right: -150px;      /* _negative_ right column width */
}

.wide {
        color : white ;
        background-color:  #0D4777 ;   /* header and footer colors */
   /* #000066 darker blue that looks too dark */
        /* this is an attempt to use a gif for the background instead of a solid color */
   /* background: transparent url(bluebar_bg.gif) top left ; */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

.hilight
{
   /* black text on yellow background to look like a hilighter */
        color: #000000;
        background-color: #FFFF66;
}



/* Mozilla code
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
*/
.center { margin: 0 0px 0 0px; }
.center { line-height: 1.5; }  /* make the lines for the text in the middle a little farther apart */


a.FullStory { font-size: 0.8em; }

span.MessageHeader { font-size: 1.0em; }
span.MessageTrailer { font-size: 0.8em; }
span.PostDate  { font-size: 0.8em; font-weight: bold; }
span.DirectionHeading  { font-size: 1.0em; font-weight: bold; }

/* John's Table code */


table {
border-collapse  : collapse; /* no spaces between cells */
}

tr.header {
   color: #FFFFFF;
   background-color : #6C87B0;
   border-color : #FFFFFF;
        border-left-color: #E9EDF3   ;   /* left column color */
}

tr.wideheader {
   color: #FFFFFF;
   background-color : #0D4777;
   border-color : #0D4777;
        border-left-color: #0D4777  ;   /* left column color */
        font-weight: bold;
        font-weight: italic;
   font-size: 2.0em;
}

tr.GridOdd {
        background-color : #F6F6F6;
}
tr.GridEven {
        background-color : #F0F0F0;
}
tr.GridTotal{
        background-color : #F0F0E0;
}

td {
   padding:            3px;
   border: 1px solid #6C87B0;
}

/* for Invoice Number and Invoice Date */
td#noborder {
   padding:            3px;
   border: 0px;
}

/* format table column headers */
td#header {
   border-right-color : white;
   border-bottom-color : white;
}
/* the rightmost column does not need the right border white */
td#rightheader {
   border-bottom-color : white;
}

/* format table column headers */
td#whiteborder {
   border-color : white;
}

/* format table column headers */
td.TeamName {
  font-style: strong;
}

/* right side */
ul#right {
 list-style: none ; /* remove bullets */
 margin : 5px;
 padding: 0;
 font : bold 10pt/1.5 arial, sans-serif;
 color : #fff;
 background-color : #6699CC ; /* #5C6F90 */
}


/* navigation */
ul#nav {
 list-style: none ; /* remove bullets */
 margin : 0;
 padding: 0;
}

/* remove underlining */
ul#nav li a:link, ul#nav li a:visited, ul#mainnav li a:visited {
  text-decoration: none;
  display : block ; /* make the entire width clickable */
  width : 88%    ; /* workaround for IE bug */
  padding : 6px 6% ; /* padding at above and below items */
  background-color : #6699CC; /* #5C6F90 */  /* non-hover color of the nav buttons */
  font : bold 10pt/1.5 arial, sans-serif;
  color : #fff;
}

/* add a line separator between each item */
ul#nav li {
 border-top : 1px solid #A5B5C6;
}

/* change the color on mouse rollover */
ul#nav li a:hover {
  background-color : #002F9A; /* #43616B */
  color : #eee;
  cursor: pointer;  /* change the cursor to a hand on rollover */
}