body	{  color: #000000;
		   font-family: verdana, arial, sans-serif;
		   margin: 0px auto;
    text-align:center;
    
	}

html, body { height: 100%;  }

div { margin: 0px auto; }
table { margin:0px auto; }

    
/* HEADER AREA */

#header { width: 100%; height: 120px; 
		  
		   }

/* BODY BELOW HEADER */

#table1 { width: 100%; height: 100%;
			background-image: url(picts/background.jpg);
    		background-repeat:repeat-x;
    		text-align:center;
            padding-top:0px;
            vertical-align:top;
            height: 100%;
             }
td {vertical-align:top; }

/* MAIN CONTENT AREA */

#outerbox { width: 100%; 
            height:100%;
			color: #000000; 
            margin-left: 20px;
			font: 12px verdana, arial, sans-serif; 
			font-weight: normal;
            background-image: inherit;
            
	text-align:center;
			}
			
           
.contenttop { width: 720px; 
		   padding: 0px 20px 20px 20px;
           text-align:justify;
		   vertical-align:top;
		   background-image: inherit;
		   color: #000000;
		   font: 12px verdana, arial, sans-serif;
		   
           margin-top: 20px;
		    }            
            
            
.content { width: 720px; 
		   padding: 0px 20px 20px 20px;
           text-align:justify;
		   vertical-align:top;
		   background-color: #ffffff; 
		   color: #000000;
		   font: 12px verdana, arial, sans-serif;
		   border: 1px solid #F5BD2D;
           margin-top: 20px;
		    }

#sidebar { width: 170px; 
		   height: 100%; 
		   float: right; 
		   vertical-align:top; 
		   }
.altcolor1 { background-color: #F5BD2D; }

.altcolor2 { background-color: #F1F0E4; }

/* SHEET MUSIC  */

.sheetbox { width: 100%; height: 280px; }

.sheet { float: left; width: 100px; height: 220px; margin-right: 15px; margin-left: 17px; font-size: 9px; text-align: center; }

.sheettitle  { font-size: 10px; font-weight: bold; }


/* LINK COLORS */

a:link		{ color:  #AD1625; ; text-decoration: none; font-weight:bold; }

a:visited	{ color: #AD1625; ; text-decoration: none; font-weight:bold; }

a:active	{ color:  #AD1625; ; text-decoration: none; font-weight:bold; }

a:hover		{ color: #F5BD2D; text-decoration: underline; font-weight:bold; }


/* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

TABLE 		{ color: #000000; font: 12px arial, verdana, sans-serif; font-weight: normal; margin: 0px auto; }

.maintitle		{ color: #515151; font: 27px verdana, arial, sans-serif; letter-spacing: 5px; font-weight: normal; }

.title		{ color: #000000; font: 25px arial, verdana, sans-serif; letter-spacing: -1px; font-weight: normal; }



.subtitle 	{ COLOR: #000000; FONT: 18px arial, verdana, sans-serif; letter-spacing: -1px; font-weight: normal; }

.gold  { color: #E8B53F; font-weight: bold; font-size: 11px; }

.small    {font-size:9px; font-weight: bold; }

.list 		{ COLOR: #000000; FONT: 16px arial, sans-serif; font-weight: normal; }

.just 		{ text-align: justify; }

.center { text-align:center; }

.left { text-align:left; }

.right { text-align:right; }

.top { vertical-align:top; }

.imgright  { float:right; margin-left: 20px; }
.imgleft  { float:left; margin-right: 20px; }

.formmargin	{ margin: 0px; }

ul  { line-height: 20px; }


/* FOR THE SITE MAP PAGE */

.page-splits	{
		border-bottom: #F0F0F0 1px solid;
		background-color: #999999;
		color: #999999; height: 2px;
		width: 60%;
		text-align: left;
		margin: 0 auto 0 0;
		margin-top: 1px;
		margin-bottom: 1px;
		}
        
a:link.sitemap   { font-size: 14px; color: #525252; letter-spacing: 3px; }

a:active.sitemap   { font-size: 14px; color: #525252; letter-spacing: 3px; }

a:visited.sitemap   { font-size: 14px; color: #525252; letter-spacing: 3px; }

a:hover.sitemap   { font-size: 14px; color: #AD1625; letter-spacing: 3px; }

/* FOOTER COPYRIGHT AREA */

.footer	{ width: 100%; height: 40px; background-color: #F6F3F0; COLOR: #000000; FONT: 10px arial, verdana, sans-serif; font-weight: normal; width: 100%; border-top: 1px solid #c0c0c0; }

a.footerlink:link		{ color: #C0C0C0; text-decoration: none; font-weight: bold; }

a.footerlink:visited	{ color: #C0C0C0; text-decoration: none; font-weight: bold;}

a.footerlin:active	{ color: #C0C0C0; text-decoration: none; font-weight: bold;}

a.footerlink:hover	{ color: #AD1625; text-decoration: none; font-weight: bold;}



/* NON-GALLERY IMAGE BORDERS AND ALIGNMENT */

.borders	{ BORDER: #F5BD2D 1px solid; }

.bordersother	{ BORDER: #000000 1px solid; }

.noborder { border: 0px #ffffff solid; }

.content-img  { border-top: #F5BD2D 1px solid;
                border-left: #F5BD2D 1px solid; 
                border-right: #F5BD2D 1px solid;
                }

.imgleft  { float: left; margin-right: 10px;  }                
.imgright  { float: right; margin-left: 10px;  } 

.homeimg    { border: 8px ridge #F5BD2D;  }          

/* CODE FOR THE MENU */


.menuline   {  color: #ffffff; border-bottom: 1px solid #c0c0c0; }



#menulocation 	{ z-Index:4; visibility:visible; position:absolute;left:0px;top:122px; width: 170px; }

.menucell    { width: 100%; height:100%; vertical-align: top;  }

.menulinks 	{ font: 14px arial, verdana, sans-serif; font-weight: bold; letter-spacing: 1px; }

a.menulinks:link  { color: #E8B53F; }
a.menulinks:active  { color: #E8B53F; }
a.menulinks:visited  { color: #E8B53F; }
a.menulinks:hover { color: #F5BD2D; }

.menu 		{ background-image: url(picts/menu-background3.png); 
              background-repeat: repeat-y; 
              vertical-align: middle;
              width:170px;
               }

#menustretch   { background-image: url(picts/menu-background3.png); background-repeat: repeat-y; height: 100%; border-left: 1px solid #c0c0c0; border-top:1px solid #c0c0c0; }


/* MENU COLORS */

.menu-gold		{ background-image: url("picts/menu-gold.jpg"); background-repeat: repeat-y; }

#menutd  { height:100%; width: 170px; padding:0px; margin:0px; }

/* SETUP PAGES FOR PRINTING */

@media print {
.printhide 	{ display:none;}
.menutrans	{ display:none;}
.printhelp	{ width:600px }
TABLE 		{ COLOR: #000000; FONT: 13px arial, sans-serif; font-weight: normal }
}
@media screen{
.printonly { display:none; }
}

/* CODE FOR FEEDBACK WINDOW */

a:link.feedback   { font-size: 14px; color: #F5BD2D; letter-spacing: 3px; }

a:active.feedback   { font-size: 14px; color: #F5BD2D; letter-spacing: 3px; }

a:visited.feedback   { font-size: 14px; color: #F5BD2D; letter-spacing: 3px; }

a:hover.feedback   { font-size: 14px; color: #AD1625; letter-spacing: 3px; }

