@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color: #fdf7e1; }
html { padding:0; margin:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
hr { width:50%; }
.rvrs { background-color:black; color:white; }
.lft { float: left; }
.rght { float: right; }
.clr { clear: both; line-height: 0; display: hidden; }
.brdr { border-right:2px solid #333333; border-bottom:2px solid #333333; border-left:1px solid #dddddd; border-top:1px solid #dddddd; }
/* main */
/********** header **********/
#header { width:1024px; margin:0 auto; padding:0; }
#headlt { width: 511px; margin: 0 auto; float: left; }
#headlt h1 { text-align: center; }
#headrt { width: 511px; margin: 0 auto; float: right; padding-top: 70px; }
#headrt h1 { font-size: 36px; line-height: 42px; text-align: center; }
/********** menu *************/
.menu { width: 100%; margin: 0 0 15px 0; text-align: center; padding-top: 10px; font-weight: bold; }
.menu ul { list-style-type: none; line-height: 18px; }
.menu a { display: block; float: left; font-size: 12px; text-transform: uppercase; }
.menu a:link, .menu a:visited { display: inline; float: none; text-decoration: none; color: white; padding: 10px 10px 12px 10px; background: black; }
.menu a:hover, .menu li.there { color: black; background: #fdf7e1; }
.menu .there ul li a:hover, .menu .there ul li a:active { color: #fdf7e1; background: black; }
.menu ul li { position: relative; display: inline; margin: 0 0 0 0; }
/********** main *************/
#main { width: 1024px; margin: 0 auto; text-align: center; }
/*************footer**********/
.footer { width: 1024px; margin: 10px auto; text-align: center; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color: black; text-align: center; }
.footer .ul { list-style-type: none; width: 100%; margin: 10px auto; }
.footer ul li { display: inline; }
.footer ul li a { color: black; }
.footer ul li a:hover, .footer ul li.there { background-color: black; color: #fdf7e1; text-decoration: none; }