body {
  align: center;

  }
  
  body {
	margin:0px 0px; padding:0px;
	text-align:center;

	background-image: url(graphics/new_bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #101010;

	}
  
body {
  text-align: center;

  }

#container {
border-left: 0px solid white; border-right: 0px solid white;

  width: 770px;

  text-align: left;
height: 100%
  }
  
#boxwhite
{
border: 0px solid #ff9933;

  width: 770px;


  }
  

  
  #holder {
   position: relative;
   top: 0px; left: 0px;         /* place it where you want     */
}
  
  #tt {
   width: 530px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75;

}

  #tt2 {
   width: 200px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75;
   
}



  #tt3_pro {
   width: 750px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75;

}

  #tt4 {
   width: 420px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75;

}

  #tt6 {
   width: 320px; height: 420px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75;

}

#ot {
   width: 530px; 

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2; 
                     /* place it over the other DIV */
}
  
  #ot2 {
   width: 200px; 

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2; 
                     /* place it over the other DIV */
}

  #ot3 {
   width: 750px; 

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2                 /* place it over the other DIV */
}

  #tt3 {
   width: 750px; 

   background-color: #000000;       /* the background              */
   filter:alpha(opacity=60);

   opacity: 0.75 
}

  #ot3_pro {
   width: 750px; 

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2; 
                   /* place it over the other DIV */
}

  #ot4 {
   width: 420px; 

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2; 
                    /* place it over the other DIV */
}

  #ot6 {
   width: 320px; height: 420px;

   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2; 
                     /* place it over the other DIV */
}
  
  p.andy
{
border: 1px solid green;
 
  width: 770px;

  }
  
  #box1 {

 width:770px; margin: 0px; 
 
 

	border-left: 1px solid white; 	border-right: 1px solid white
	
  }
  
    #spacer_med {
 width:750px; margin: 0px;
 

	border-left: 1px solid white; 	border-right: 1px solid white
	
  }
  
    #boxhx {
 width:750px; margin: 0px;

	border-left: 1px solid white; 	border-right: 1px solid white
	
  }
  
    #box3 {
    font-size: 10pt;
  border: 1px solid red; width:540px; 

  }
  

  
  #line
  {
  width: 50px; 
  }
  

  
    #news-box {float:left; margin-top: 2px;  margin-left: 0px; padding-left:2px; 
  font-family: arial; font-size: 9pt;
  color: #ff9933; font-weight: normal;text-align: center;
  border-top: 1px solid white; 
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #787878;width: 345px; 
  z-index:5}
  
  p.bg {background-color: transparent; padding:5px}
  
  .news_text {color:white; font-size: 9pt }
  
    .box2 {float:right;  margin-top: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; padding: 2px;
  border: 1px solid white; color: black; width:300px; text-align: left; z-index:4; font-size:8pt; background-color: white}
  
  ul,li{
margin:0;
padding:0;
list-style:none;
}
.cssnav1a, .cssnav1, .cssnav2, .cssnav3, .cssnav4, .cssnav5 , .cssnav6, .cssnav7, .cssnav8, .cssnav9{
float:left;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
width: 62px;
height: 16px;
margin:0px; 
margin-bottom:0px;
padding: 0; 
border:0px solid red;
}
.cssnav1a  {background-image: url(graphics/buttons/home-on.gif);}
.cssnav1  {background-image: url(graphics/buttons/news-on.gif);}
.cssnav2  {background-image: url(graphics/buttons/hx-on.gif);}
.cssnav3  {background-image: url(graphics/buttons/media-on.gif);}
.cssnav4  {background-image: url(graphics/buttons/buy-on.gif);}
.cssnav5  {background-image: url(graphics/buttons/my-on.gif);}
.cssnav6  {background-image: url(graphics/buttons/links-on.gif);}
.cssnav7  {background-image: url(graphics/buttons/con-on.gif);}
.cssnav8  {background-image: url(graphics/buttons/forum-on.gif);}



.cssnav1a a, .cssnav1 a, .cssnav2 a, .cssnav3 a,.cssnav4 a , .cssnav5 a , .cssnav6 a, .cssnav7 a, .cssnav8 a, {
display:block;
font-size: 11px;
width: 62px;
height: 16px;
display: block;
margin: 0;
padding: 0;
color: black; text-decoration: none; 
position:absolute;
margin:0;
}
.cssnav1a a {background-image: url(graphics/buttons/home-off.gif);}
.cssnav1 a {background-image: url(graphics/buttons/news-off.gif);}
.cssnav2 a {background-image: url(graphics/buttons/hx-off.gif);}
.cssnav3 a {background-image: url(graphics/buttons/media-off.gif);}
.cssnav4 a {background-image: url(graphics/buttons/buy-off.gif);}
.cssnav5 a {background-image: url(graphics/buttons/my-off.gif);}
.cssnav6 a {background-image: url(graphics/buttons/links-off.gif);}
.cssnav7 a {background-image: url(graphics/buttons/con-off.gif);}
.cssnav8 a {background-image: url(graphics/buttons/forum-off.gif);}


.cssnav1a a:hover, .cssnav1 a:hover,.cssnav2 a:hover,.cssnav3 a:hover,.cssnav4 a:hover,.cssnav5 a:hover,.cssnav6 a:hover,.cssnav7 a:hover,.cssnav8 a:hover, .cssnav9 a:hover {background:transparent}
.cssnav1a span, .cssnav1 span, .cssnav2 span, .cssnav3 span, .cssnav4 span, .cssnav5 span, .cssnav6 span, .cssnav7 span, .cssnav8 span, {position:absolute;left:5px;top:2px}

.space {width: 10px; float: left}

.fbg {
    font-family:arial;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #ffffff;
	border: 1px groove;}
  
  #topbox
  {
    width: 770px;

  position: relative; top: 0px; height: 91px; 
  border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white
  }
  
    #nav-box
  {
  position: relative; 
    width: 770px;
  
  height: 20px; top: 1px; padding-top: 2px; border-bottom: 1px solid white;  background: black;
  border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white
  }
  
    #contentbox
  {
  position: relative; top: 0px; border: 2px dashed blue
  }
  
  #copy 
  { 
  clear: both; text-align: right; top : 0px;  font-family: arial; font-size: 8pt; color: white; 
  border: 1px solid white;  width: 770px;

  }
  
  #footer-box
  {
 clear: both
  }

.form1 { 
float:none;
display:inline;
position: relative;
 border: 0px solid #666699; 
 padding: 3px; 
 margin-bottom: 1px; 
margin-top:0px; 
margin-left:0px; 
margin-right:0px;
}

.float_r1 {float: left;  margin-top: 0px ; border: 1px dashed green; width: 95px;  background-color: gray}

.float_r2 {float: left; border: 1px solid black; width: 530px; margin: 5px; font-family: arial;

}


.float_rhx {float: left; border: 1px solid black; width: 750px;  margin: 5px; font-family: arial;

}

.float_r_pro {float: left; border: 1px solid black; width: 750px;  margin: 5px; font-family: arial;

}

.float_r_med {float: left; border: 1px solid white; width: 740px;  margin: 5px; font-family: arial;

}

.float_r3 {float: right; border: 1px solid black; width: 200px;  margin-top: 5px; margin-right: 5px; font-family: arial}

.float_r2_profile {float: right; border: 1px solid black; width: 530px;  margin-right: 8px; margin-top:5px; font-family: arial;

}

.float_r3_profile {float: left; border: 1px solid black; width: 200px;  margin-top: 5px; margin-left: 5px; font-family: arial}


.float_r2_a {float: left; border: 1px solid white; background-color: gray ;width: 470px; margin: 5px; font-family: arial; font-size: 9pt}

.float_r3_a {float: left; border: 1px dashed green; width: 160px;   margin-top: 5px; font-family: arial; font-size: 9pt}

.float_hx {float: left; margin-left: 10px; margin-top: 5px ; border: 1px dashed green; width: 630px; }

.float_r2_media {float: left; border: 1px solid white; width: 420px;  margin: 5px;  font-family: arial}

  .media_right {float: left;  border: 1px solid white; 
  background-color: black; color: white; padding: 2px; font-family: arial; font-size: 9pt; width: 315px; 
  margin: 5px
  }

.float_r2_show {float: left; border: 1px solid white; width: 320px; background-color:white; margin: 5px; font-family: arial}

.float_r3_media {float: left; border: 1px dashed green; width: 730px; margin-top: 5px; margin-left: 5px;  font-family: arial}

.clear {clear: left}

div.spill {position: relative; top:5px; width: 125px;  height: 50px}

div.keep-overflow {left:5px; overflow: scroll}

.logo
{position: relative; top: 25px; left: 10px}

.bandpictest
{float: left; z-index: 4; border: 1px solid white; margin-top: 10px; margin-bottom: 10px; margin-right:10px;
}

.bandpictest2
{float: left; z-index: 4; border: 1px solid white; margin-top: 5px; margin-bottom: 5px; margin-right:5px;
}

.bandpictest3
{float: left; z-index: 4; border: 0px solid white; margin-top: 4px; margin-bottom: 4px; margin-right:0px;
}

.error {font-family: arial; font-size: 11pt; font-weight: bold; background: red; color: white}

.pro_2
{float: right; z-index: 4; border: 1px solid white
}

.h_s_pro {border: 1px solid white}

.cover1
{float: right; border: 1px solid white; margin-left:10px; margin-top: 10px; margin-bottom: 10px}

.left {float: left; padding: 5px; border: 1px solid white}

.media_left {float: left; padding: 2px; border: 1px solid white}

#media_cont {position: relative; height: 155px; width: 390px;  border: 0px solid red}

.right {float: right; padding: 5px ; border: 1px solid white}



#infobar {position: relative; top:0px; width: 150px; left: 0px; font-family: arial ; font-size: 1pt; z-index: 10;border: 3px solid blue}

.navbar {font-family: serif; font-size: 10pt; position: relative; left: 20px; border: 0px dashed red; width: 100%;}

a:link {  color: #787878;text-decoration: underline}
a:visited { color: #787878;text-decoration: underline}
a:hover {  color: #ffffff; text-decoration: none; }

#rnav { text-align: center; width: 90px;  padding: 2px; margin-left:2px; margin-bottom: 10px; margin-top:5px; border: 0px dashed white; font-family: arial; font-size: 10pt; font-weight: normal; color: #ff9933; 


}

.famine {position: absolute; border: 1px solid gray; right: 7px; top: 7px}

#oldthing
{
	background-color: #000000;
	border: 1px solid black;
	filter:alpha(opacity=90);
	opacity: 0.35;

}

/* set general thumbnail styles */
#pix	{ top: 0px; left: 0px }
dt	{ margin: 10px	}
img	{ border: none }


/* MouseOut state (default) - hide larger picture */
#pix a img.hid {
	 border: 2px solid white; padding: 3px; 
	position: absolute; top: 67px; left: 431px;
	visibility: hidden;
	}

/* MouseOver state (hover)- reveal larger picture */

#pix a:hover { background: none }
#pix a:hover img.hid { visibility:visible }

#combox {width:100px;  font-family: arial; font-size: 8pt; border: 1px solid #ff9933; text-align:left ;color: white; background-color: black}

.maintext {  font-family: arial; font-size: 9pt; color:white}

.maintext_2 {  font-family: arial; font-size: 10pt; 
text-decoration: underline; 
color:white}

.maintext_border {  font-family: arial; font-size: 8pt; color:white; width: 100px; background-color: gray; border: 1px solid white}

.maintext_border2 {  font-family: arial; font-size: 8pt; color:black; width: 100px;  background-color: gray; border: 1px solid gray}

.tnail {border: 1px solid gray}

.sm_news {  font-family: arial; font-size: 8pt; color:gray; background: white}

.tdtext {  font-family: arial; color:white; font-size: 9pt; text-align: right}

.tdtext2 {  font-family: arial; color:white;  font-size: 7pt; text-align: right}

#sbis {position: relative; }

#tracks {position: relative; left: 100px}

.INPUT2 { background-color: #ffffff; font-family: arial; font-size: 8pt; font-weight: bold; color: #000000;text-decoration: none; padding:0px} 

#bmem 
{
 top:0px;text-align: center; margin-bottom: 1px; font-family: arial ; font-size: 9pt; color: white; border: 1px solid white; background: black
}

.isl {margin-top: 3px}

.pb {border: 1px solid white}

.bm3
{  padding: 3px; font-family: arial ; font-size: 8pt; border: 1px solid gray; color:white
}

#bm2a 
{
 top:0px;  padding: 3px; font-family: arial ; font-size: 8pt; 
 border-left: 1px solid gray; 
 border-right: 1px solid gray; 
 border-bottom: 1px solid gray; 
 color:white
}

#bm2top 
{
 top:0px;  padding: 3px; font-family: arial ; font-size: 8pt; border: 1px solid gray; color:white
 }

#bm3top 
{
 top:0px;  padding: 3px; 
 }

#bm2 
{
 top:0px;  padding: 3px; font-family: arial ; font-size: 8pt; border: 1px solid gray; color:white; background-color: transparent
}