﻿body 
{
margin: 0;
background: url(../images/screen/body_bg.gif) top repeat-x #5d0000;
font-family: arial, 'lucida console', sans-serif;
}

#mainHolder_shaddow
{
width: 1050px;
background: url(../images/screen/mainHolder_shaddow_bg.gif) 0px 60px no-repeat #ffffff;  
margin: auto; 
}

#top
{
width: 1050px;
height: 60px;
background: url(../images/screen/top_bg.gif) no-repeat;      
}

#mainHolder
{
width: 1012px;
background: url(../images/screen/mainHolder_bg.gif) bottom left no-repeat;  
margin: auto;
float: left;
position: relative;
left: 19px;
}

/* Flash Animation */
#flashContainer
{
width: 350px;
height: 210px;
position: absolute;
top: 0px;
margin: 0 350px 0 351px;
z-index: 1;
background: url(../images/screen/flashAnim_bg.gif) top left no-repeat;    
}

/* Side bar (Menu) */
#sideBar
{
width: 350px;
height: 604px; /* fixed */
float: left;
}

#sideBar img.logo
{
display: block;
border: none;
position: relative;
top: -20px;
left: 30px;
z-index: 3;   
}

.menu
{
margin: 0 5px 0 0; 
background: url(../images/screen/menu_ul_topx.gif) 270px top no-repeat; 
padding: 3px 0 0 0;
overflow: hidden;
/*float: left;
border: solid 1px black;
width: 100px;*/
}

.menu li
{
list-style: none;
clear: both;
}

a.pageOne:link, a.pageOne:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 75px;
height: 42px;
background: url(../images/screen/pageOne_btn_norm.gif) no-repeat;
}

a.pageOne:hover
{
    
}

a.meetBand:link, a.meetBand:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 107px;
height: 44px;
background: url(../images/screen/meetBand_btn_norm.gif) no-repeat;
}

a.meetBand:hover
{
    
}

a.ourMusic:link, a.ourMusic:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 76px;
height: 44px;
background: url(../images/screen/ourMusic_btn_norm.gif) no-repeat;
}

a.ourMusic:hover
{
    
}

a.gigs:link, a.gigs:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 36px;
height: 44px;
background: url(../images/screen/gigs_btn_norm.gif) no-repeat;
}

a.gigs:hover
{
    
}

a.photosMore:link, a.photosMore:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 121px;
height: 44px;
background: url(../images/screen/photosMore_btn_norm.gif) no-repeat;
}

a.photosMore:hover
{
    
}

a.testimonials:link, a.testimonials:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 84px;
height: 44px;
background: url(../images/screen/testimonials_btn_norm.gif) no-repeat;
}

a.testimonials:hover
{
    
}

a.contact:link, a.contact:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 82px;
height: 44px;
background: url(../images/screen/contact_btn_norm.gif) no-repeat;
}

a.contact:hover
{
    
}

a.links:link, a.links:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 42px;
height: 44px;
background: url(../images/screen/links_btn_norm.gif) no-repeat;
}

a.links:hover
{
    
}

a.guestbook:link, a.guestbook:visited
{
float: right;
clear: both;
display: block; 
text-indent: -15000px;
width: 81px;
height: 43px;
background: url(../images/screen/guestbook_btn_norm.gif) no-repeat;
}

a.guestbook:hover
{
    
}

/* Footer */
#footer 
{
width: 1050px;
height: 60px;
background: url(../images/footer/footer_bg.gif) no-repeat Transparent;  
clear: both; 
}

#footer p
{
text-align: center;  
font-size: 12px;
color: #959595;
margin: 0 55px 0 0;
}

#footer a
{
font-size: 12px;
color: #959595;
text-decoration: none;
}

#footer a:hover
{
text-decoration: underline;
}

/* Main Content Base */
#mainContentBase
{
margin: 0;
width: 662px;
float: right;
}

#mainContentBackground
{
width: 602px;
background: url(../images/screen/mainContentShaddow_bg.gif) #9c6c6c repeat-y;    
}

#mainContentBackground img
{
display: block;
}

#mainContent
{
margin: 0;
width: 614px;
background: url(../images/screen/mainContent_bg.gif) top left no-repeat;
}

a.upComingEvents:link, a.upComingEvents:visited
{
display: block;
width: 248px;
height: 53px;
text-indent: -15000px;
float: right;
clear: both;  
position: relative;
right: 17px; 
top: 1px; 
}

a.upComingEvents img
{
position: relative;
top: -16px;
display: block;
border: none;   
}

a.viewall:link, a.viewall:visited
{
position: relative;
top: 45px;
right: 50px; 
display: block;
clear: both;
float: right;
font-size: 13px;
font-weight: bold;
color: #c74646;   
}

.myspace_span
{
    position: relative;
top: 45px; 
right: 50px;
display: block;
clear: both;
float: right;
font-size: 13px;
font-weight: bold;
color: #c74646; 
    
}

a.myspace:link, a.myspace:visited
{
    

font-size: 13px;
font-weight: bold;
color: #c74646;   
}

a.viewall:hover, a.myspace:hover 
{
text-decoration: none;   
}

.events
{
margin: 10px 27px 0px 15px;
clear: both;  
}

.events a
{
width: 200px;
display: block;
float: right; 
clear: both; 
padding: 10px 0 0 0;
text-align: center;
position: relative;
top: 25px;
}

.events hr 
{
clear: both; 
border: none 0; 
border-top: 1px dashed #8c1a1a;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.events p
{
clear: both; 
margin: 0;
text-align: center;
font-size: 12px;
color: #3a3a3a;   
}

.events p.top
{
position: relative;
top: 30px;
font-size: 16px;
font-weight: bold;
color: #c74646; 
margin: 0 0 30px 0;
}

img.joinus
{
clear: both;
display: block;
float: right;
margin: 60px 20px 0 0;
}

.bodyText
{
clear: both;
margin: 10px 27px 0px 15px;
}

.bodyText hr 
{
clear: both; 
border: none 0; 
border-top: 1px solid #8c1a1a;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.bodyText h2
{
margin: 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #eaeaea;   
}

.bodyText h1
{
margin: 0;
font-size: 22px;
text-indent: -15000px;
font-weight: bold;
text-align: center;
color: #000000; 
height: 50px;
}

.bodyText h1.meetTheBand
{
background: url(../images/screen/meetTheBand.gif) no-repeat;   
}

.bodyText h1.ourMusic
{
background: url(../images/screen/ourMusic.gif) no-repeat;   
}

.bodyText h1.gigs
{
background: url(../images/screen/gigs.gif) no-repeat;   
}

.bodyText h1.photos
{
background: url(../images/screen/photosMore.gif) no-repeat;   
}

.bodyText h1.testimonials
{
background: url(../images/screen/testimonials.gif) no-repeat;   
}

.bodyText h1.contact
{
background: url(../images/screen/contactUs.gif) no-repeat;   
}

.bodyText h1.links
{
background: url(../images/screen/links.gif) no-repeat;   
}

.bodyText h1.guestbook
{
background: url(../images/screen/guestbook.gif) no-repeat;   
}

.bodyText p
{
margin: 0;
padding: 5px 0 10px 0;
font-size: 12px;
color: #eaeaea;   
}

.bodyText .top p
{
margin: 0;
padding: 5px 0 10px 0;
text-align: center;
font-size: 12px;
color: #222222;   
}

.bodyText p.testimonial
{
margin: 0;
padding: 5px 20px 0px 20px;
text-align: left;
font-size: 16px;
font-style: italic;
color: #222222;   
}

.bodyText p.testimonialSmall
{
margin: 0;
padding: 5px 20px 5px 20px;
text-align: right;
font-size: 12px;
color: #222222;   
}

.bodyText .top p.small
{
margin: 0;
padding: 5px 0 10px 0;
text-align: center;
font-size: 10px;
color: #555555;   
}

.bodyText .top h6
{
display: block;
width: 250px;
margin: 0 auto;
padding: 5px 0 10px 0;
font-size: 12px;
color: #222222;   
}

.bodyText .top a:link, .bodyText .top a:visited
{
display: block;
margin: 0 auto;
padding: 5px 0 10px 0;
text-align: center;
font-size: 12px;
color: #222222;
text-decoration: underline;     
}

.bodyText .top a:hover
{
text-decoration: none;     
}

#setlist
{
text-align: center;   
}

#setlist h5
{
color: #222222;
font-size: 18px; 
margin: 0;  
}

#setlist p.top
{
color: #222222; 
font-weight: bold;  
}

.profile
{
padding: 5px 0;
margin: 0; 
}

.profile img
{
display: block; 
float: left;
margin: 0 10px 10px 0;
}

.profile h2
{
display: block;
float: left;
margin: 0;
width: 365px;   
height: 30px; 
text-indent: -15000px;
}

.profile h2.kenny
{
background: url(../images/screen/kenny.gif) no-repeat;    
}

.profile h2.kevin
{
background: url(../images/screen/kevin.gif) no-repeat;    
}

.profile h2.dave
{
background: url(../images/screen/dave.gif) no-repeat;    
}

.profile h2.ken
{
background: url(../images/screen/ken.gif) no-repeat;    
}

.profile h2.marty
{
background: url(../images/screen/marty.gif) no-repeat;    
}

.profile h2.phil
{
background: url(../images/screen/phil.gif) no-repeat;    
}

.profile h2.richard
{
background: url(../images/screen/richard.gif) no-repeat;    
}

.profile h2.john
{
background: url(../images/screen/john.gif) no-repeat;    
}

.profile h2.maurice
{
background: url(../images/screen/maurice.gif) no-repeat;    
}

.profile p
{
margin: 0;
color: #222222;
}

.profile hr 
{
clear: both; 
border: none 0; 
border-top: 1px solid #b6b6b6;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

