body {
 color: #000;
 background: #fff;
 margin: 0;
 padding: 10px;
}


#outer {
 width: 960px;
 margin: 0 auto;
 background: #eee
}

#top {
 padding-bottom: 1px; margin-bottom: -1px /* force #inner margin-top to take effect in Firefox/WebKit */
}

#inner {
 margin: 0 8px 8px 0; /* margin: 0 3px 3px 0; for drop shadow effect */
 border: 1px solid #009;
 background: #FFFFCC
}


#header { background: #eee }

#header h1 { margin: 0}


#navigation {
 background: #eef;
 width: 100%;
 overflow: hidden;
 border-width: 1px 0 1px 0;
 border-style: solid;
 border-color: #009
}

#navigation ul {
 margin: 0 3px 3px 0;
 padding: 3px;
 list-style-type: none;
 float: right
}

#navigation ul li { float: left ;
 padding: 3px;
}

#navigation ul li a:link, {
color: #000000;
 padding: 3 px;
}
#navigation ul li a:visited {
 color: #000000;
 float: left;
 padding: 3 px;
}

#navigation ul li a:hover {
 background: #000;
 color: #FFFFCC
  padding: 3px;
}

#navigation ul li a:active {
 color: #000000;
  padding: 3px;
 }


#content { padding: 3px }


#content ul li { float: left }

#content ul li a:link, {
color: #000000;
}
#content ul li  a:visited {
 display: block;
 color: #000000;
 float: left;
 padding: 3px;
}

#content ul li a:hover {
 background: #000;
 color: #FFFFCC;
}

#content ul li a:active {
 color: #000000;
 }
#content ul li a:link {
 color: #000000;
 }
#content ul li a:visited {
 color: #000000;
 }
#content ul li a:hover {
 background: #aaa;
 color: #ffe
}

#footer {
 padding: 6px;
 border-top: 1px solid #009
}

#bottom {
 padding-top: 1px; margin-top: -1px /* force #inner margin-bottom to take effect in Firefox/WebKit */
}