/* layout from http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-21-fixed-fixed/ */
/*

   color name    hex      RGB
   ==========================
   standard colors
   ---------------
   silver        #999999  used in background
   blue          #000066  used as header background
   gold          #CC9900  used as header foreground
   red           #CC0000

   other
   ---------------
   darkbrown     #990000
   white         #FFFFFF

   colors in guidon from Ed:
   ------------------------
   red           #ff0000
   yellow/gold   #fcfd00


*/

body {
  background-color: #000066; /* #999999; */
  margin: 0;
  padding: 0;
  line-height: 1.25em;
}

div {
  margin: 0;
  padding: 0;
  /* background-color: silver; */
}

p {
  margin: 0;
  padding: 0;
  /* font-size: 1.5em; */
}

h1, h2, h3, h4, h5, p, li, dt, dl
{
  margin: 0;
  padding: 0;
}

/* KEY COLORS ================================= */
#header {
  text-align: center;
  background-color: #CC0000; /* red  */
  color: #CC9900;            /* gold */
  margin-bottom: 0px;
}

#leftcolumn li {
  background:              #CC0000; /* red */
  margin: 0;
  padding: 2px 10px;
  border-left:   1px solid #CC0000; /* red    */
  border-top:    1px solid #CC0000; /* red    */
  border-right:  1px solid #CC0000; /* red    */
  border-bottom: 1px solid #CC0000; /* red    */
}

#contentwrapper {
  margin-top: 0;
  float: left;
  width: 100%;
  background-color: #999999; /* silver */

  /* need a right border for Marine scheme */
  /* border-right: 4px solid #CC0000; */ /* red */
  /* padding-right: -8px; */
}

#contentcolumn {
  margin-top: 0;
  /* set left margin to left column (menu) width */
  margin-left: 150px;
  background-color: #999999; /* silver */
  /* need a right border for Marine scheme */
  /* border-right: 2px solid #CC0000; */ /* red */
}

#leftcolumn {
  margin-top: 0;
  float: left;
  width: 150px; /* width of left column */
  margin-left: -900px; /* Set left margin to -(MainContainerWidth)*/

  text-align: left;
  background-color: #CC0000; /* red */
  border-right: 2px solid #999999; /* silver */
}


#leftcolumn a:link {
  color: #ffffff; /* white */
}

#leftcolumn a:visited {
  color: #CC9900; /* gold */
}

#footer {
  clear: left;
  /* width: -20px; */ /* 100% - 20px; */
  padding: 10px;

  color: #CC9900; /* gold */
  background-color: #CC0000; /* red */
}

#footer a:link {
  color: #ffffff; /* white */
}

#footer a:visited {
  color: #ffffff; /* white */
}

#wrapper {
  /* main container */
  width: 900px;
  margin: 0 auto ; /* Center container on page*/
}

#header h1
{
  margin: .25em;
}

.innertube {
  margin: 0 10px; /* Margins for inner DIV inside each column (to provide padding)*/
  padding: 10px;
}

#leftcolumn ul {
  padding:0;
  list-style-type:none;
  font: bold 12px 'Lucida Grande',Verdana,sans-serif;
}

/* tables */
table {
  font: normal 11px 'Lucida Grande',Verdana,sans-serif;
}

th, td {
  border: 1px solid #304967;
  text-align: left;
  width: 100px;
  vertical-align: top;
}

#hdr-table {
  text-align: center;
  width: 100%;
  vertical-align: top;
}

.col-L,
.col-R
{
  border: 0;
  vertical-align: center;
  text-align: center;
  width: 20%;
}

.col-C
{
  border: 0;
  vertical-align: center;
  text-align: center;
  width: 60%;
}