body { 
  
  background-color: #000;

  background-image: url(http://www.frontierbrigadeband.com/FBBImages/BG/FBB_BG.jpg);

  margin: 0;

  padding: 0;

  }



#Preface {

  position: absolute;

  top: 20px;

  left: 140px;

  background-color: #FFF8DC;

  background-image: url(http://www.frontierbrigadeband.com/FBBImages/BG/FBB_Preface_Page_Image.jpg);

  background-repeat: no-repeat; 

  height: 608px;

  width: 736px;

  }




#Content {

  position: absolute;

  top: 20px;

  left: 140px;

  background-color: #FFF8DC;

  background-image: url(http://www.frontierbrigadeband.com/FBBImages/BG/FBB_Content_Page_Image.jpg);

  background-repeat: no-repeat; 

  height: 608px;

  width: 736px;

  }




#PrefacePhoto {

  position: absolute;

  top: 143px;

  left: 196px;

  } 




#TofCPhoto {

  background-image: url(FBBImages/BG/TofC_Page_Image.jpg);

  background-repeat: no-repeat; 

  position: absolute;

  top: 102px;

  left: 533px;

  height: 429px;

  width: 297px;


  } 





#NextPerformance {

  position: absolute;

  top: 433px;

  left: 238px;

 } 





#PhotoPad {

  text-align: center;

  padding: 10px;

} 




#PrefaceMenu a {

        text-decoration: none;

	background-repeat: no-repeat;

	position: absolute;

	left: 533px;

	top: 28px;

	height: 548px;

	width: 332px;

}

#PrefaceMenu a:hover { background-image: url(FBBImages/BG/Preface_MouseOver_Image.jpg); border: none;  background-repeat: no-repeat; }  

#PrefaceMenu a i { visibility: hidden; }




#ContentMenu a {

  position: absolute;

  top: 26px;

  height: 47px;

  width: 65px;

  text-decoration: none;

  }

#ContentMenu a i { visibility: hidden; }



a#main { left: 390px; }

a#band { left: 550px; }

a#shows { left: 634px; }

a#schedule {left: 711px; }

a#music { left: 784px; }

a#media { top: 561px; }

a#media { left: 664px; }

a#gallery, a#contact { top: 561px; }

a#gallery, a#contact { width: 115px; }

a#gallery { left: 539px; }

a#contact { left: 737px; }


a#main:hover { background-image: url(FBBImages/BG/TofC_RollOver_Image.jpg); background-repeat: no-repeat; }

a#band:hover { background-image: url(FBBImages/BG/Band_RollOver_Image.jpg); background-repeat: no-repeat; }

a#shows:hover { background-image: url(FBBImages/BG/Shows_RollOver_Image.jpg); background-repeat: no-repeat; }

a#schedule:hover { background-image: url(FBBImages/BG/Schedule_RollOver_Image.jpg); background-repeat: no-repeat; }

a#music:hover { background-image: url(FBBImages/BG/Music_RollOver_Image.jpg); background-repeat: no-repeat; }

a#gallery:hover { background-image: url(FBBImages/BG/Gallery_RollOver_Image.jpg); background-repeat: no-repeat; }

a#media:hover { background-image: url(FBBImages/BG/Media_RollOver_Image.jpg); background-repeat: no-repeat; }

a#contact:hover { background-image: url(FBBImages/BG/Contact_RollOver_Image.jpg); background-repeat: no-repeat; }


a#main:hover,

a#band:hover,

a#shows:hover,

a#schedule:hover,

a#music:hover,

a#gallery:hover,

a#media:hover,

a#contact:hover { border: none; }  






#TofCMenu a {

  position: absolute;

  height: 12px;

  width: 265px;

  left: 19px;

  text-decoration: none;

  }


#TofCMenu a i { visibility: hidden; }


a#tofcband { top: 228px; }

a#tofcshows { top: 253px; }

a#tofcschedule { top: 279px; }

a#tofcmusic { top: 303px; }

a#tofcgallery { top: 328px; }

a#tofcmedia { top: 353px; }

a#tofccontact { top: 377px; }


a#tofcband:hover { background-image: url(FBBImages/BG/TofC_Band_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofcshows:hover { background-image: url(FBBImages/BG/TofC_Shows_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofcschedule:hover { background-image: url(FBBImages/BG/TofC_Schedule_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofcmusic:hover { background-image: url(FBBImages/BG/TofC_Music_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofcgallery:hover { background-image: url(FBBImages/BG/TofC_Gallery_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofcmedia:hover { background-image: url(FBBImages/BG/TofC_Media_RollOver_Image.jpg); background-repeat: no-repeat; }

a#tofccontact:hover { background-image: url(FBBImages/BG/TofC_Contact_RollOver_Image.jpg); background-repeat: no-repeat; }


a#tofcband:hover,

a#tofcshows:hover,

a#tofcschedule:hover,

a#tofcmusic:hover,

a#tofcgallery:hover,

a#tofcmedia:hover,

a#tofccontact:hover { border: none; }  






#page1, #page2  {

	position:absolute;

	top: 107px;

	height: 410px;

	width: 288px;

	z-index:1

}

#page1 { left: 191px; }

#page2 { left: 537px; }




#MediaPage  {

	position:absolute;

	top: 122px;

        left: 511px;  

	height: 385px;

	width: 335px;

	text-align: center;

}





#YTMediaPage  {

	position:absolute;

    background-color: #FFFFFF;
 
    border-style: outset;

    border-color: #8B0000;

	top: 145px;

        left: 285px;  

	height: 350px;

	width: 435px;

	text-align: center;

}






#Preload { visibility: hidden; } 





p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13px;

	line-height: 140%;

	color: #000;

	margin: 4px 0 4px 0;

	padding: 0;

        text-align: justify;

}




p.quote {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13px;

	line-height: 140%;

	color: #000;

	margin: 4px 11px 4px 11px;

	padding: 0;

        text-align: justify;

}





p.centerstrong {

	font-size: 16px;

	font-weight: normal;

	text-align: center;

}





p.tab { text-indent: 20px; }




p.center { text-align: center; }




p.caption { text-align: center; font-size: 12px; }




p.address { text-align: center; font-size: 12px; }





a { 

	color: #8B0000;

	text-decoration: none;

}

a:hover { color: #708090; }	





p.chapter { 

    text-align: center;

    font-size: 11px;

    font-weight: bold;

    font-style: normal;

    color:#8B0000;

    font-family: Georgia, "Times New Roman", Times, serif;

}




p.chaptitle {

     text-align: center;

     font-size: 16px; 

     font-weight: bold;

     font-style: italic;

     padding: 1px;

}




p.chaptitlelite {

     text-align: center;

     font-size: 14px; 

     font-weight: bold;

     font-style: italic;

     padding: 1px;

}




p.dropcap {

     width: auto;

     font-size: 40px;

     line-height: 28px;

     font-weight: normal;

     color: #8B0000;

     font-family: Georgia, "Times New Roman", Times, serif;

     float: left;

}




p.continue {

	font-size: 14px;

	font-weight: bold;

        font-style: italic;

        color: #8B0000;

	text-align: right;

        font-family: Georgia, "Times New Roman", Times, serif;

}




p.member {

         font-size: 14px;

         font-weight: bold;

         color: #8B0000;   

         text-align: center;

         font-family: Georgia, "Times New Roman", Times, serif;

}