body{
 margin: 0;
 height: 100%;
 padding: 0;
 font-family:times;
 font-size: 1.0em;
 background: #677799;
 color: blue;
}

#container{
 margin: 10px;
 width: 900px;
 background: #FFFFFF;
 border:3px solid #000000;
}

#header{
 height:60px;
 width: 100%;
 border-bottom:2px solid #000000;
}

#leftcolumn{
 float:left;
 width: 180px;
 margin-left: -100%;
 background: url("gradient.jpg") repeat-x;
 background-color: #FFFFFF;
}

#contentwrapper{
 float: left;
 width: 100%;
 background: url("gradient.jpg") repeat-x;
 background-color: #FFFFFF;
}

#content{
 margin: 0px 0px 0px 180px;
 text-align:left;
}

.padding ul{
padding-top: 0px;
}

.padding{
 margin: 10px;
}

#bottom{
clear: left;
}

#footer{
 text-align:center;
 width: 100%;
 color: #000000;
 font-size: .8em;
 font-weight:bold;
}

#button{
 width: 150px;
 text-align: center;
 border: 1px solid #000000;
 font-weight:bold;
 font-style:italic;
 font-size:1.4em;
 margin-bottom: 10px;
 font-family: Arial;
}

#button ul{
 padding: 0px;
 margin: 0px;
 background: #blue;
}

#button ul li{
 list-style:none;
}

#button ul li a{
 background: #3375cc;
 display: block;
 color: #FFFFFF;
 text-decoration:none;
 border-top: 1px solid #cecece;
 border-bottom: 2px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 2px solid #4a4a4a;
 text-align: right;
 padding-right: 5px;
}

#button ul li a:hover{
 background: #2f328f;
 border-bottom: 1px solid #cecece;
 border-top: 2px solid #4a4a4a;
 border-right: 1px solid #cecece;
 border-left: 2px solid #4a4a4a;
}

html>body #button ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

#letters{
 width: 50%;
 margin-left: 25%;
}