/* style.css - a simple style sheet */
/* images in div tags dont work in ie6 and earlier */

/*  * {margin:0;padding:0}  */

* {margin:0;}
/* html,body{margin:0;padding:0} */

span.menu
  {
   background: white; 
   margin:0 auto; /* this is for opera/mozilla */
   width:700px;
   height:25px;
   border:none;
   } 

div.menu
  {
   font-family:impact;
   background: white; 
   margin:0 auto; /* this is for opera/mozilla */
   width:700px;
   height:25px;
   border:none;
   margin-top:10px;
   margin-bottom:10px;
   } 

div.menulinks
  {
   background: white; 
   margin:0 auto; /* this is for opera/mozilla */
   width:100px;
   height:25px;
   border:none;
   float:left;
   } 

a.mnu:link 
   { 
   color: blue;
   text-decoration: none;
   font-size: 18px;
   }

a.mnu:visited
   { 
   color: blue;
   text-decoration: none;
   font-size: 18px;
   }

a.mnu:hover
   {
   color: red;
   text-decoration: none;
   font-size: 18px;
   }

a.mnu:active
   {
   color: red;
   text-decoration: none;
   font-size: 18px;
   }


a.mnucur:link 
   { 
   color: red;
   text-decoration: none;
   font-size: 18px;
   }

a.mnucur:visited
   { 
   color: red;
   text-decoration: none;
   font-size: 18px;
   }

a.mnucur:hover
   {
   color: red;
   text-decoration: none;
   font-size: 18px;
   }

a.mnucur:active
   {
   color: red;
   text-decoration: none;
   font-size: 18px;
   }


body.kg
   {
   background: white; 
   text-align: center;
   margin-top:10px;
   margin-bottom:10px;
   }

   .test
   {
   border:3px;
   border-color:blue;
   }

div.hd
   {
   valign:top;
   padding-top:10px;
   padding-bottom:20px;
   padding-right:0;
   padding-left:0;
   margin: 0 auto; /* this is for opera/mozilla */

   }

.foot
   {
   background-image: url('images/footer.gif');
   background-position: bottom;
   background-repeat: no-repeat;
   height:100px;
   }

div.two
   {
   width:400px;
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   padding-top:17px;
   padding-left: 135px;
   padding-right: 130px; 
   padding-bottom: 0px; 
   }

div.fourold
   {
   width:400px;
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   padding-top:17px;
   padding-left: 135px;
   padding-right: 130px; 
   padding-bottom: 0px; 
   }

div.four
   {
   width:500px;
   height: 140px;
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   padding-top:17px;
   padding-left: 100px;
   padding-right: 100px; 
   padding-bottom: 17px; 
   }


div.gar
   {
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   padding-top:0px;
   padding-left: 50px;
   padding-right: 50px; 
   padding-bottom: 17px; 
   }

div.garleft
   {
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   padding-top:0px;
   padding-left: 50px;
   padding-right: 50px; 
   padding-bottom: 17px;
   text-align:left;
   clear: left;
   clear: right;
   }

div.nopad
   {
   font-family:garamond, arial;
   font-size:12pt;
   color:black;
   }

div.pair
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:60px;
   padding-right:60px;
  }

div.oneoffour
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:135px;
   padding-right:15px;
  } 

div.twooffour
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:15px;
   padding-right:15px;
  } 

div.threeoffour
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:15px;
   padding-right:15px;
  } 

div.fouroffour
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:15px;
   padding-right:130px;
  } 

div.pic
  {
   margin:0 auto; /* this is for opera/mozilla */
   border:none;
   float:left;
   padding-left:22px;
   padding-right:22px;
  } 

div.content
  {
   background: white;
   color: black;
   margin:0 auto; /* this is for opera/mozilla */
   width:700px;
   valign:top;
   text-align:top;
   font-size:12px;
   font-family:arial;
   border:none;
   padding:0;
   } 



p.arbig
   {
   font-family:arial;
   font-size:12pt;
   color:black;
   }
p.arsml
   {
   font-family:arial;
   font-size:10pt;
   color:black;
   margin-left: 5em
   }
p.artab
   {
   font-family:arial;
   font-size:10pt;
   color:black;
   }
h1
   {
   font-family:impact;
   font-weight:400;
   font-size:22pt;
   color:black;
   }
h2
   {
   font-family:impact;
   font-weight:400;
   font-size:14pt;
   color:black;
   text-align:center;
   margin-bottom:10px;
   }
h3
   {
   font-family:impact;
   font-weight:400;
   font-size:14pt;
   color:black;
   text-align:left;
   }
h4
   {
   font-family:impact;
   font-weight:400;
   font-size:12pt;
   color:black;
   margin-top:10px;
   margin-bottom:10px;
   }
h5
   {
   font-family:impact;
   font-weight:400;
   font-size:15pt;
   color:black;
   }


img.link
   {
   margin-top:0px;
   margin-bottom:15px;
   }

   .Bands
   {
   background-image: url('images/backgrnd1.jpg');
   background-size: 200px 300px;
   }

   .Composing
   {
   background-image: url('images/backgrnd2.jpg');
   }

   .Teaching
   {
   background-image: url('images/backgrnd3.jpg');
   }

   .Gigs
   {
   background-image: url('images/backgrnd4.jpg');
   }

   .Contact
   {
   background-image: url('images/backgrnd5.jpg');
   }

   .Comments
   {
   background-image: url('images/backgrnd6.jpg');
   }

   .Links
   {
   background-image: url('images/backgrnd7.jpg');
   }

   .Sub
   {
   background-image: url('images/backgrnd8.jpg');
   }

   .Subgal
   {
   background-image: url('images/backgrnd8.jpg');
   }

   .Home
   {
   background-image: url('images/backgrnd.jpg');
   }

   div.cd
   {
   width:400px;
   height:400px;
   font-family: arial ,garamond;
   font-size:12pt;
   color: white;
   background-image: url('images/BackCover.gif');
   text-align: left;
   }