* { margin: 0; padding: 0;}
a { color: #00966e;}
a:hover { color: #D62612;}
body { background: url(img/bg.png) repeat-y 50% 0%; color: #444; font: normal 62.5% "Lucida Sans Unicode",sans-serif;}
input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif;}
p,cite,code,ul { font-size: 1.2em; padding-bottom: 1.2em;}
h1 { font-size: 1.4em; margin-bottom: 4px;}
code { background: url(img/bgcode.gif); border: 1px solid #F0F0F0; border-left: 6px solid #39F; color: #555; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre;}
cite { background: url(img/quote.gif) no-repeat; color: #666; display: block; font: normal 1.3em "Lucida Sans Unicode",serif; padding-left: 28px;}
h1,h2,h3 { color: #00966e; padding-top: 6px;}

/* misc */
.clear { clear: both; height:0px; visibility:visible;}
.left {float:left;}
.right {float:right;}

/* structure */
.container { margin: 0 auto; padding-bottom: 6px; width: 1000px;}
.header { background: url(img/header_bg.png) repeat-x bottom;}

/* title */
.title {background:url(img/4x12.png) repeat-x top left;}
.title h1 { color: #FFF; font: normal 3em Verdana,sans-serif; height: 150px; line-height: 150px; margin-bottom: 8px; text-align: center;}
.title h1 a{color:#FFFFFF;}
.title h1 a:hover {color:#d62612;}

/* navigation */
.navigation { margin-bottom: 4px;}
.navigation a { background-color: #4A91C3; color: #FFF; float: left; font: bold 1.2em "Trebuchet MS",sans-serif; padding: 8px 0; width: 19%; border-right: 1px solid #FFF; text-align: center; text-decoration: none;}
.navigation a:hover { background-color: #000; color: #FFF;}

/* main */
.main { clear: both; padding: 8px 18px;}

/* page */
#page {display:inline;}

/* main left */
.sidenav { background: #EEE; border: 1px solid #E5E5E5; width: 200px;}
.sidenav h1,.sidenav ul { padding-left: 12px;}
.sidenav h1 { color: #666; font-size: 1.2em; height: 20px; margin: 1.2em auto 0.1em;}
.sidenav h2 { color: #666; font-size: 1.2em; margin: 1.2em auto 0.1em; padding:0 0 12px 12px;}
.sidenav ul { border-top: 1px solid #FAFAFA; background: url(img/bgul.gif) repeat-x; margin: 1px 0 0 0; padding: 0;}
.sidenav li { border: 1px solid #FAFAFA; border-top: none; list-style: none; margin: 0;}
.sidenav li a { color: #777; display: block; font-size: 0.9em; padding: 3px 6px 3px 14px; text-decoration: none;}
.sidenav li a:hover { color: #111;}

/* content */
.content {width: /*544px*/744px; padding:0 8px;}
.content .item { padding: 6px 12px; border: 1px solid #EEE; background: #FFF; margin-bottom: 8px;}
.content .descr { color: #333; margin-bottom: 6px;}
.content li { list-style: url(img/li.gif); margin-left: 18px;}

/* search form */
form { padding: 0 0 6px 8px;}
.styled { border: 1px solid #DDD; padding: 4px;}
.button { background: url(img/search.gif) no-repeat left bottom; border: none; height: 27px; width: 27px;}

/* footer */
.footer { background: #FFF; border: 1px solid #EEE; color: #666; font-size: 1.1em; margin: 0 auto; text-align: center; padding: 6px; width: 954px;}
.footer a { text-decoration: none;}
.footer a:hover { text-decoration: underline;}