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

   color name    hex      RGB
   ==========================
   standard colors
   ---------------
   silver        #C0C0C0  192, 192, 192  used in background
   blue          #0000FF    0,   0, 255  used as header background
   lightblue     #ADD8E6
   dodgerblue    #1E90FF
   white         #FFFFFF    used as header foreground

   CSX colors
   ---------------
   CSX Blue      #304967   48,  73, 103  used as header background
   CSX Yellow    #FCD727  252, 215,  39  used as header foreground

   other
   ---------------
   darkbrown     #990000

*/

body {
  background-color: silver;
  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: #304967;
  color: #FCD727;
  margin-bottom: 0px;
}

#leftcolumn li {
  background:              #DDDDDD; /* RGB: 221, 221, 221 */
  margin: 0;
  padding: 2px 10px;
  border-left:   1px solid #FFFFFF; /* 'white' RGB: 255, 255, 255 */
  border-top:    1px solid #FFFFFF; /* 'white' RGB: 255, 255, 255*/
  border-right:  1px solid #666666; /* RGB: 102, 102, 102 */
  border-bottom: 1px solid #AAAAAA; /* RGB: 170, 170, 170 */
}

#contentwrapper {
  margin-top: 0;
  float: left;
  width: 100%;
  background-color: lightblue;
}

#contentcolumn {
  margin-top: 0;
  /* set left margin to left column (menu) width */
  margin-left: 150px;
  background-color: lightblue;
}

#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: lightblue;
  border-right: 2px solid #304967; /* dodgerblue; */
}

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

  color: #FCD727;
  background-color: #304967; /* dodgerblue; */
}

#footer a:link {
  color: #ffffff;
}

#footer a:visited {
  color: #ffffff;
}

#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;
}
