body {  font-family:arial; text-align:center; background-color:white; background:url(images/back2.jpg);}

#container {  margin: 0em auto;  color:white;  width:1280px; height:1280px; padding:0px;  text-align:center;     
}
#mainbox	{ 	background-color:black; filter:alpha(opacity=50);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
border:2px solid #8aa; background-color:white) no-repeat; margin: 0em auto; margin-left:55px; margin-right:5px; color:white; width:500px; height:600px; margin-top:20px; float:left }
#mainbox p { color:#ffffff;  margin-right:15px; margin-left:25px; text-align:left; }
#contentinner3	{ 	background-color:black; background:url("images/back.jpg") repeat-y;
border:2px solid #8aa; background-color:white) no-repeat; margin: 0em auto; padding-top:10px; margin-left:-10px; margin-right:5px; color:white; width:478px; height:1000px; margin-top:-10px; float:left }
#contentinner3 p { color:#ffffff;  margin-left:10px; margin-right:50px; text-align:centre;  filter:alpha(opacity=100);  -moz-opacity:1.0;	-khtml-opacity: 1.0; 	opacity: 1.0; 
	 }
#contentinner3 a { color:#fff; }
#contentinner3 a:hover { color:ccc; text-decoration:none; }

#opac { height:1000px; margin-top:-10px; background-color:black; -moz-opacity:0.6;	-khtml-opacity: 0.6; 	opacity: 0.6; }
#opac2 { height:1000px; margin-top:-10px; background-color:black; -moz-opacity:0.8;	-khtml-opacity: 0.8; 	opacity: 0.8; }

#dancebiscuit { width:377px; height:83px; padding-top:35px; margin-left:-150px; float:left;}
#header { width:1040px; height:152px;	background-color:black; filter:alpha(opacity=60);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
 background:url(images/head.jpg) no-repeat top; float:left; margin-left:90px; } 
#header h1 { font-size:30px;  }

#content { width:600px; background-color:black; 
cursor: default;
	list-style-type: none;
	display: inline;
OVERFLOW:auto;
}
#logo { width:682px; height:97;}
#contentinner ul { font-weight:bold; list-style:none; font-size:16px; text-align:left; margin:15px; /* filter: Alpha(opacity=75); */  /* the -moz-opacity attribute is recognized by   Gecko browsers and should be a decimal */    -moz-opacity: .75;  /* opacity is the proposed CSS3 method, supported   in recent Gecko browsers    opacity: .75;*/ padding:0px; }
#contentinner li a { color:#ccc; font-weight:bold;  }
#contentinner ul li ul { font-weight:normal;  }
#contentinner li a:hover { color:black;  }
#contentinner img { padding:15px; }
#contentinner a { color:#777; }
#contentinner a:hover { color:black; text-decoration:none; }
#contentinner h2 { /*color:#acbfcc;*/ /*color:#bbb;*/ color:#acbfcc}
#contentinner2 ul { font-weight:bold; list-style:none; font-size:16px; text-align:left; margin:15px; filter: Alpha(opacity=75);  /* the -moz-opacity attribute is recognized by   Gecko browsers and should be a decimal */    -moz-opacity: .75;  /* opacity is the proposed CSS3 method, supported   in recent Gecko browsers */   opacity: .75; padding:0px; }
#contentinner2 li a { color:#8c91bb; font-weight:bold;  }
#contentinner2 ul li ul { font-weight:normal;  }
#contentinner2 li a:hover { color:black;  }
#contentinner2 img { padding:15px; }
#contentinner2 a { color:#777; }
#contentinner2 a:hover { color:black; text-decoration:none; }
#contentinner2 h2 { /*color:#acbfcc;*/ /*color:#bbb;*/ color:#acbfcc}

#current { background-color:white; }
form#contactform { margin-left:150px; background-color:white;}

#main_menu { display:block;list-style-type:none; width:780px; height:133px;float:left; padding-top:0px; margin-left:20px;}
#main_menu li { float:left; display:block; margin-right:20px; margin-top:20px;   }
#main_menu li a {   color: #ccc; text-decoration:none; display:block; float:left;  font-family:arial, verdana, sans-serif; width:100px; padding-top:100px; font-weight:800 }
#main_menu li a:visited { color:#fff; }
#main_menu li a:hover { color:aaa; } 
#footer { color:#888; text-align:center;  /*footfake.jpg*/ width:1040px;  height:35px;  float:left; float:bottom; padding-top:5px; margin-top:5px;}
#footer p {color:#fff; }

#menu1 { background:url(images/news.jpg) no-repeat; width:110px; height:100px;  list-style-type: none;}
#menu2 { background:url(images/mixes.jpg) no-repeat; width:110px; height:100px; list-style:none; }
#menu3 { background:url(images/imag.jpg) no-repeat; width:110px; height:100px;list-style:none; }
#menu4 { background:url(images/link.jpg) no-repeat; width:110px; height:100px;list-style:none; }
#menu5 { background:url(images/schedule.jpg) no-repeat; width:110px; height:100px;list-style:none; }


/*
#menu5:hover { background:url(images/at2.jpg) no-repeat; width:110px; height:100px;list-style:none; }
#menu3:hover { background:url(images/note2.jpg) no-repeat; width:110px; height:100px;list-style:none; }
*/



#showcase {background:#6f9c6f;}
dl.menus_list dt {background:#6f9c6f; font-size:1.5em; margin:3px 0;}
#foot {background:#8fbc8f;}
dl.menus_list dd.nil {padding:0; margin:0;}


/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	font-size:20px;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav>li:hover{
	padding-right: 1px;
} [*]

ul.nav li>ul{
/*Make the sub list items invisible*/

}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #369;
}

p.menutext { padding-top:90px; }



ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #000;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #369;
}

.nav a{
	text-decoration: none;
}

#scrollbox { width:200px; height:50px; float:right; margin-right:150px; }
#page { width:1280px; height:550px;float:left; padding:0px; /* background:url("images/back.jpg") repeat -30px -165px; */  } 


#content p { color:#999; }
#rightpanel { background-color:8f95d9; float:left; width:350px; height:350px; margin-left:160px; margin-top:20px; }
#rightpanel p { color:#666; margin-right:30px; margin-left:15px; text-align:centre; }
#rightpanel2 { background-color:8f95d9; float:left; width:350px; height:350px; margin-left:100px; margin-top:100px; padding-top:70px;}
#rightpanel2 p { color:#666; margin-right:30px; margin-left:15px; text-align:centre; }
#leftpanel { background-color:8f95d9; float:left; width:350px; height:350px; margin-left:30px; margin-top:90px;}
#leftpanel p { color:#666; margin-right:30px; margin-left:15px; text-align:centre; }