html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; cursor: default; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
input { font-family: sans-serif; }
/* remove button padding in Firefox */
input::-moz-focus-inner { border: 0; padding: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: underline; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }


html { font-size:100.01%; }
body { font: 12px arial, sans-serif; line-height: 20px; }

.inner { width: 728px; margin: auto; }

.top { background: black; padding: 2px 0; }
.top .inner { width: 100%; text-align: center; }
.top a { color: white !important; margin: 0 18px 0 0; }

.main {}

.header { padding: 10px 0; }

.menu { width: 180px; float: left; }
.menu .title { font-weight: bold; color: white; background: black; padding: 3px 9px; }
.menu .box { background: whitesmoke; margin: 0 0 10px 0; padding: 10px; }
.menu img { display: block; margin: auto; }
.menu ul { list-style-type: none; list-style-position: outside; }
.menu li { display: block; background: whitesmoke url(images/arrow-right.gif) 9px 6px no-repeat; border-bottom: 2px solid white; padding: 3px 0 0 0; }
.menu li a { color: black; padding: 0 3px 0 28px; display: block; }
.menu li a.active { color: red; }
.menu li li { background: papayawhip; border-top: 1px solid wheat; border-bottom: 0; padding-left: 9px; }

.search {}
.search input[type=text] { width: 120px; float: left; }
.search input[type=submit] { width: 30px; cursor: pointer; float: right; }

.content { position: relative; width: 538px; float: right; }
.content h1 { font-weight: bold; color: white; background: #D30D0A; margin: 0 0 10px 0; padding: 3px 9px; }
.content .title { font-weight: bold; color: white; background: gray; margin: 0 0 10px 0; padding: 3px 9px; }

.content .desc { margin: 0 0 10px 0; padding: 0 0 10px 0; }
.content .desc img { margin: 0 0 10px 10px; }

.content ul, .content ol { list-style-position: inside; margin: 10px 0; }
.content ul { list-style-type: square; }
.content ol { list-style-type: decimal; }
.content li { margin: 0 0 0 15px; }
.content p { margin: 5px 0; }

.content form {}
.content th { text-align: right; vertical-align: middle; padding: 3px 9px; }
.content td { text-align: left; vertical-align: middle; padding: 3px 9px; }

.articles {}
.articles .item { width: 50%; margin: 0 0 10px 0; float: left; }
.articles .text { padding: 10px 10px 10px 0; }
.articles .text-odd { padding: 10px 0 10px 10px; }
.articles h2 { font-weight: bold; font-size: 15px; }

.banner { padding: 10px 0; }
.banner img { display: block; margin: auto; }

.links-item { margin: 10px 0 20px 0; font-family: verdana, sans-serif; font-size: 12px; line-height: 13px; }
.links-item h3 a { font-size: 105%; color: #0067D6; }
.links-item span { color: #404040; font-size: 10px; }
.links-item a.little { color: #0067D6; font-size: 9px; }

.html-code { margin: auto; padding: 10px 0; }

.footer { background: #E6F2FF; margin: 10px 0 30px 0; padding: 3px 9px; clear: both; }

a:link    { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { color: black; text-decoration: underline; }
a:active  { color: black; text-decoration: none; }

p { text-align: justify; }

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