/* CSS-RESET */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, img, q, s, small, button, strike, strong, dl, 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* MAIN */
body { background: url(images/bg.jpg) repeat-x 0px 4px; color: #333; }
#wrap { width: 1000px; overflow: hidden; margin:0 auto; }
#redline { background: #ae0f15; height: 3px; font-size: 0px; }
#logobip { position: absolute; margin: 40px 0px 0px 40px; }
#logotitle { position: absolute; margin-left: 120px; margin-top: 38px; width: 200px; }
#logobook { position: absolute; margin-left: 550px; }
#opt { margin-top: 150px; height: 35px; background: url(images/opt.jpg); }
#optlogin { margin: 8px 20px 0 0; }
#optsitemap { margin: 8px 40px 0 0; }
#bggray { background: url(images/bggray.jpg) repeat-x; }
#grayspacer { height: 22px; }
#contleft { float: left; margin: 0px 0 0 10px; width: 252px; }
#searchbox { background: url(images/searchbox.jpg); height: 76px; border-bottom: 3px solid #4f4f4f; margin-bottom: 15px; }
#searchtext { background: url(images/searchtext.jpg) no-repeat bottom left; height: 30px; margin: 0 0 0 10px; }
#searchinput { border: 1px solid #dddddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 100px; float: left; margin: 0 5px 0 5px; padding: 3px 0; overflow: hidden; }
#content { float: left; margin: 0px 0 0 10px; width: 700px; }
#contenttop { background: url(images/conttop.jpg) no-repeat; padding: 20px; height: 30px; }
#contentmain { border-bottom: 3px solid #4f4f4f; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 30px; }
#contentmain #files li, #contentmain #history li, #contentmain #search li { padding: 5px 10px; border-bottom: 1px solid #eee; line-height: 20px; }
#contentmain ol#map { padding-left: 30px; clear: both; }
#contentmain ol#map li { list-style: decimal; padding: 5px 10px; border-bottom: 1px solid #eee; line-height: 20px; }
#contentmain ol#map li ul li { list-style: none; padding-left: 30px; border: 0; }
#info-table { width: 500px; margin:50px auto; border-top: 2px solid #ae0f15; border-bottom: 2px solid gray; }
.title { font-weight: bold; }
div.w50 p { padding: 0px; margin: 0px; line-height: 18px; text-indent: 0px; }
#outloginbox { margin:0 auto; margin-top: 100px; width: 300px; }
#loginbox { background: url(images/bg.jpg) repeat-x; height: 130px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 20px; }
#footer { margin: 20px 0; border-top: 1px dotted #CCC; }
#content ul { margin-left: 20px; list-style: circle; }
#content ol { margin-left: 20px; list-style: decimal; }

/* MENU */
.nav li#active { width: 244px; background: url(images/menu-active.jpg) no-repeat; height: 34px; overflow: hidden; margin-bottom: 5px; }
.nav li#active span { width: 232px; background: url(images/menu-activer.jpg) no-repeat; float: right; height: 34px; color: white; padding-top: 8px; }
.nav li { width: 244px; background: url(images/menu.jpg) no-repeat; height: 34px; overflow: hidden; margin-bottom: 5px; }
.nav li a { width: 232px; background: url(images/menur.jpg) no-repeat; float: right; height: 34px; color: #7c7c7c; padding-top: 8px; font-style: italic; text-decoration: none; }
.nav li a:hover { color: black; }
.nav li.title { font: 14px Arial, Verdana, Helvetica, sans-serif; background: url(images/arrow.jpg) no-repeat; font-weight: normal; margin-bottom: -5px; padding: 5px 0 3px 25px; }

/* FORM */
div#butt { width: 144px; background: url(images/menu.jpg) no-repeat top left; height: 34px; margin-bottom: 5px; font-size: 14px;  }
div#butt input { width: 133px; background: url(images/menur.jpg) no-repeat top right; float: right; height: 34px; color: #7c7c7c; display: block; text-align: center; padding-right: 12px; border: 0px; }
div#butt:hover { background: url(images/menu-active.jpg) no-repeat top left; }
div#butt:hover input { background: url(images/menu-activer.jpg) no-repeat top right; color: white; }

/* TEXT */
h1 { font: 22px Arial, Verdana, Helvetica, sans-serif; color: #ae0f15; line-height: 32px; margin-bottom: 10px; font-weight: normal; border-bottom: 1px solid #333; }
h3 { font: 12px Arial, Verdana, Helvetica, sans-serif; }
p { text-align: justify; text-indent: 30px; line-height: 24px; margin: 20px 0; letter-spacing: 0.05em; }
a:active, a:link, a:visited { color: #464646; text-decoration: underline; }
a:hover { text-decoration: none; }

/* GLOBAL */
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.ml30 { margin-left: 30px; }
.space-10 { height: 10px; }
.space-30 { height: 30px; }
.w50 { width: 50%; }
.w-100 { width: 100px; }
.w-255 { width: 250px; margin: 0 3px; }
.w-280 { width: 280px; margin: 0 12px;}
.w-470 { width: 470px; }
.padd5 { padding: 5px; }
br { clear: both; }
hr { border: 0; color: #eee; background-color: #eee; height: 1px; clear: both; }
.odd { background: #F6F4FF; }