/*
  The 'Cascade' in Cascading Style Sheets mean elements inherit the styles
  of parent tags (eg td is a 'child' of the body tag),
  but new style definitions will override or add to earlier ones. Also
  more specific definitions have precedence
  over more generic styles, eg "td.style1 a:link" overrides "a:link" as
  it's more specific.
  Closer styles have precedence over more distant ones, eg
  in <table class="style1"><tr><td class="style2">
  style2 has precedence, because it's closer, but the td element
  (and its 'children') may still inherit styles
  from style1 not defined in style2.

  NOTE: To switch on IE6's CSS1Compat mode (Standards mode),
  you must include a full !DOCTYPE in the document header complete
  with the URL to the Dtd.
  See http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/compatmode.asp
*/

body {
     background-color: #66CCFF ;
     }

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

div  {
    font: 12px/140% Geneva, Verdana, Helvetica, Arial, sans-serif ;
    }

td  {
    text-align: left ;
    vertical-align: top ;
    height: 48px ;
    }

#main {
	position:absolute;
        top: 60px;
        left:0px !important;
        left:0px;
        padding:0px;
        width:650px;
    	margin: 0px 0px 0px 0px;
    	margin-right: 650px;
}

#mainpage {
    float:  left ;
    width:  650px ;
    margin: 0px 0px 0px 0px ;
}

#mainpage td {
	text-align: center ;
}

#footer {
    width: 650px ;
    text-align:center;
    padding-top:30px;
    padding-bottom:20px;
}

#column {
    width: 130px;
    height: 610px;
    position: absolute;
    top:   30px;
    margin-left: 650px;
    padding: 0px;
    margin-right: 130;
}