html { min-height: 100%; }
* { margin: 0; padding: 0; }
a { color: #963; }
a:hover { color: #C60; }
body { background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom; color: #444; font: normal 65.5% Tahoma, sans-serif; }
p, code, ul { padding-bottom: 1.3em; }
li { list-style: none; }
h1 { font: normal 1.8em Tahoma, sans-serif; margin-bottom: 12px; }
h2 { font: 1.5em Tahoma, sans-serif; margin-bottom: 12px; }

#bot_desc { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #C1CAD3; color: #666; font: normal 1em Tahoma, sans-serif; line-height: 1.4em; margin-bottom: 10px; padding: 8px 10px; width: 480px;  }

blockquote { background: url(img/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; }
h1, h2, h3 { padding-top: 6px; }
/* misc */
.clearer { clear: both; }
.left { float: left; }
/* structure */
.container { background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 0 10px 10px; width: 780px; }
/* header */
.top { background: url(img/clouds.gif) repeat-x; padding: 35px 10px 0; }
/* title */
.header { background: #FFF; font-size: 1.2em; height: 150px; margin: 0 auto; padding: 10px 10px 5px; width: 780px; }
.header .left { background: #A4A4A0; color: #FFF; height: 150px; }
.header .left { background: #B3C2C7 url(img/header.jpg) no-repeat; font: normal 2.8em "Trebuchet MS", sans-serif; text-align: center; width: 780px; }
.header .left  span{ font: normal 14px "Trebuchet MS", sans-serif; }
/* main */
.main { border-top: 4px solid #FFF; background: url(img/bgmain.gif) repeat-y; }
/* sub navigation */
.sidenav { float: right; width: 240px; }
.sidenav h2 { color: #5A5A43; font-size: 1.3em; line-height: 30px; margin: 0; padding-left: 15px; font-weight:bold }
.sidenav ul { padding: 0; border-top: 1px solid #EAEADA; }
.sidenav li { border-bottom: 1px solid #EAEADA; }
.sidenav li a { font-size: 1.1em; color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; }
.sidenav li a:hover { background: #F0F0EB; color: #654; }
/* content */
.content { float: left; margin: 10px 0; padding: 0 16px; width: 500px; }
.content li { list-style: url(img/li.gif); margin-left: 18px; }
.content p { font-family: "Lucida Sans Unicode", sans-serif; }
/* footer */
.footer { background: url(img/bgfooter.gif) repeat-x; color: #FFF; font: bold 1em sans-serif; line-height: 39px; margin-bottom:20px; text-align: center; }
.footer a, .footer a:hover { color: #FFF; }
.red { color:#FF3300; }