<style type="text/css">

a:link {text-decoration: none; color: #000066;}
a:visited {text-decoration: none; color: #000066;}
a:active {text-decoration: none; color: #000066;}
a:hover {text-decoration: underline; color: red;}


body {
   background-image: url(http://bobnobleband.com/image/gradient_BlackBlue2.jpg);
   width: 100%;
   height: 100%;
}

.mainpage-container{
	width: 95%;
	height: 600px;
}

.A1 A:link{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }
.A1 A:visited{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }
.A1 A:focus{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    font-weight: bold;
    color: #FF0000;
    } 
.A1 A:hover{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    font-weight: bold;
    color: #FF0000;
    } 
.A1 A:active{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }

.A2 A:link {text-decoration: none; color: #fffff6;}
.A2 A:visited {text-decoration: none; color: #fffff6;}
.A2 A:active {text-decoration: none; color: #fffff6;}
.A2 A:hover {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A2 A:focus {font: oblique; text-decoration: none; color: red; font-weight: bold; }
.A2 {font: 12px trebuchet ms; color: #ffffff; font-weight: bold;}


.A3 A:link {text-decoration: none; color: #00000f;}
.A3 A:visited {text-decoration: none; color: #00000f;}
.A3 A:active {text-decoration: none; color: #00000f;}
.A3 A:hover {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A3 A:focus {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A3 {font: 14px  times ms; color: #000066;}

.A4 A:link {text-decoration: none; color: #FFFFC0;}
.A4 A:visited {text-decoration: none; color: #FFFFC0;}
.A4 A:active {text-decoration: none; color: #FFFFC0;}
.A4 A:hover {text-decoration: underline; color: red;}
.A4 {font: 12px trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A5 A:link {text-decoration: none; color: #000020;}
.A5 A:visited {text-decoration: none; color: #000020;}
.A5 A:active {text-decoration: none; color: #000020;}
.A5 A:hover {font: 16px trebuchet ms; text-decoration: underline; color: red;}
.A5 A:focus {font: 16px trebuchet ms; text-decoration: none; color: red;}
.A5 {font: 16px trebuchet ms; color: #000020;font-weight: bold;}


.A6 A:link {text-decoration: none; color: #FFFFC0;}
.A6 A:visited {text-decoration: none; color: #FFFFC0;}
.A6 A:active {text-decoration: none; color: #FFFFC0;}
.A6 A:hover {text-decoration: underline; color: red;}
.A6 {font: 29px  trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A7 {font: 17px  trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A8 A:link {text-decoration: none; color: #00003f;}
.A8 A:visited {text-decoration: none; color: #00003f;}
.A8 A:active {text-decoration: none; color: #00003f;}
.A8 A:hover {text-decoration: none; color: red;}
.A8 {font: 19px  trebuchet ms; color: #00003f; font-weight: bold;}

.A9 A:link {text-decoration: none; color: #dfdfdf;}
.A9 A:visited {text-decoration: none; color: #dfdfdf;}
.A9 A:active {text-decoration: none; color: #dfdfdf;}
.A9 A:hover {font: oblique; text-decoration: underline; color: red;}
.A9 A:focus {font: oblique; text-decoration: underline; color: red;}
.A9 {font: 12px  trebuchet ms; color: #dfdfdf; font-weight: bold;}


.A19 A:link {text-decoration: none; color: #efefef;}
.A19 A:visited {text-decoration: none; color: #efefef;}
.A19 A:active {text-decoration: none; color: #efefef;}
.A19 A:hover {font: oblique 18px;  text-decoration: underline; color: red;}
.A19 A:focus {font: oblique 18px; text-decoration: underline; color: red;}
.A19 {font: 16px  trebuchet ms; color: #efefef; font-weight: bold;}

.A29 A:link {text-decoration: none; color: #000077;}
.A29 A:visited {text-decoration: none; color: #000077;}
.A29 A:active {text-decoration: none; color: #000077;}
.A29 A:hover {font: oblique; font-weight: bold; text-decoration: underline; color: red;}
.A29 A:focus {font: oblique; font-weight: bold; text-decoration: underline; color: red;}
.A29 {font: 12px  trebuchet ms; color: #000077; }

.Aj29 A:link {text-decoration: none; color: #ffffa0;}
.Aj29 A:visited {text-decoration: none; color: #ffffa0;}
.Aj29 A:active {text-decoration: none; color: #ffffa0;}
.Aj29 A:hover {font: oblique; font-weight: bold; text-decoration: underline; color: red;}
.Aj29 A:focus {font: oblique; font-weight: bold; text-decoration: underline; color: red;}
.Aj29 {font: 12px  trebuchet ms; color: #ffffa0; }






.table-wrapper{
   width: 800px;
   height: 700px;
}


.masthead-text {
   font: oblique 28px  times roman ms;
   color: #ffffff;
   vertical-align: center;
   padding-left: 5px;   
   padding-right: 5px;   
   font-weight: bold;
   }

.masthead-text2 {
   font: 14px times ms;
   color: #ffffff;
   vertical-align: "top";
   padding-left:  5px;   
   padding-right: 5px;   
   font-weight: bold;
   }


.prod1-text{
   font: 19px  trebuchet ms;
   color: #000000;
   font-weight: bold;
   }

.prod-text2{
   font: 21px  trebuchet ms;
   color: #df0000;
   font-weight: bold;
   }


.media1 {
   width: 200px;
   height: 330px;
   overflow: auto;
   background-color: #000033;
   border: solid 1px;
   border-color: #c7c7c7;
   text-align: center;
   }

.media3 {
   position: relative;
   right: 0;
   top: 0;
   width: 500px;
   }

.quote-text-ex-small{
   font: 11px  times ms;
   color: #FFFFb0;
   }

.spacerx{
   font: 2PX times ms;
   color: #FFFFb0;
   }

.quote-text{
   font: 16px  times ms;
   color: #FFFFC0;
   font-weight: bold;
   }

.quote-text-large{
   font: 21px  times ms;
   color: #FFFFC0;
   font-weight: bold;
   }

.quote-text-small{
   font: 11px  times ms;
   color: #FFFFff;
   font-weight: bold;
   }


.media1-text{
   font: 17px  times ms;
   color: #ffffff;
   font-weight: bold;
   }

.media2-text{
   font: 16px  times ms;
   color: #000044;
   }

.rcnt_artc_txt{
   font: 19px  times ms;
   color: #000006;
   font-weight: bold;
   }

.sidebar{
   position: absolute;
   top: 130px;
   right: 10px;
   width: 40%;
   background: #5F6390;
   }

.sidebar-text{
   font: 17px  trebuchet ms;
   color: #fff;
   vertical-align: "center";
   }




.bio-header-text {
                 font-family: Georgia; 
                 font-size: 30px; 
                 font-weight: bold; 
                 color: #000033;
                 }

.bio-header-smaller-text {
                 font-family: Georgia; 
                 font-size: 20px; 
                 font-weight: bold; 
                 color: #000033;
                 }


.gallery-tab1 {
              width: 700px;  
              height: 85px;
              border: inset 2px;
              border-color: #ffffc0;	
              background-image: url(http://bobnobleband.com/image/soft_white.gif);
              }


.gallery-tab1j {
              width: 580px;  
              height: 84px;
              border: inset 2px;
              border-color: #ffffc0;	
              background-image: url(http://bobnobleband.com/image/soft_white.gif);
              }



.gallery-tab2 {
              width: 720px;  
              height: 165px;
              border: inset 4px;
              border-color: #f7eEFF;	
              background-image: url(http://bobnobleband.com/image/soft_white.gif);
              }

.gallery-tab3 {
              width: 600px;  
              height: 85px;
              border: inset 2px;
              border-color: #ffffc0;	
              background-image: url(http://bobnobleband.com/image/soft_white.gif);
              }

.bio-tab-cell1j {
                width: 590px;
             
               }

.bio-tab-cell1r {
                width: 590px;
               }





.bio-tab-cell1 {
                width: 590px;
                text-align: left;
               }


.bio-tab-cell2 {
               width: 105px; 
               height: 400px;
	       border: inset 2px;
               border-color: #ffffc0;
               }

.bio-tab-cell2r {
               width: 120px; 
               height: 400px;
	       border: inset 2px;
               border-color: #ffffc0;
               }


.bio-float-foto1 {
                 float: left; 
                 padding: 4px; 
                 margin: 2px;
                 }
.bio-float-foto2 {
                 float: right; 
                 padding: 2px; 
                 margin: 2px;
                 }

.bio-main {
               height: 500px;
               width: 560px; 
               font-family: comic sans ms;
               font-size: 14px;
               padding: 4px; 
               margin: 4px;
               overflow: auto;	
               background-image: url(http://bobnobleband.com/image/ggrey_canvas.gif);
               } 

.bio-mainb {
               height: 380px;
               width: 560px; 
               font-family: comic sans ms;
               font-size: 13px;
               color: #000055;
               padding: 2px; 
               margin: 2px;
               text-align: left;
               background-image: url(http://bobnobleband.com/image/ggrey_canvas.gif);
               } 


.bio-mainj {
               height: 380px;
               width: 560px; 
               font-family: comic sans ms;
               font-size: 14px;
               color: #000055;
               padding: 2px; 
               margin: 4px;
               text-align: left;
               background-image: url(http://bobnobleband.com/image/ggrey_canvas.gif);
               } 

.bio-mainr {
               height: 360px;
               width: 580px; 
               font-family: comic sans ms;
               font-size: 13px;
               color: #000055;
               padding: 2px; 
               margin: 4px;
               text-align: left;
               background-image: url(http://bobnobleband.com/image/ggrey_canvas.gif);
               } 



.bio-text {
            font: 18px comic sans ms;
			color: #000000;
			text-align: left;

}

.bright-text{
        font: 18px comic sans ms;
	color: #dfdfdf;
}

.big-bright-text{
        font: 22px comic sans ms;
	color: #dfdfdf;
	font-weight: bold;
        background-color: #000000;
}



.dark-text{
        font: 22px tresbuchet ms;
	color: #000033;

}

.front-page-text
{
	width: 595px;
	height: 240px;
        font: 12px comic sans ms;
	color: #000055;
	color: #ffffff;
        margin: 2px;
}


.front-page-text-emph
{
        font: oblique 16px comic sans ms;
	color: #000055;
	color: #ffffa0;
	margin-left: 10px;

}

.front-page-text-emphx
{
        font: oblique 16px comic sans ms;
	color: #ffffff;
}

.front-page-container
{
	width: 570px;
	height: 250px;
        font: 14px comic sans ms;
	color: #000000;
        margin: 4px;
	padding: 4px;
}



.big-dark-text{
        font: oblique 16px comic sans ms;
	color: #000000;

}

.songlist-header{
            width: 800px;
            height: 100px;
            text-align: center;
            vertical-align: middle;
            font: 26px comic sans ms; 
            color: white;            
            text-shadow: #000022 5px 5px 5px;
            filter: Shadow(Color=#000022, 	
			Direction=135, 
			Strength=5); 
}

.songlist-body{
            height: 400px; width: 780px; overflow: auto; text-align: left; 
            font: 14px comic sans ms;
            color: #000055; 
            border: 2px inset silver; 
            background-color: #dfdfdf;
            xbackground-image: url(http://bobnobleband.com/image/vvltgrayparch.jpg);
}



.top-half { height: 100px;
            width: 700px; 
            background-image: url(http://bobnobleband.com/image/BlueVoodooMasthead.gif);
            background-repeat: no-repeat;
            text-align: left;
            position: absolute;
            top: 15px;
            left: 50px;
            text-shadow: #000022 5px 5px 5px;
            filter: Shadow(Color=#000022, 	
			Direction=135, 
			Strength=5);      

            } 



.index-top-half { height: 100px;
            width: 700px; 
            !background-image: url(http://bobnobleband.com/image/newBlueVoodooMasthead.gif);
            background-repeat: no-repeat;
            text-align: left;
            xposition: absolute;
            xtop: 15px;
            xleft: 12%;

            } 


.mymarkee { 
           font: oblique 16px comic sans ms; 
           width: 700px; height: 20px;
           xposition: absolute;
           xtop: 120px;
           xleft: 12%;
      	   color: #FF4747; 
           background-color: black;
           border: 2px solid silver;


}


.index-nav {
           width: 100px; 
           height: 450px;
           xposition: absolute;
           xtop: 160px;
           xleft: 50px;
           xleft: 12%;
           text-shadow: #000022 5px 5px 5px;
           filter: Shadow(Color=#000022, 	
		   Direction=135, 
		   Strength=5);      
           text-align: center;
           vertical-align: middle;

}
.index-bottom-half {
            height: 292px;
            width: 600px;
            xposition: absolute;
            xtop: 143px;
            xleft: 22%;
            text-shadow: #000022 5px 5px 5px;
     	    filter: Shadow(Color=#000022, 	
			Direction=135, 
			Strength=5);      

} 


.bottom-half {
            height: 292px;
            width: 600px;
            position: absolute;
            top: 143px;
            left: 150px;
            left: 12%;
            text-shadow: #000022 5px 5px 5px;
     	    filter: Shadow(Color=#000022, 	
			Direction=135, 
			Strength=5);      

            } 

.footer {
   width: 600px;
   height: 160px;	
   xposition: absolute;
   xtop: 430px;
   xleft: 22%;
           text-shadow: #000022 5px 5px 5px;
     	   filter: Shadow(Color=#000022, 	
			Direction=135, 
			Strength=5);      

}

.mycounter {
           position: absolute;
           top: 590px;
           width: 700px;
           left: 15%;

}



.footer-text{
   font: 19px  times ms;
   color: #ffffff;
   }



.strong-text {
                font: oblique 14px georgia;
                color: #ffffff;
                background-color: #300030;
                font-weight: bold;
              }

.strong-ytext {
                font: 18px georgia;
                color: #FFFF80;
                background-color: #300030;
                font-weight: bold;
}

.stronger-text{
                font: 24px comic sans ms;
                color: #000000;
                font-weight: bold;

}

.skedwrapper {
    background-image: url(http://bobnobleband.com/image/SMALLfender-twin-reverbx.gif);
    background-repeat: no-repeat;
    width: 340px; 
    height: 340px; 

}

.sked {
    margin-top: 80px;
    margin-right: 40px;
	width: 280px; 
	height: 200px; 
	overflow: auto;
	text-align: center;

}

.digit {
  float: left;
  width: 14px;
  height: 26px;
  margin-right: 2px;
  background: #000 url(C:\www\BobNoble\image\ledmarquee.gif) 0px 0px;
}


#ledmarquee {
  height: 26px;
  visibility: hidden;
  background-color: #000;
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(http://bobnobleband.com/image/overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0px;
padding: 0px;
}

.cssnav a
{
display: block;
color: #000000;
font: trebuchet;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 211px;
height: 44px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 65px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}





 
</style>
