html {
min-height:100%;
}

* {
margin:0;
padding:0;
}

a {
color:#c00;
}

a:hover {
color:#C60;
}

body {
background:#CCD8E0;
color:#444;
font:normal 62.5% Tahoma,sans-serif;
}

p,code,ul {
padding-bottom:1.2em;
}

li {
list-style:none;
}

h1 {
font:normal 1.6em Tahoma,sans-serif;
margin-bottom:4px;
}

code {
background:#FFF;
border:1px solid #EEE;
border-left:6px solid #C1CAD3;
color:#666;
display:block;
font:normal 1em Tahoma,sans-serif;
line-height:1.6em;
margin-bottom:12px;
white-space:pre;
padding:8px 10px;
}

blockquote {
background:url(img/quote.gif) no-repeat;
display:block;
font-weight:700;
padding-left:28px;
}

h1,h2,h3 {
padding-top:6px;
}

.clearer {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

.container {
background:#FFF;
font-size:1.2em;
width:780px;
margin:0 auto;
padding:0 10px 10px;
}

.top {
padding:10px 10px 0;
}

.header {
background:#FFF;
font-size:1.2em;
height:150px;
width:780px;
margin:0 auto;
padding:10px 10px 5px;
}

.header .left,.header .right {
background:#7388A5;
color:#FFF;
height:150px;
}

.header .left {
background:#B3C2C7 url(img/header.jpg) no-repeat;
font:normal 3.1em "Trebuchet MS",sans-serif;
line-height:150px;
text-align:center;
width:564px;
}

.header .right {
overflow:auto;
width:212px;
}

.header .right p,.header .right h2 {
padding:0 16px;
}

.header .right h2 {
padding-top:16px;
font:normal 1.6em "Trebuchet MS",sans-serif;
}

.navigation {
border:1px solid #DFEEF7;
height:90px;
border-color:#DFEEF7 #CFDEE7;
}

.navigation a {
background:#D9E1E5 url(img/nav.gif);
border-right:1px solid #AFBEC7;
color:#456;
display:block;
float:left;
font:bold 1.1em sans-serif;
line-height:41px;
text-decoration:none;
padding:0 20px;
}

.navigation a:hover {
background-position:left bottom;
color:#234;
}

.main {
border-top:4px solid #FFF;
background:url(img/bgmain.gif) repeat-y;
}

.sidenav {
float:right;
width:210px;
}

.sidenav h2 {
color:red;
font-size:1em;
line-height:30px;
margin:0;
}

.sidenav ul {
border-top:1px solid #599CD3;
padding:0;
}

.sidenav li {
border-bottom:1px solid #EAEADA;
}

.sidenav li a {
font-size:.9em;
color:#000;
display:block;
text-decoration:underline;
font-weight:700;
padding:4px 0 4px 2.79%;
}

.sidenav li a:hover {
background:#F0F0EB;
font-weight:700;
color:#06C;
}

.content {
float:left;
width:531px;
margin:10px 0;
padding:0 16px;
}

.content .descr {
color:#664;
font-size:.9em;
margin-bottom:6px;
}

.content li {
list-style:url(img/li.gif);
margin-left:18px;
}

.content p {
font-family:"Lucida Sans Unicode",sans-serif;
}

.footer {
background:url(img/bgfooter.gif) repeat-x;
color:#FFF;
font:sans-serif;
line-height:39px;
font-size:.9em;
text-align:center;
}

.footer a,.footer a:hover {
color:#FFF;
}