@charset "UTF-8";

article, aside, footer, header, main, nav, section{
	display: block;
}

html, body, h1, h2, h3, ul, li, a, p,
article, aside, footer, header, main, nav, section{
	padding: 0;
	margin: 0;
}

.banner{
	background-color: #11233b;
	color: white;
	padding: 10px 20px;
}



a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
} 

body{
	width: auto;
        height: auto;	
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	font-family: Helvetica Arial, sans-serif;
	font-size: 15px;
}

.myBackground {
background: url('/JD/images/image1.jpg') no-repeat center left;
background-size: 100% 100%;
width: 100%;
height: 100%;
height: auto;
min-height:100%;
}

.UnderConstructionBackground {
background: url('/JD/images/underconstruction.jpg') no-repeat center left;
background-size: 100% 100%;
width: 100%;
height: 100%;
height: auto;
min-height:100%;
}

nav{		
	background-color: #000000;
	padding: 5px;
	margin-top: 1px;
        height: auto;

}

ul.no_bullet {
 list-style-type: none;
 padding: 0;
 margin: 0;
 }

li.home {
 background: url("/JD/images/home_btn.png") no-repeat left top; 
 } 

li.music {
 background: url("/JD/images/music_btn.png") no-repeat left top; 
 } 

li.info {
 background: url("/JD/images/info_btn.jpg") no-repeat left top; 
 } 

li.login {
 background: url("/JD/images/login_btn.jpg") no-repeat left top; 
 } 

li a{
	color: white;
        text-decoration: none;
}


h2 a{
	color: white;
}

h6 a{
	color: white;
}

li{
	display: inline;
	margin-left: 1px;
	margin-right: 1px;	
	font-size: 45px;
	font-variant: small-caps;
	font-weight: bold;
}

section{
	background-color: #bbbbbb;
	margin-top: 5px;
	padding: 5px;
}

article{
	background-color: white;
	margin-top: 5px;
	padding: 15px 15px;
}

main{
	max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
}

.main2{
	width: 960px;
	float: left;
	margin-bottom: 10px;
        background: url("/JD/images/jukebox2.jpg") no-repeat left top;
        
}

aside{	
	background-color: #0B3B0B;
	width: 270px;
	float: right;
	margin-top: 10px;
	padding: 20px;
	color: white;
}

footer{
	clear: both;
	background-color: #000000;
	color: white;
	padding: 5px 20px;
}


img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */    
}

	
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }	

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 0px;
	border-color: #999999;
	border-collapse: collapse;        
}

table.hovertable th {
	background-color:#ffffff;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #a9c6c9;
}

table.hovertble tr {
	background-color:#ffffff;
}

table.hovertable td {
	border-width: 5px;
	padding: 1px;
	border-style: solid;
	border-color: #000000;
        background-color:#ffffff;
}

table.hovertable td:hover {
background-color:#00ff00;
}

table{
table-layout: auto;
background-repeat:no-repeat;
background-position: right top;
}