/* CSS Document */

body{
      margin: 0;
      padding: 0;
/*      line-height: 1.5em; */
      font-family:  "Arial", sans-serif;
      font-size: 16px;
      color: white;
      background-color: rgb(0,0,51);
}

/*b{font-size: 110%;}*/
em{
font-size: 100%;
color: rgb(75,20,99);
}
p {margin: 0; padding: 0}
p.c {margin-bottom: 10px}
p.fb {
text-align: center;
margin-bottom: 4px;
border-width: 0px 5px 0px 5px;
border-style: solid solid solid solid;
border-color: rgb(253,124,17); 
background-color: rgb(75,20,99); 
color: white
}
h3 {
font-weight: bold;
font-size: 16px;
margin: 0 0 0 0;
}


#maincontainer{
width: 840px; /*Width of main container*/
margin: 20px auto; /*Center container on page*/
}

#topsection{
background: rgb(51,0,102) url('images/heading_banner__.jpg') no-repeat top left;
color: white;
height: 90px; /*Height of top section*/
width: 100%;  
}

#topsection h1{
margin: 0 0 0 140px;
/*padding-top: 0px; */
font-size: 30px;
}

#topsection p {
margin: 0 0 0 140px;
}

a.hamail {
color: rgb(236,201,215)
}

a.hamail:hover {
color: rgb(51,12,80);
background-color: rgb(253,124,17)}

#contentwrapper{
float: left;
width: 100%;
display: inline;
}

#contentcolumn{
margin-left: 150px;
height: 435px;
background: rgb(213,170,255);
color: rgb(51,12,80);
 /*Set left margin to LeftColumnWidth*/
}

#contentcolumna{
margin-left: 150px;
height: 435px;
background: url('images/light_back.jpg') repeat-y;
color: rgb(51,12,80);
 /*Set left margin to LeftColumnWidth*/
}

#contenthead {
height: 25px;
background: rgb(51,12,80);
color: white;
padding: 0 ;
margin: 0;
border: 0;
}

#leftcolumn{
float: left;
display: inline;
width: 150px; /*Width of left column*/
height: 435px;
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: rgb(51,12,80);
}

#footer{
clear: left;
width: 100%;
background: rgb(51,0,102) url('images/footer_banner.jpg') no-repeat top left;
color: #FFF;
text-align: center;
padding: 0px 0;
height: 68px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
position: relative; top 0; left 0;
}

.scrollarea {
top: 0; left: 0;
height: 400px;
width: 680px;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden; /* this for IE only */
/*position: relative;*/
/*z-index: 20; */
}

.artist {
width: 660px;
padding-bottom: 5px;
border-bottom: 2px solid rgb(75,20,99);
margin-bottom: 5px;
/* position: relative; */
}
.artist a {color: rgb(75,20,99)}
.artist a:hover {background-color: rgb(251,160,19)}
.artist-top {
width: 660px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 2px solid rgb(75,20,99);
border-top: 2px solid rgb(75,20,99);
margin-bottom: 5px;
}
.artist-top a {color: rgb(75,20,99)}
.artist-top a:hover {background-color: rgb(251,160,19)}
.apic {
float: left;
display: inline;
margin: 0 5px 5px 0;
width: 70px;
border: 1px solid rgb(75,20,99);
}
.artistsubl {
float: left;
display: inline;
margin-top: 3px; 
font-size: 11px;
font-weight: bold;
color: white;
background-color: rgb(75,20,99);
border-width: 0 4px 0 0;
border-style: solid;
border-color: rgb(253,124,17);
}
.artistsubr {
float: right;
display: inline;
margin-top: 3px; 
font-size: 11px;
font-weight: bold;
}
.mpic {
margin: 5px; 
height: 50px;
border: 1px solid rgb(75,20,99);
}
.djsubl {
float: left;
display: inline;
margin-top: 3px; 
font-size: 11px;
font-weight: bold;
}
a.amail {color: rgb(51,12,80); text-decoration: underline;}
a.amail:hover {background-color: rgb(253,124,17); }

    /* Main Menu CSS*/
    
.mnsmenu{
	width: 130px; 
}

.mnsmenu ul{
	list-style-type: none;
 	margin: 0 0 0 0;  
  padding: 15px 0 0 0;
}
	
.mnsmenu li a{
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	background: transparent url(images/mnsmenu.gif) 100% 0;
  height: 27px; /*Set to height of bg image- padding within link 
                   (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 27px; /*Set line-height of bg image- padding within link 
                      (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	margin-bottom: 25px;
	border: 1px solid rgb(254,162,86);
  }	
	
.mnsmenu li a:link, .mnsmenu li a:visited {
	color: white;
}

.mnsmenu li a:hover{
	color: rgb(251,160,19);
	background-position: 100% -35px;
}
	
.mnsmenu li a.selected{
	color: rgb(255,204,0);
	font-weight: bold;
	background-position: 100% -70px;
	border-color: white;
}

.right {
   float: right;
   display: inline;
   }
.left {
   float: left;
   display: inline;
   }

.contextmenu{
      float: left;
      display: inline;
      font-weight: bold;
      height: 25px;
      margin: 0;
      }
.contextmenu ul{
      padding: 0 ;
      height: 100%; 
      margin: 0;
      text-align: left; /*set value to "left", "center", or "right"*/
      border-style: solid;
      border-width: 0 0 0 1px;
      border-color: rgb(213,170,255);  
      }
.contextmenu ul li{
      display: inline; 
      float: left; 
      height: 100%;
      margin: 0px;
      padding: 0px 0px 0px 0px;
      border-style: solid;
      border-width: 1px 3px 0px 0px;
      border-color: rgb(213,170,255) rgb(251,160,19) rgb(251,160,19) rgb(251,160,19); 
      }
.contextmenu ul li a{
      line-height: 1.5em;
      color: white;
      margin: 0px 0 0 0;
      padding: 0px 10px 0px 10px; 
      text-decoration: none;
      font-size: 95%;
      }
.contextmenu ul li a:hover {
      color: rgb(251,160,19);
      }
.contextmenu ul li.selected, .contextmenu ul li a.selected {
      margin: 0;
      color: rgb(51,12,80);
      background: rgb(213,170,255);
      }