#bodyid{
background:#fafaff;
padding:0;
margin:10;
text-align:center;
}
#page{
background:#fff url('img/bg.png') repeat-y left top;
width:750px;
margin:0 auto;
}
#page2{
border:1px solid #777;
background:#fff;
width:750px;
font-size:15px;
color:#444;
text-align:center;
margin:0 auto;
}
#banner{
background:#001545 url('img/tytle-bar.jpg') no-repeat left top;
height:92px;
letter-spacing:2px;
text-align:left;
}
#banner h1{
font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
}
#tytle{
background:#999 url('img/topics-bar.jpg') no-repeat left top;
height:60px;
letter-spacing:2px;
text-align:left;
}
#tytle2{
background:#fff url('img/essay-bar.jpg') no-repeat left top;
height:40px;
letter-spacing:2px;
text-align:left;
}
#menu{
background:#001545;
border-bottom:1px solid #999;
width:100%;
}
#menu td{
height:25px;
font-size:15px;
width:20%;
letter-spacing:1px;
text-align:center;
}
#menu a{
color:#fff;
font-weight:bold;
width:100%;
text-decoration:none;
}
#menu a:hover{
color:#97a6d0;
}
#left{
width:148px;
float:left;
text-align:left;
padding:0 0 10px 0;
}
#left a{
color:#00497c;
}
#left a:hover{
color:#4455b6;
}
#left h2{
border:1px solid #999;
background:#fff url('img/menu_03.png') no-repeat left top;
font-size:15px;
margin:10px 0 5px 10px;
padding:3px 10px;
}
#left p{
margin:0 0 2px 10px;
padding:0 10px 7px 10px ;
font-size:1em;
color:#444;
}
#right{
width:588px;
float:right;
padding:0 0 10px 0;
text-align:left;
}
#right a{
color:#00497c;
}
#right a:hover{
color:#4455b6;
}
#right h2{
border-width:1px;
border-style:solid;
color:#001545;
background:#fff url('img/menu-new.png') no-repeat left top;
height:50px;
font-size:18px;
margin:10px 10px 10px 0;
padding:5px 10px 30px;
}
#right p{
margin:0 10px 2px 0;
padding:0 10px 7px 10px;
font-size:15px;
line-height:120%;
}
#pagetop{
padding:10px 12px 0 0;
font-size:12px;
text-align:right;
}
#copy{
clear:both;
background:#001545 url('img/banbg.png') no-repeat left top;
border-top:1px solid #666;
color:#fff;
font-size:12px;
padding:2px 0 3px 0;
text-align:center;
}