* {
margin: 0;
padding: 0;
}
a {
color: #c0c0c0;
}
a:hover {
color: #a0a0a0;
}
body {
background: #ffffff fixed;
color: #202020;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
padding: 0px;
}
input {
color: #c0c0c0;
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;
}

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


.clearer {
clear: both;
}


.container {
background: #111111;
margin: 0 auto;
padding-bottom: 0px;
width: 1015px;
border-bottom: 1px solid #DDD;
}
.header {
background: #000000;
margin-bottom: 1px;
}
.main {
clear: both;
padding: 0px 18px;
}

.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
background: #808080;
float: left;
}
.sidenav h1 {
color: #FFFFFF;
font-size: 1.4em;
height: 15px;
margin-top: 0.1em;
}
.sidenav ul {
border-top: 1px solid #909090;
background: #097193;
margin: 0;
padding: 0;
}
.sidenav li {
border: 1px solid #909090;
background: url(img/nav_li.gif) no-repeat;
border-top: none;
list-style: none;
margin: 0;
}



#nav, #nav ul { 
padding: 0;
margin: 0;
list-style: none;
float : left;
width: 190px;


}


#nav li { 
position : relative;
float:right;
line-height : 0.75em;
background:#808080 url(img/nav_li_hover.gif) no-repeat;
width: 188px;


}

#nav li ul { 
position : absolute;
left: -999em;
margin-left : 180px;
margin-top : -2.2em;
text-decoration : none;
font-size: 1em;
}

#nav li ul ul { 
left: -999em;
}

#nav li a {
width: 180px;
w\idth : 180px;
color: #FFFFFF;
text-decoration : none;
font-size: 0.9em;
padding: 8px 0px 8px 12px;
display: block;
}

#nav li a:hover {
color: #FFF;
background: #c0c0c0 url(img/nav_li_hover.gif) no-repeat;
width: 176px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
left: auto;
display : block;
}

.w3c {
width: 190px;
border: 0;  
margin-top: 3em;
}


.content {
float: right;
width: 780px;
}
.content .item {
padding: 6px 12px;
border: 1px solid #EEE;
background: #808080;
margin-bottom: 8px;
}

.content .text {
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 {
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 {
background: #808080;
border: 1px solid #EEE;
color: #fff;
font-size: 1.1em;
margin: 0 auto;
text-align: center;
width: 980px;
padding-bottom: 8px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
color: #fff;
text-decoration: underline;
}
.footer .left, .footer .right {padding: 6px 12px;}


.left {float: left;}
.right {float: right;}