/* CSS Document */

BODY {
	background-image: url(../images/bgSlice.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
	background-color: #000000;
	margin:0;
	font: normal 105%   "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
letter-spacing:3%;
}





a{color:#f3f53d;
text-decoration:none;
}

a:hover {color:#f3f53d;
text-decoration:underline;}

#neon {  background:transparent url(../images/neonsign.gif) no-repeat left top;
         width:272px;
         height:75px;
         position:absolute;
         right:-15px;
         top:10px;
         margin:0;
       }

#content.mosimage {margin-left:0;
}

#content ul li { margin-left:-16px;margin-bottom:4px;list-style:none;}


#content ul li li {list-style:none;
margin-top:4px;

}


li #dl {
	margin-left:-5px;

	list-style:none;	
	 }

li #st {
	margin-left:-5px;

	list-style:none;	
	 }

li #dl a{
	margin:0;

	list-style:none;
	background-image: url(http://beatcrazyentertainment.com/j/images/stories/dl.gif);
	background-repeat: no-repeat;
	background-position: left 66%;
	padding: 5px 0 1px 21px;

	
	 }

li #st a {
         list-style:none;
	background-image: url(http://beatcrazyentertainment.com/j/images/stories/st.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 5px 0 1px 26px;
height:22px;
	 }

.sectiontableheader { display:none;
}

.mosimage_caption {color:#000000;
font-weight:bold;
}

#container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
    


	
		}

#flash {
	margin:0;
	z-index: 1;
	
	width:700px;
	height:500px;
}

#topLogo  {
         top:35px;
         left:25px;
         position:absolute;
	margin:0;
	z-index: 2;
	background-image: url(../images/logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width:700px;
	height:500px;
}


#mainContent {
             background-image: url(../images/slices/bottomBG.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
          background-color:#356895;
	padding: 0;
	width: 700px;
	display: block;
	line-height:normal;
	float: left;
         text-align:left;
}

#contentCol li {padding:5px;text-align:left;}

#contentCol ul {text-align:left;}

#contentCol {
	width: 501px;
         background-image: url(../images/slices/newBG.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top:68px;
         padding-bottom:120px;
	float:left;
          

	}
#content {
	
	text-align: justify;
	padding:0 15px 15px 15px;
	width: 461px;
	color:#ffffff;
        
         font-size:75%;
         line-height:1.2;

}
.mosimage{
         margin-left:5px;

}

.mosimage img{
         margin:0 0 5px 0;
border:#fff 2px solid;
}


h4 { color:#f3f53d;
}


#content.table {width:80%;}

#rightCol {
	width: 196px;
padding-left:3px;	
	float:left;
	background-image: url(../images/slices/rightColBG.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #000000;
	border-bottom:1px dashed #0ea50e;
	
	
	
}

.component {margin-bottom:5px;}


#menuBottom {
     width: 178px;
     float:right;
     padding:10px;
     margin-left:-4px;
     border-left:1px dashed #0ea50e;
     font-size:80%;
     background-color:#356895;
	}

#aboutMenuHeader {
     width: 171px;
     height:31px;
     float:left;
     background-image: url(../images/aboutBC.gif);
     background-repeat:none;
     background-position: left top;
     margin-left:7px;
     margin-top: 7px;
}   

#eventsMenuHeader {
     width: 171px;
     height:31px;
     float:left;
     background-image: url(../images/events.gif);
     background-repeat:none;
     background-position: left top;
     margin-left:7px;
     margin-top: 7px;
}

 #stuffMenuHeader {
     width: 171px;
     height:31px;
     float:left;
     background-image: url(../images/crazyStuff.gif);
     background-repeat:none;
     background-position: left top;
     margin-left:7px;
     margin-top: 7px;
}   

 .nav
{
	float:left;
        padding: 0px;
	margin-left:-25px;
        margin-top:-5px;
	width: 200px;
	font: 8pt verdana, geneva, arial, sans serif; 
	
	
	
	}

.nav li
{
    
	list-style:none; color:#993399;
	margin:1.2em .5em;
	
 }
 
 .nav  a {
	color:#fff;
	text-decoration:none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 54%;
	padding: 1.25em 0 1em 1.75em;
	
	 }
  .nav a:hover {
	color:#fff;
	text-decoration:underline;
	
	
	padding:  1.25em  0 1em 1.75em;

	 }
	
.componentheading
  {

}
   

           
 	 
.contentheading 

 {
	font: 1.5em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
	
	
	background-image: url(../images/headerBG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding:17px 0px 0px 65px;
	margin-top: 7px;
	margin-left: 0;
	margin-right: 0;
	width:400px;
	height:22px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #A69521;
	color:#A69521 ;
}

 h1, #header {
          font: 1.4em  bolder "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
          margin-bottom:4px;
          
}

	
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 680px;
	padding:10px 10px;
         height:100px;
	text-align:left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #2C1E7E;
	
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/footerBG.jpg);
	float:left;
}

.djDiv{border-bottom:1px dashed #000;
}


#footer ul { 

width:650px;
height:100px;

}

#footer a { 
float:left;
margin:5px 10px 5px 0;
text-decoration:none;
color:#fff;
}

#footer table.moduletable { 
width:680px;
}

#footer a:hover {text-decoration:underline;
color:#000;
}