/* Basic Page Stuff
----------------------------------------------- */
html { margin:0; padding:0; }
body {
margin: 0px;
padding: 0px;
text-align:center; 
background: #f7f1e5 url(images/bgjugend.jpg) repeat;
color: #333;
font-family: Palatino, Times, 'Times New Roman', Georgia, serif;
font-size: 100%;
line-height: 1.25;
}

img, a img { border:0;
text-decoration: none;
}


/* Layout
----------------------------------------------- */
 
#topbar {
background-color: #333;
padding:2px;
text-align: center;
}
 
#pagewidth{ 
 width:770px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
}

#header {
height: 230px;
margin-left:auto; 
margin-right:auto;
margin-bottom: 10px;
position:relative;
width:100%;
}
 
#leftcol{
 width:170px; 
 float:left; 
 position:relative; 
 font-size: 82%;
 padding: 0 0 0 8px;
 }
 
 .center {
 text-align: center;
 }
 
#twocols{
 width:590px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:170px; 
 float:right; 
 position:relative; 
 font-size: 82%;
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:400px;
 font-size: 92%;
 }
 
#footer{
 margin-top: 10px;
 border-top: double #99865c;
 border-bottom: 1px solid #99865c;
 clear:both;
 font-size: 72%;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* Headings
----------------------------------------------- */

h1, h2, h3, h4, h5 {
margin:0; padding:0;
font-weight: normal;
font-family: Palatino, Times, 'Times New Roman', Georgia, serif;
line-height: 1.25;
padding:0 0 .2em 0;
color: #845f26;
}

#header h1 { display:none; }

#header p { 
margin:0; padding:2px 0 0 0;
text-align: right; }

h1 {
font-size: 160%;
color: #000000;
padding: 0.25em;
margin: 0px;
}

h2 {
font-size: 140%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 110%;
font-weight: bold;
}


/* Text styling
----------------------------------------------- */



/* Navigation
----------------------------------------------- */
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
font-size: 110%;
line-height: 1.5;
}

#navlist li 
{
padding-left: 15px;
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: 0 .2em;
}

/* Forum Stuff
----------------------------------------------- */


/* Lists
----------------------------------------------- */


/* Forms
----------------------------------------------- */

label,span.spacer {width:120px;}
label{
font-weight:bold;
color : #000000;
font-weight : bold;
}

/* Links
----------------------------------------------- */

a:link {
color: #663300;
text-decoration: none;
}

a:visited {
color: #663300;
text-decoration: none;
font-weight: normal;
}

a:hover, a:active {
color: #990000;
text-decoration: underline;
}

#footer a:link {
color: #666666;
border-bottom: 1px dotted #666;
text-decoration: none;
}

#footer a:hover {
border: none;
text-decoration: none;
}



/* Misc
----------------------------------------------- */

.clearboth {
clear:both;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.rightfloat {
float:right;
padding: 0 0 0 5px;
}

.leftfloat {
float:left;
padding: 0 5px 0 0;
}

hr.thin {  
height: 1px;
border: 0;
color: #99865c;
background-color: #99865c;
width: 100%;
margin: 20px 0 20px 0;
}

hr.divider {  
height: 40px;
border: 0;
color: #99865c;
background: url(images/divider.png) no-repeat;
width: 100%;
margin: 20px 0 20px 0;
}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

hr.divisivetop {  
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;
width: 100%;
margin: 10px 0 0 0;
}

hr.divisivebot {  
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;
width: 100%;
margin: 0 0 10px 0;
}

.translatebut {
margin: 8px 40px 0 0;
}