@import url(normal.css);



/* Netscape 4 stuff*/

body, div, p, li, dd	{ font-family: Verdana, arial, helvetica, sans-serif; 	font-size: 11px;}



body { margin:0px;border: 0; padding:0px; font-size: 11px;color:#fff; background-color: #9CCB49; }



div.spacer {

  overflow: hidden;

	clear: both;

	height: 1px;

	margin: -1px 0 0 0;

	font-size: 1px;

}



em  {

  color: #9DCC4A;

  font-style:normal;

}



p { margin:0; font-size: 11px; padding: 0 0 1em 0; }



img { border:0;}







a {

  color: #9DCC4A; text-decoration: none;

}



a:hover {

  color: #ff6600;

}



label { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a:hover strong, a:hover b {

  color: #ff6600;

}



.small {

  font-size:85%;

}



h2 {

  font-size: 14px;
  
  color:#9DCC4A;

  font-weight:normal;

  margin:0 0;

  padding: 0 0 6px 0;
  
  text-transform:uppercase;


}



h2 a {

  color:#9DCC4A;

}

h2 a:hover {

  color:#ff6600;

}



h3 {

  color:#9DCC4A;

  text-transform:uppercase;

  font-size:11px;

  font-weight:normal;

  margin:0 0;

  padding: 0 0 12px 0;

}





h4 {

  font-size:12px;

  margin:3px 0 2px 0;

  font-weight:normal;

  color:#fff;

}



h4 a {

  color:#fff;

  text-decoration:none;

}



h4 a:hover {

  color:#ff6600 !important;

}



.strong {

  color:#fff;

}



.strong a {

  color:#fff;

}





#sponsor {

  float:right;
  

  margin: 5px 0 0 0;

}



.wrapper {  text-align:left; margin: 0;  width: 762px;overflow:hidden; margin-left: 20px;}



#container {

	background: url(../images/bg1.gif) top left repeat-y; padding-bottom: 20px;

}



#logo {

  float:left;

  width:195px;

  margin: 5px 0 0 0;

}





/* menu stuff */

#wrapperMainMenu {    margin-left: 0px; padding-bottom:0px; }



#mainMenu { overflow: none; width:800px;} 



#mainMenu ul {

  margin: 0;

  padding: 0;

}

.hider {

  position: absolute;

  top: -9999px;

  left: -9999px;

	

	}

#mainMenu li { margin: 0; padding: 0; list-style-type: none; display: inline; float: left; background-image: url(../images/nav.gif); }



#mainMenu a {   text-decoration:none !important; display:block; font-size:1px; background-image: url(../images/nav.gif); overflow: hidden; height:78px; }



#mainMenu a span { visibility:hidden; }



#menu01home, #menu01home a {

  background-position: 0 0;

  width: 66px;

}

#menu01home a:hover, #menu01home a.selected {

  background-position: 0px 78px;

}



#menu02news, #menu02news a {

  background-position: -66px 0;

  width: 70px;

}

#menu02news a:hover, #menu02news a.selected {

  background-position: -66px 78px;

}



#menu03audio, #menu03audio a {

  background-position: -139px 0;

  width: 73px;

}

#menu03audio a:hover, #menu03audio a.selected {

  background-position: -139px 78px;

}



#menu04djs, #menu04djs a {

  background-position: -218px 0;

  width: 64px;

}

#menu04djs a:hover, #menu04djs a.selected {

  background-position: -218px 78px;

}



#menu05forum, #menu05forum a {

  background-position: -283px 0;

  width: 80px;

}

#menu05forum a:hover, #menu05forum a.selected {

  background-position: -283px 78px;

}



#menu06history, #menu06history a {

  background-position: -362px 0;

  width: 97px;

}

#menu06history a:hover, #menu06history a.selected {

  background-position: -362px 78px;

}



#menu07gallery, #menu07gallery a {

  background-position: -459px 0;

  width: 85px;

}

#menu07gallery a:hover, #menu07gallery a.selected {

  background-position: -459px 78px;

}



#menu08contact, #menu08contact a {

  background-position: -545px 0;

  width: 78px;

}

#menu08contact a:hover, #menu08contact a.selected {

  background-position: -545px 78px;

}



#menu09links, #menu09links a {

  background-position: -625px 0;

  width: 78px;

}

#menu09links a:hover, #menu09links a.selected {

  background-position: -625px 78px;

}



#footer {

padding-top:10px;

	background: #9ccb49 url(../images/footer.gif) top left no-repeat;

  height:162px;

}



#copyright {

  margin-top:14px;

  font-size:10px;

}



#copyright ul {padding:0; margin:0; list-style:none; display:inline;}



#copyright li { display:inline; padding: 0 2px 0 2px; margin:0;  font-size:4px; }



#copyright ul li a { text-decoration:none; font-size:9px; color:#949595; }



#copyright ul li a:hover {

  color: #ff6600;

}

.colmain { width: 540px; float: left;  }

.colright { width: 260px; float: left;  }

.col1 { width: 260px; float: left;  }

.col1_2 { width: 540px; float: left;  }

.col1_480 { width: 480px; float: left;  }

.col1_370 { width: 370px; float: left;  }

.col2 { width: 260px; float: left; padding-left: 20px; }

.col3 { width: 200px; float: right; font-size: 11px;}

.col3_260 { width: 260px; float: right; font-size: 11px;}

.col3_370 { width: 370px; float: right; font-size: 11px;}

.padbot20px { padding-bottom: 20px; }

.margbot20px { margin-bottom: 20px; }

.margbot17px { margin-bottom: 17px; }

.margbot15px { margin-bottom: 15px; }

.margbot10px { margin-bottom: 10px; }

.padleft10 { padding-left: 10px; }

#intro { font-size: 11px; padding: 0; margin: 0 }

#intro p { font-size: 11px;  }



.col1 p { font-size: 11px; }

.col1_2 p { font-size: 11px; }

.col1_2 h2 { font-size: 16px; font-weight: bold; }

.col1_480 p { font-size: 11px; }

.col3 p { font-size: 11px; }
.col3 img.alignright { padding:0px; margin:0px;; }


.col3_370 p, ol, ul, li { font-size: 11px; padding-left: 0; margin-left: 0;}

.col3_370 ol { font-size: 11px;  margin-top: 0; }

.col3_370 li { font-size: 10px; color: #E1CF5A;}

.col3_260 p, ol, ul, li { font-size: 11px; }

.col3_260 ol { font-size: 11px; }

.col3_260 li { font-size: 10px; color: #E1CF5A; }

.col1_480 li { font-size: 10px; color: #E1CF5A; }

.col1_480 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }

.col1_370 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }

.col3_370 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }

.col1_370 p, ol, ul, li { font-size: 11px; padding-left: 0; margin-left: 0;}

.col1_370 ol { font-size: 11px;  margin-top: 0}

.col1_370 li { font-size: 10px; color: #E1CF5A; }

.col1 h2 { font-size: 11px; font-weight: bold; }

.col2 h2 { font-size: 11px; font-weight: bold; }

.col2 p { font-size: 11px; }

.date { font-size:10px; font-weight:normal; color: #949494; margin-bottom:5px;  text-transform:none;}

.sbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333; margin-right: 5px; background: #fff; }
.sboxbig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; margin-right: 5px; background: #fff; }

.clearer { clear: both; }

input.radio { background : #000; color: #9DCC4A; font-size: 11px	}

#subform { font-size: 11px; }

#newsletter { font-size: 11px;  }

.green { color: #9DCC4A; }

.lightgrey { color: #D3D3D3; }



.img_floatleft { float: left; padding: 0; }

@media print {

	.noprint {

		display:none;

	}

}	





.line { background: #000 url(../images/line.gif) no-repeat center bottom;

margin: 8px auto;

height: 1px;


}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 7px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 7px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */