@charset "UTF-8";

/*
 CSS created by Thomas Tivnen starts rendering at 800px
*/

.hideme2    {
        opacity: 0.0;
}



footer   {
	padding: 5px; 
	margin-top: -50px; 
	margin-bottom: -20px; 
	clear: left; 
	height: auto; 
	line-height: 20px; 
	
}

.purplebars   {
	 width: 40px; 
	 height: 30px;
	 float: right;
	 margin: 5px 10px 5px 0;
}

.purplebars2   {
	 width: 40px; 
	 height: 30px;
	 float: right;
	 margin: 5px 10px 5px 0;
}

.ad  {
	width: 500px; height: 500px;
}

body {
    margin: 0;
    background-color: #000;       
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
}
p   {
	font-size: 25px;
}

span.arrow2   {
    color: #fff; 
    font-size: 120%;
    float: right;
    margin-right: 5px;
}

table.menucel   {
        width: 320px;
        float: left; 
        line-height: 1.5em;
        background-color: #000;
        color: #fff;
        height: 100px; 
        font-size: 25px; 
        
}

table.menucel tr td a   {
	color: #fff;
	text-decoration: none;
}
.shrinkme  {
		margin: 20px; 
	}
.shrinkme2   {
		width: 300px; 
		height: 100px; margin: 0 5px; 
	}
div.panel a  {
	text-decoration: none;
}

div.panel2 a  {
	text-decoration: none;
}

div.panel3 a  {
	text-decoration: none;
}

div.panel4 a  {
	text-decoration: none;
}

div.panel5 a  {
	text-decoration: none;
}

div.panel6 a  {
	text-decoration: none;
}

 .flip {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-top: solid 1px #c3c3c3; 
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;	
    }

.panel {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;	
    }   
    
    
.panel {
    	display: none;
    }

.flip2 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }
    
.panel2 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }

.panel2 {
    	display: none;
    }

.panel3, .flip3 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }

.panel3 {
    	display: none;
    }

.panel4, .flip4 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }

.panel4 {
    	display: none;
    }
 
.panel5, .flip5 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }

.panel5 {
    	display: none;
    }

.panel6, .flip6 {
    	padding: 5px;
    	text-align: left;
    	background-color: #000;
    	border-bottom: solid 1px #c3c3c3; 
    	font-size: 13px;
    	cursor: pointer;
    	color: #fff;
    }

.panel6 {
    	display: none;
	}
	
	
@media screen and (max-width:926px){
     body  {
		width: 100%; max-width: 926px;
		height: auto; margin: 0; 
	 }
	 .hideme2    {
        opacity: 0.0;
	 }
	 
}

@media screen and (max-width:800px){
    body     {
		  width: 100%; max-width: 800px;
		  height: auto; margin: 0;
    }    
    table.menucel  {
		width: 100%; max-width: 760px; margin-left: 7%;
	} 
	.hideme2    {
		opacity: 1.0; font-size: 18px; margin: 20px;
    }  

}

	
@media screen and (max-width:768px){
    body     {
		  width: 100%; max-width: 758px;
		  height: auto; margin: 0;
    }    
    table.menucel  {
		width: 100%; max-width: 740px; margin-left: 7%;
	}   
}

@media screen and (max-width:740px){
    body     {
		  width: 100%; max-width: 730px;
		  height: auto; margin: 0;
    }  
    table.menucel  {
		width: 100%; max-width: 720px; margin: 0 10px;
	}   
}

@media screen and (max-width:736px){
    body     {
		  width: 100%; max-width: 726px;
		  height: auto; margin: 0;
    } 
    table.menucel  {
		width: 100%; max-width: 700px; margin: 0 10px;
	}    
}

@media screen and (max-width:732px){
    body     {
		  width: 100%; max-width: 722px;
		  height: auto; margin: 0;
    } 
     table.menucel  {
		width: 100%; max-width: 700px; margin: 0 10px;
	}    
}

@media screen and (max-width:667px){
    body     {
		  width: 100%; max-width: 657px;
		  height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 647px; margin: 0 10px;
	}   
}

@media screen and (max-width:640px){
    body     {			
		width: 100%; max-width: 640px;
		height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 620px;
	}
}

@media screen and (max-width:600px){
    body     {
		  width: 100%; max-width: 600px;
		  height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 580px;
	}
}

@media screen and (max-width:568px){
    body     {
		  width: 100%; max-width: 568px;
		  height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 548px;
	}
}

@media screen and (max-width:480px){
    body     {
		  width: 100%; max-width: 480px;
		  height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 455px;
	}
}

@media screen and (max-width:414px){
    body     {
		width: 100%; max-width: 414px;
		height: auto; 
		margin: 0;
	}
	table.menucel  {
		width: 100%; max-width: 389px;
	}
	footer {
		padding: 0;
	}
}
@media screen and (max-width:412px){
    body     {
		width: 100%; max-width: 412px;
		height: auto; 
		margin: 0;
	}
	table.menucel  {
		width: 100%; max-width: 387px;
	}
	footer {
		padding: 0;
	}
}
@media screen and (max-width:384px){
    body     {
		width: 100%; max-width: 384px;
		height: auto; margin: 0;
	}
	table.menucel  {
		width: 100%; max-width: 359px;
	}
	footer {
		padding: 0;
	}
}

@media screen and (max-width:380px){
    body     {
		width: 100%; max-width: 380px;
		height: auto; margin: 0;
	}
	table.menucel  {
		width: 100%; max-width: 355px;
	}
	footer {
		padding: 5px;
	}
}
@media screen and (max-width:375px){
    body     {
		width: 100%; max-width: 375px;
		height: auto; margin: 0;
	}
	table.menucel  {
		width: 100%; max-width: 350px;
	}
	footer {
		padding: 5px;
	}
}
@media screen and (max-width:360px){
    body     {
    	width: 100%; max-width: 360px;
		height: auto; margin: 0;
    }
    table.menucel  {
		width: 100%; max-width: 335px;
	}
	footer {
		padding: 5px;
	}

}

@media screen and (max-width:320px){
    body     {
    	width: 100%; max-width: 320px;
    	height: auto; margin: 0;
    }
	table.menucel  {
		width: 100%; max-width: 295px;
	}
	footer {
		padding: 5px;
	}

}