html, body { margin:0; padding:0; color:#000; font-family:Arial, sans-serif; font-size:62.5%; overflow-x:hidden }
body { background-color:#242021; text-align:center; font-size:1.3em; line-height:1.3em }
form { margin:0; padding:0 }
h1 { clear:both; margin:2px 0 10px 0; padding:0; font-size:1.4em; font-weight:bold; font-style:italic; color:#003a63 }
a { color:#003A63; text-decoration:none }
a:hover { text-decoration:underline; color:#8d2929 }
img { border:0; }
p { margin-top:0 }
ul { list-style-image:url(../images/bullet.gif); }

#header {  margin:0 auto; width:1035px; height:220px; background:url(../images/header.png) top center no-repeat; text-align:left }

/* top navigation */
#nav { float:left; position:relative; z-index:10; left:3.5em; top:4px;  }
#nav,
#nav ul { padding:0; margin:0; list-style: none; text-align:center; }
#nav a { display:block; }
#nav a.active { font-weight:bold }
#nav li a { font:italic 0.9em Georgia, Times, sans-serif; color:#003a63 }
#nav ul li a { padding:3px; border-bottom:1px solid #ccc; font:normal 0.85em arial;  }
#nav ul li a:hover { background:#efefef; }
#nav ul li { width:125px }
#nav li { float:left; width:118px; position:relative; z-index:11; }
#nav li ul { position:absolute; background:#fff; line-height:1em; border:1px solid #777; width:125px; left:-999em; }
#nav li:hover ul, 
#nav li.sfhover ul { left: 0; }

#logo { height:108px; position:relative; left:50px; left:75px; line-height:normal; }
#logo #me { float:left; }
#logo h1 { clear:none; margin:0; float:left; position:relative; top:20px; text-align:center; color:#fff; font:bold 40px Georgia, Times, serif; text-shadow: #000 0 1px 1px; filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1); }
#logo h1 span { display:block; font-size:18px; font-style:italic; font-weight:normal;  }
#kinlin { float:right; position:relative; top:0px; right:122px }

#splash { background:url(../images/header01.jpg) center no-repeat; margin:0 auto; width:937px; height:151px; z-index:1; margin-bottom:0px; margin-top: 30px; }
#container { position:relative; margin-top:-115px; }
#body { text-align:left; width:936px; margin:0 auto; z-index:3; }
#body h1 span { color:#000; font-style:normal }
#content { width:525px; float:left; margin-left:5px; background:#fff; }
#content.wide { width:723px; margin-left:1px }

/* sidebars */
#sidebar { width:200px; float:right; color:#fff; }
#sidebar .block { clear:both; background:url(../images/sidebar.png) top right no-repeat; margin-bottom:3em; }
#sidebar .block.last { margin-bottom:0; }
#sidebar .block h3 { margin:0 0 8px 0; padding:7px 7px 0 0; font-size:1em; font-style:italic; text-align:right }
#sidebar .block p { color:#e4eaef; margin-bottom:5px }
#sidebar .block form { text-align:center; }
#sidebar .block select { width:195px; margin-bottom:2px }

/* quick search */
#quicksearch { margin:0; padding:0; list-style:none; width:97%; line-height:normal }
#quicksearch li { height:28px /* fixes an IE6 spacing bug */ } 
#quicksearch li a { display:block; background:#d7e0e6; text-align:center; padding:4px 0; border:1px solid #fff; }
#quicksearch li a:hover { color:#000; background:#fff }
#quicksearch li.spacer { height:10px }

/* footer */
#footer { clear:both; background:url(../images/footer.jpg); width:987px; height:189px; margin:0 auto; padding:10px 0; text-align:center }
#footer #footer-body { position:relative; top:4em }
#footer p { margin-bottom:3px; }