html, body {height:100%; }
body { 
  background: #1e1203 url(img/bodybg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	margin:0;
	padding:0;	
	color:#fff;
	
	background: #1e1203 url(img/bodybg.jpg)  no-repeat fixed left top;
	-o-background-size: 100% auto, auto;
	-moz-background-size: 100% auto, auto;
	-webkit-background-size: 100% auto, auto;
	background-size: 100% auto, auto;
		
}

	
/*----- boxes -------------------------*/
.clearer {clear:both;width:100%; }


.bodybox {	
	height:100%;
	max-width:1100px;	
	margin: 0 auto auto 0;
	text-align: left;
}
 
.leftbox {	width:20%; max-width:400px; float:left; }
.mainbox {	width:79%; margin-left:20%; height:100%;}



.leftbox a.logo {display:block; text-align:right;  margin:40px 10px 0 0;}
.leftbox a.logo img {max-width:100%; }

.topspacer {width:100%; height:100px;}
.contentbox {float:left; width:66%; min-height:100%; background:transparent url(img/bg50.png);}
.contentbox .inner { padding: 0 15px 50px 15px; text-shadow: 0px 0px 4px #000; }
.mainbox #contentwide {float:left; width:80%;}
.contentbox .inner img[src$=".jpg"] {box-shadow: 1px 1px 5px 0 #000; border: 2px solid #fff;}

.rightbox {float:right;  margin-top: 120px; width:32%; background:transparent url(img/bg30.png)}
.rightbox .inner { margin: 0 10px 0 10px; text-shadow: 0px 0px 4px #000;}

.rightbox .inner h2 { margin:5px 0 0 0; line-height: 120%; font-size:16px;  color:#fff; }
.rightbox .inner h3 { margin:5px 0 0 0; line-height: 120%; font-size:14px;  color:#fff;}
.rightbox .inner h4 { margin:5px 0 0 0; line-height: 120%; font-size:13px;  color:#fff;}
.rightbox .inner p { margin:0 0 5px 0; 	line-height: 130%; font-size:12px;  color:#fff;}
.rightbox .inner a {color:#fff; }
.rightbox .inner img[src$=".jpg"] {box-shadow: 1px 1px 5px 0 #000; border: 2px solid #fff;}



.mainfooter {margin-top: -40px; height:40px; width:19%; text-align:right ! important; font-size:10px; color:#d0aa75; text-align:left; }
.mainfooter  a {text-decoration: none; color:#aec0db ! important;}

#menu {	
	margin: 40px 10px 0 10px;
	text-align:right;
	z-index: 1000;
}


#menu ul, #menu li {
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding:0;
}



#menu li a {
	display:block;	
	color: #fff;
	text-decoration: none;
	margin: 5px 0 5px 0;
	padding:4px 15px 4px 0;	
	text-shadow: 0px 0px 4px #000;
	font-size:12px;
	line-height:100%;
	background: transparent url(img/mbg0.png) repeat-y right top;
	background-image: url(img/mbg.png)
}

#menu .level0 {font-size:14px; padding:8px 10px 8px 0;}
#menu .level1 {font-size:13px; padding:6px 10px 6px 0; }

#menu a:hover {color: #fff; text-shadow: 0px 0px 4px #fff; background-image: url(img/mhbg.png);}


#menu a.menu-current, #menu a.menu-parent {color: #fff; font-weight: bold;  background-image: url(img/mbgh.png);}
#menu a.menu-last {margin: 5px 0 20px 0;}

.topic_block2 a {line-height:120%; font-size:13px; }


/* Smaller Screens */
@media screen and (max-width: 1000px) {
	body {
		background: #1e1203 url(img/mobilebg.jpg)  no-repeat fixed left top;
		background-size: 140% auto, auto;				
	}
}	
	
	
@media screen and (max-width: 540px) {
	body {		
		font-size: 0.95em;
		line-height:130%;
		width:120%;		
	}
	
	.mainbox .contentbox {width:100%;}
	.mainbox #contentwide {width:100%;}
	.rightbox {float:none; width:100%;}
	
	#menu {margin: 80px 5px 0 0;}
	#menu a { overflow:hidden; padding-right:1px;}
	
	img {max-width:100%; height:auto ! important;}
	
	#menu li {margin:10px 0 10px 0;}
	#menu li a {font-size:9px; padding:8px 2px 8px 0;}
	#menu .level0 {font-size:12px; padding:12px 2px 12px 0;}
	#menu .level1 {font-size:10px; padding:10px 2px 10px 0;}
	
	.showonmobiles {display:block ! important;}
}