/* general */
body { background: url('/images/bg.jpg'); text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
a:link, a:visited { color: #826c21; text-decoration: none; -moz-outline: none; }
a:hover { text-decoration:underline; }
img { border:0; }

/* typo */
h1 { color: #5b5748; font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 6px 0; padding: 4px 0px 6px 0px; }
h2 { color: #5b5748; font-size: 18px; line-height: 24px; font-weight: 700; margin: 0 0 6px 0;  padding: 4px 0px 6px 0px; }
h3 { color: #5b5748; font-size: 14px; line-height: 22px; font-weight: 700; margin: 0 0 6px 0;  padding: 4px 0px 6px 0px; }
h4 { color: #5b5748; font-size: 12px; line-height: 18px; font-weight: 700; margin: 0 0 6px 0;  padding: 4px 0px 6px 0px; }

/* cl */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* grid */
#wrapper { margin: 0 auto; text-align:left; width: 814px; position:relative; }

/* commented backslash hack \*/ 
html, body {height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

#wallpaper{min-height:100%;height:auto;background: url('/images/paper-content.png') center repeat-y;overflow:hidden;}
* html #wallpaper { height:100%; overflow:visible!important; }/* ie6 and under*/

/* header */
#header-content { width: 814px; position:relative; height:100px; }
#header-content #logo { position:absolute; top:20px; left:40px; z-index:1; }

/* header: navigation */
#header-content #navi-box { width: 600px; position:absolute; top:10px; right:20px; }

#meta-navi { float:right; display:inline; }
#meta-navi ul  { margin:0; padding:0; width:auto; float:right; display:inline; list-style:none; }
#meta-navi ul li { float:left; display:inline; margin: 0 0 0 12px; }

#main-navi { clear:both; width:600px; float:right; display:inline; height: 47px; margin: 20px 0 0; text-align:right; }
#main-navi-content {height: 47px; float:right; display:inline; }

#main-navi ul  { margin:0; padding:0; height: 47px; float:right; display:inline; list-style:none; }
#main-navi ul li { float:left; display:inline; }
#main-navi ul li.left-seperator { display:block; width:12px; height:47px; font-size:1px; float:left; display:inline; background: url('/images/nav-left.png') no-repeat; }
#main-navi ul li.right-seperator { display:block; width:22px; height:47px; float:left; display:inline; background: url('/images/nav-right.png') no-repeat; }
#main-navi ul li a { display:block; float:left; display:inline; color: #fff; height: 32px; width:auto; padding: 15px 6px 0px 6px; background: url('/images/nav-item.jpg'); }
#main-navi ul li.active  a { background: url('/images/nav-item-active.jpg') !important; }
#main-navi ul li a:hover { text-decoration:none; background: url('/images/nav-item-hover.jpg'); }

/* content rows */
#detail-content { width: 774px; padding: 20px 20px 0 20px; float:left; display:inline; }
#detail-content .left-col  { width: 238px; float:left; display:inline; }
#detail-content .right-col  { width: 516px; float:right; display:inline; }

#detail-content .left-col ul { padding:0; margin: 50px 0 0; width: 238px; list-style:none; }
#detail-content .left-col ul li { width: 238px;  }
#detail-content .left-col ul li a { display:block; width: 238px; font-weight:700; float:left; margin:0; padding: 5px; }
#detail-content .left-col ul li a:hover { text-decoration:none; background: #a6e986;  }
#detail-content .left-col ul li.active a { background: #fcbd4e; }
#detail-content .left-col ul li.active a:hover { text-decoration:none; background: #fcbd4e; }

/* content */
#content { font-size: 12px; line-height: 18px; }
#content p { font-size: 12px; line-height: 18px; margin: 0 0 12px 0; }