/* #0099CC #F16FAB */
#base {
  padding: 18px 0px 12px 0px;
  float: right;
  text-align: left;
  width: 657px;/*677*/
}

.pad {
  padding: 5px 5px 5px 5px;
}

.gbook {
  background-color: #0099CC;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.gbook a {
  color: #f5f5f5;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
}

.gbook a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.main {
  background-color: #0099CC; /*F16FAB*/
  padding: 1px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.main a {
  color: #f5f5f5;/* #0099CC #F16FAB */
  text-decoration: underline;
}

.main a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
}

.home a {
  font-size: 8px;
  color: #f5f5f5;/* #0099CC #F16FAB */
  text-decoration: underline;
}

.home a:hover {
  font-size: 8px;
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
}

a.show {
  font-size: 22px;
  color: red;/* #0099CC #F16FAB */
  text-decoration: underline;
}

a.show:hover {
  font-size: 22px;
  text-decoration: underline;
  font-style: italic;
  color: #F5F5F5;
}

.index {
  background-color: #0099CC;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
}

a.index2 {
  color: #FFFF66;/* #0099CC #F16FAB #FFFF66*/ 
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

a.index2:hover {
  text-decoration: underline;
  font-style: italic;
  color: #f5f5f5;
}

a.index3 {
  color: #F16FAB;/* #0099CC #F16FAB */
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

a.index3:hover {
  text-decoration: underline;
  font-style: italic;
  color: #f5f5f5;
}

.cd {
  background-color: #0099CC;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}	

.cd a {
  color: #FFFFCC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.cd a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.press {
  background-color: #0099CC;/*#ffff66;*/
  padding: 1px; 
  margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  }	

.press a {
  color: yellow;/* #0099CC #F16FAB */
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-weight: bold;
}

.press a:hover {
  text-decoration: underline;
  font-style: italic;
  color: black;
  font-weight: bold;
}   

.submitorder {
  /*filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;*/
  background-color: #0099CC;
  color: black;
  width: 60%;
  
}

.order {
  background-color: #0099CC;/*#ffff66;*/
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}	

.order a {
  color: black;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.order a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}   

.tblorder {
  border-style: solid;
  border-width: 1px;
  border-color: black;  
  background-color: #ffff66;
}

.tdorder {
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  padding: 5px;
}

.tdorder2 {
  border-bottom-style: none;
 
}

.imgorder {
  position:relative;
  top:0px;
}

.loose-notes {
  background-color: #ffff66;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}	

.loose-notes a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.loose-notes a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.beatback {
  background-color: #F16FAB;
  padding: 15px; margin-top: 1px;
  text-align: center;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.beatback a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
}

.beatback a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
}

.doerge {
  background-color: #fffce9;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.doerge a {
  color: #003333;/* #0099CC #F16FAB */
  text-decoration: underline;
}

.doerge a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #cccccc;
}

.jjreview {
  background-color: #ffff66;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}	

.jjreview a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.jjreview a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}
	
.lyrics {
  background-color: #fffce9;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.lyrics a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.lyrics a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.arcgbook {
  background-color: #fffce9;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.arcgbook a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.arcgbook a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.jhlyrics {
  background: url(../images/jhlyrics2.jpg) no-repeat;   
  width: 312px;
  height: 292px;
}

.jhlinktxt {
  background: url(../images/jhlinktxt.gif) no-repeat; 
  width: 237px;
  height: 67px;
}

.jhlinks {
  background: url(../images/jhlinks.jpg) no-repeat; 
  width: 432px;
  height: 521px;
}

.judylinks {
  background-color: #fffce9;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.judylinks a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.judylinks a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.viewguest hr  {
 
 
}

.viewguest  {
  background-color: #fffce9;
  padding:  5px; 
  margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
 
}

.viewguest a {
  color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
}

.viewguest a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-weight: bold;
}

.chitchat {
  background-color: #0099CC;
  padding: 15px; margin-top: 1px;
  text-align: left;
  border-right: 1px solid #222425;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.chitchat a {
  color: #000000;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
}

.chitchat a:hover {
  text-decoration: underline;
  font-style: italic;
  color: gray;
  font-weight: bold;
  font-size: 14px;
}

.gallery {
  background-color: #0099CC;
  padding: 15px; margin-top: 1px;
  border-right: 1px solid #222425;
 
}

.galleryp a {
  color: #fffce9;/* #0099CC #F16FAB */
  text-decoration: underline;
  font-size: 10px;
}

.galleryp a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
  font-size: 10px;
}

.galleryp {
  text-decoration: none;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #f5f5f5; 
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 50px 0px; /*top right bottom left*/
}

.cred {
  font-family: arial;
  font-size: 10px;
  font-style: italic;
}

div.left {
  float: left;
}

div.right {
  float: right;
  /*padding: 0px 0px 0px 0px;*/
}
	

a {
  font: 12px Tahoma, Verdana, Arial, sans-serif; color: #0099CC;/* #0099CC #F16FAB */
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
  font-style: italic;
  color: #F16FAB;
}

.jhadd {
  width: 174px;/*154*/
  border: 1px solid #E7E4D7;
  background-color: #222425;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: none;
}

.jhadd-title {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #F16FAB;
  padding: 8px;
  text-align: left;
}

.jhadd li a, .jhadd li {
  color: #FFFFFF;
  text-decoration: none;
}

.jhadd li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.tab {
  /*background: url(../images/tab1.gif) no-repeat;   
  width: 400px; 
  height: 25px;*/
}

.fairstar {
  background: url(../images/fairstarlogo3.gif) no-repeat;   
  width: 75px;
  height: 64px;
}

/* Styles for universal elements */
* {
  padding: 0px; 
  margin: 0px;
}


body {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  background-color: #708090;  /*#708090;*/
  background: url(../images/back4.gif);/* */
  background-position: center;

}
	

p.press {
  width: 100%;
  padding: 5px 5px 5px 5px; 
}	

p.center {
  text-align: center;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
  color: inherit;
}

#container {
  margin: 0px auto;
  width: 885px;
  text-align: left;
}

#navbottom {
  display: block;
  width: 885px; height: 6px;
  margin: 0px; padding: 0px;
  background: url(/images/nav_bottom.gif) top left no-repeat;
  line-height: 0px;
  font-size: 2px;
}

#content {
  background-color: #222425;
  width: 885px;
}

#darkleft {
  float: left;
  background-color: #222425;
  padding: 4px 25px 16px 24px;
  margin-top: 16px;
  text-align: left;
  /*width: 209px;*/
  /*voice-family: "\"}\"";
  voice-family: inherit;*/
  width: 159px;/*159*/
}

html>body #darkleft {
  width: 159px;/*159*/
}

#darkleft p {
  color: #FFFFFF;
}

#bottomdark {
  display: block;
  width: 885px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 2px;
}

#footer {
  margin: 5px 0px 0px 0px;
  padding: 5px;           
  color: #000000;                            
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;                                             
}
        
#footernav {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  margin-top: 0px;
  text-align: center;
}

#footernav a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 11px;
}

#footernav a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

.spacer {
  clear: both;
  line-height: 0px;
  height: 0px;
  font-size: 2px;
}

#navbottom {
  display: block;
  width: 885px; height: 6px;
  margin: 0px; padding: 0px;
  background: url(/images/nav_bottom.gif) top left no-repeat;
  line-height: 0px;
  font-size: 2px;
}

#menu {
  background-color: #0099CC;
}
        
div.submenu {
  padding: 4px 0px 4px 0px;
}

#menu a {
  font: bold 11px arial; color: #FFFFFF;
  text-decoration: none;
  background-color: #000000;
  padding: 2px;
  border-style: solid;
  border-width: 2px; 
  border-color: #f5f5f5;
}

#menu a:hover {
  font: bold 11px arial; color: #000000;/* #0099CC #F16FAB */
  text-decoration: underline;
  background-color: #ffffff;
  padding: 2px;
  border-style: solid;
  border-width: 2px; 
  border-color: black;
}

#menu1tbl {
  /*border: 1px solid white;
  background-color: #0099CC;*/
  /*#945991*/

}       

#menu1 a {               
  font: bold 14px arial; color: #000000;/* #0099CC #F16FAB */ 
  padding-left: 4px;            
  display: block;               
  width: 130px;        
  color: white;                 
  text-decoration: none;        
  border: 1px solid white;
  text-align: center;      
}                             
                              
#menu1 a:hover 
{ 
  font: bold 14px arial; color: #000000;/* #0099CC #F16FAB #FFFF66*/         
  border: 1px solid black;      
  background-color: #F16FAB;
  text-align: center;
  text-decoration: none;
}