body { margin:0; padding:0; text-align:center; font:normal 15px/19px Georgia, Times New Roman, Times, serif; color:#999; background:#403D37 url(../images/dots_vertical.gif) center top repeat-y; }

div, table, img { margin:0; padding:0; border:0; }
p, ul { padding:0 0 18px 0; margin:0; }
form { margin:0; padding:0 0 10px; }
table { border-collapse:collapse; border-spacing:0; border:0; }

.clear { clear:both; display:block; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }

h1 { font:normal 15px/19px Georgia, Times New Roman, Times, serif; color:#FFF; margin:0 0 16px 0; padding:0; }

a { text-decoration:none; color:#999; }
a:hover, a.active { text-decoration:none; color:#FFF; }
div#content a, .presHigh a, .presWide a { text-decoration:underline; }
a.imgSpace { padding-top:18px; }

strong { font-weight:bold; }
em { font-style:normal; background:#FFF; padding:0 2px; }
.dark { color:#655B60; background:transparent; padding:0; }

#main { position:relative; margin:55px auto 0; text-align:left; width:905px; }
#logo { position:absolute; top:0; left:0; }
#leftC { position:absolute; top:0; left:450px; width:439px; float:left;  padding:0 0 0 10px; }

ul { list-style:none; }

/* NAVIGATION */

div#nav { position:absolute; top:128px; left:0; width:460px; float:left; }
div#nav ul { list-style:none; margin:0; padding:0; width:70px; }
div#nav li { padding:0 0 3px 0; margin:0; }
div#nav li a { display:block; } 
div#nav ul.level2 { position:absolute; top:1px; left:70px; font-size:18px; line-height:21px; width:72px; }
div#nav ul.level3 { position:absolute; top:0; left:142px; font-size:20px; line-height:24px; width:160px; }
div#nav ul.level4 { position:absolute; top:0; left:302px; font-size:15px; line-height:19px; width:100px; }
div#nav ul.articleList { width:332px !important; }

div#content { position:absolute; top:128px; }
div#logStatus { position:absolute; top:0; right:0; }
h1#header { position:absolute; top:-4px; left:10px; margin-top:0; }
h1#header .dark {margin-right:15px; }

div#thumbs { margin:0 0 40px -5px; }
div.thumb { height:111px; width:94px; float:left; padding:3px 7px 0 6px; background:transparent url(../images/dots_vertical.gif) right top repeat-y; }
div#tags { position:absolute; top:-2px; left:142px; background:#403D37; z-index:10; font-size:20px; line-height:28px; }
div#tags.wide { width:720px; }
.arrow { font-size:24px; }
.dist { margin-right:12px; }

/* FORMULAR */

div#loginbox { position:absolute; top:24px; left:10px; width:408px; background:#00CC00; z-index:10; font-size:18px; line-height:24px; padding:18px 15px 15px; visibility:hidden; }
div#loginRequest { position:absolute; top:24px; left:10px; width:408px; height:227px; background:#00CC00; z-index:10; font-size:18px; line-height:24px; padding:18px 15px 15px; visibility:hidden; }
div#loginThankYou { position:absolute; top:24px; left:10px; width:408px; height:227px; background:#00CC00 url(../images/bg_form.gif) left bottom no-repeat; z-index:10; font-size:18px; line-height:24px; padding:18px 15px 15px; visibility:hidden; }
div.error { background:#FF0066 !important;}

div.login form { margin:0; padding:0; }
div.login h2 { font-size:18px; line-height:24px; font-weight:normal; color:#63595E; padding:0 0 18px; margin:0; }
div.login a { color:#63595E; }
div.login p { padding:0 0 9px; margin:0; text-align:top; color:#63595E; }
div.login form.login p.pos1 { float:left; width:52px; padding-top:0; }
div.login form.login p.pos2 { float:left; width:276px; }
div.login form.login p.pos3 { float:left; width:75px; padding-top:0; }
div.login input { color:#403D37; padding:6px 4px 3px 4px; margin:0 8px 2px; width:250px; height:19px; border:0; }
div.login input.request { width:304px; margin-right:0; }
div.login p.request { padding-bottom:0; margin:0; height:30px; }
div.login p.request label { padding-right:10px; padding-top:2px; width:78px; float:left; }
div.login p.small { font-size:15px; line-height:19px; margin-top:0; }
p.btn { position:absolute; right:15px; bottom:10px; vertical-align:bottom; clear:both; padding-top:2px; }


/* PRESENTATION */

body.presWide { background:#403D37 url(../images/bg_pres_w.gif) center top repeat-y; }
body.presWide div#main { width:705px; padding:0 0 0 8px; margin-top:30px; }
body.presWide h1 { padding-top:20px; }

div#navbar { position:absolute; top:300px; left:0; width:100%; height:37px; background:#FFF; text-align:center; z-index:10; padding-top:15px; position:fixed; }
div#navbar a { text-decoration:none; color:#63595E; padding-right:10px; }
div#navbarBtn { position:absolute; top:300px; left:0; width:100%; height:37px; background:transparent url(../images/spacer.gif) right top repeat-y; text-align:center; z-index:9; padding-top:15px; position:fixed; }
div#navbarBtnTop { position:absolute; top:200px; left:0; width:100%; height:100px; background:transparent url(../images/spacer.gif) right top repeat-y; z-index:9; position:fixed; }
div#navbarBtnBottom  { position:absolute; top:352px; left:0; width:100%; height:100px; background:transparent url(../images/spacer.gif) right top repeat-y; z-index:9; position:fixed; }

div#navbarLeft { position:absolute; top:300px; left:0; width:40px; height:37px; background:#FFF; z-index:10; padding-top:15px; position:fixed; }
div#navbarRight { position:absolute; top:300px; right:0; width:40px; height:37px; background:#FFF; z-index:10; padding-top:15px; position:fixed; }
