body{
 margin: 0;
 padding: 0;
 font-family:times;
 font-size: 14px;
 color: #000000;
 background: #677799;
}

h1 {
 font-size: 24px;
}

h2 {
 font-size: 20px;
}

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

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

#header{
 padding: 10px;
 text-align: center;
 font-family: times;
 font-size: 50px;
 font-weight: bold;
 font-style: italic;
 height: 60px;
 width: 880px;
 border-bottom: 2px solid #000000;
}

#menu{
 float:left;
 width: 153px;
 margin-left: -100%;
 text-align:right;
}

#contentwrapper{
 float: left;
 width: 100%;
}

#content{
 border-left: 1px solid #000000;
 margin: 0px 0px 20px 153px;
 text-align:left;
}

.padding{
 margin: 10px;
}

#bottom{
clear: left;
}

#footer{
 clear: left;
 text-align:center;
 width: 850px;
 color: #000000;
 font-size: 11px;
 font-weight:bold;
}

#button{
 width: 130px;
 text-align: center;
 border: 1px solid #000000;
 font-weight:bold;
 font-style:italic;
 font-size: 20px;
 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: black;
 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;