* {margin: 0;padding: 0;}
a {color: #36C;}
a:hover {color: #06F;}
body {background: #EEE url(img/bg.gif);color: #444;font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0;}
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: 14px;margin-bottom: 4px;}
/* misc */
.clearer {clear: both;}
/* structure */
.container {background: url(img/bgcontainer.gif) repeat-y;margin: 0 auto;padding-bottom: 6px;	width: 767px; min-height:550px;}
.header {background: url(img/header.gif) repeat-x;}
/* title */
.title h1 {color: #FFF;font: normal 3em Verdana,sans-serif;height: 70px;line-height: 70px;	margin-bottom: 8px;padding-left:10px;text-align: left;}
.title h1 a {color: #FFF; text-decoration:none;}
label{float: left;width: 100px;display:inline;}
br{clear: left;}
/* 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;}
/* main left */
.sidenav h3,.sidenav ul {padding-left: 12px;}
.sidenav {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;}
.sidenav h1,h3 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;}
.sidenav ul {border-top: 1px solid #FAFAFA;background: url(img/bgul.gif) repeat-x;margin: 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 {float: right;width: 520px;}
.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;}
/* form */
textarea {border: 1px solid #DDD;color: #333333;width: 98%;}
input {border: 1px solid #DDD;color: #333333;}
select {border: 1px  solid #DDD;color: #333333;vertical-align: top;width: 250px;}
button{margin:2px}
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;margin-top:30px;padding: 3px;width: 720px;}
.footer a {color: #36C;text-decoration: none;}
.footer a:hover {color: #06F;text-decoration: underline;}