#container { 760px;
margin: auto;
border-left: #969696 solid 1px;
border-right: #969696 solid 1px;
}
#header { 760px; height:140px;
background-color:#FF0000;
}
#middle { background-color:#00FF00;
}
#left-column { 150px;
background-color:#0000FF;
float:left;
}
#content { 580px; background-color:#FF00FF;
float:right;padding-top:10px; margin-right:525px;
}
#content h1{ font-size:14px; border-bottom:#FF6347 1px solid;
}
#content h2 { font-size:13px;
}
#content p,li,th,td { font-size:12px;
}
#content table { border-left:1px black solid;
border-top:1px black solid;
}
#content th { background:#FFD700;
}
#content th,td { border-bottom:1px black solid;
border-right:1px black solid;
}
#footer { 760px; height:50px;
background-color:#FFFF00; clear:both;
border-bottom:#C8C8C8 solid 1px;
border-top:#C8C8C8 solid 1px;
margin:10px 0px 0px 0px;
padding:5px 0px 5px 0px;
text-align:center;
}
#footer p { font-size:12px;
}
body { margin: 0;
padding: 0;
font-family: Verdana,Tahoma, Arial, 宋体；
}
#top-nav { 760px;
background: green no-repeat;
}
#top-nav ul { list-style: none;
#top-nav li { float:left;
75px;
}
#top-nav li a { display:block;
margin: 0;
padding: 5px 5px 0px 5px;
text-decoration:none;
}
#main-nav { background:#9ACD32;
border-bottom: #4588B0 solid 0px;
float:left;
height: 20px;
margin:0px;
padding:0px;
760px;
}
#main-nav ul { list-style:none;
margin:0px;
padding:0px;
}
#main-nav li { float:left;
75px;}
#main-nav li a { border-right:#FFFFFF solid 1px;
color:#FFFFFF;
display:block;
margin:0px;
padding:0px 10px 0px 10px;
text-decoration:none;}
#main-nav a:hover,#main-nav a.selected{ border-right:#FFFFFF solid 1px;
color:#00FFFF;
margin:0px;
padding:0px 10px 0px 10px;
text-decoration:none;
text-align:center;
}
.left-column-box { margin: 10px 1px 8px 0px;
padding: 4px 4px 4px 4px;
border: solid 1px rgb(200,200,200);
}
.left-column-box p{ font-size:12px;
}
.left-column-title { display:block;
margin:0px 0px 5px 0px;
padding:2px 0px 2px 2px;
background-color:rgb(187,211,247);
font-size:11px;
}