html, body {
height: 10%;
background-color: #1B1B1A;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
margin-bottom: 0px;
font-family: Arial, Tahoma, Helvetica;
font-size: 12px;
color: #AFA35B;
background-image:url(images/bgbodinduwur.jpg); 
background-position:top center; 
background-repeat:repeat-x; 
background-attachment: fixed;
}

#layout {
margin: auto;
width: 650px;
background-color: #777777;
min-height:100%;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
border-left: 2px dashed #000000;
border-right: 2px dashed #000000;
}

#tip{
height: 4px;
margin-left: 1px;
margin-right: 1px;
border: 1px solid #666666; 
background-color:#333333; 
}

#error {
margin: auto;
background: #000000;
border:dashed 2px #ff0000;
width: 590px;
padding: 5px;
}

#box {
margin: auto;
border:2px solid #666666;
background:#333333;
width: 600px;
padding: 2px;
}

#topnav {
float: none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size: 12px;
padding: 5px;
margin-right: 5px;
margin-top: 5px
}

#topnav a {
color: #2b2b2b;
padding: 7px;
}

#topnav a:hover {
background: #333333;
border: dashed 1px #777777;
padding:6px;
color: #996633;
text-decoration: none;
}

a {
color: #cc2222;
text-decoration: none;
}

a:hover { 
color: #ff0000;
text-decoration: line-through;
}

#address {
margin: auto;
width: 600px;
}

#address_box {
width: 380px;
}

form.form {
padding: 5px;
border: 5px dashed #222222; 
background-color: #333333; 
font: Verdana, Tahoma, arial, sans-serif;
text-align: left;
}


#adv {
padding: 5px;
border: 2px dashed #222222; 
background-color: #000000; 
font: Verdana, Tahoma, arial, sans-serif;
text-align: left;
}

label {
display:block;
font-weight:bold;
margin:5px 0;
}

input.textbox {
width: 380px;
padding:2px;
border:2px dashed #665E33;
font: normal 1em Verdana, sans-serif;
background: #544F36;
color:#B6AB69;
}

textarea {
padding:2px;
font-family: Verdana, sans-serif;
border:1px solid #eee;
height: 100px;
display:block;
color:#777;
}

input.button { 
margin: 0; 
font: bolder 12px Arial, Sans-serif; 
border: 2px dashed #665E33; 
padding: 2px 3px; 
background: #544F36;
color: #B6AB69;
}

#topsites {
text-align: center;
margin: auto;
border:2px solid #666666;
background:#333333;
width: 600px;
padding: 2px;
}


#topbar {
text-align: center;
background: #333333;
border-top: 2px dashed #000000;
color: #999999;
padding: 5px 0;
font-size: 12px; 
font-family: Tahoma, 'Trebuchet MS', Arial, Verdana, 'Times New Roman';
width: 100%;
bottom: 0px;
left: 0px; 
}

#topbar a {
font-size: 11px; 
color: #C4A265;
text-decoration: none;
}

#topbar a:hover {
font-size: 11px; 
color: #FFFFFF;
text-decoration: none;
}

#bottombar {
text-align: center;
background: #333333;
border-bottom: 2px dashed #000000;
color: #999999;
padding: 3px 0;
font-size: 11px; 
font-family: Tahoma, 'Trebuchet MS', Arial, Verdana, 'Times New Roman';
width: 100%;
bottom: 0px;
left: 0px; 
}

#bottombar a {
font-size: 11px; 
color: #666666;
text-decoration: none;
}

#bottombar a:hover {
font-size: 11px; 
color: #FFFFFF;
text-decoration: none;
}

/* TOOLTIP HOVER EFFECT */
label { font-weight: normal; line-height: 5px; cursor: help; }
#tooltip{ width:20em; color: #fff; background: #555; font-size: 12px; font-weight: normal; padding: 5px; border: 3px solid #333; text-align: left; }


h2 {
   font: bold 100% arial, verdana, sans-serif;
   color: #FFFFF;
}