/* blue color used on website: color="#36b9e7" */
/* <?xml version="1.0"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<link rel="StyleSheet" href="jlgmusic.css" type="text/css" title="StyleSheet" /> */

/* GOOD COLOR COMBINATIONS: White on Green (#55b05a or #669900); Red on Blue */

/* NEXT STEP -- go through and remove ridge border & margin 0% from styles and use the new corresponding styles in each php file */ 

a:link { text-decoration: underline; }
a:visited { color: #0000EE; text-decoration: underline;}
a:hover  { text-decoration: none; color: #FF0000; }     /* in orderform this is underline */

a.icons:link { text-decoration: none }
a.icons:visited { color: #0000EE; text-decoration: none}
a.icons:hover  { text-decoration: underline; color: #FF0000; }

a.navbar:link { text-decoration: none; }
a.navbar:visited { text-decoration: none; }  /* In faq this is underline */
a.navbar:hover { text-decoration: none; color: #ff0000; font-size: larger }

a.lessons:link { font-family: arial, verdana, helvetica, sans-serif; color: #166285; font-size: 10pt; }
a.lessons:visited { font-family: verdana, arial, helvetica, sans-serif; color: #466592; }
a.lessons:hover,A:active { font-family: arial, verdana, helvetica, sans-serif; color: #99283E; }

BODY.bg { background-image: url(images/background.jpg); 
	  color: #012003; 
	  background-color: #FFFFFF;}

BODY.nobg { background-color: #FFFFFF; color: black  } /* sitemap */

DIV.comic { font-size: 125%; 
	    font-family: 'Comic Sans MS', Arial, Helvetica; 
	    margin-right: 8%;
	    text-align: right;
	  }

FORM { background-color: #ddFFee; 
       color: black;
       display: inline
     }

FORM.fcat { background-color: transparent; display:inline } /* used in catalog but with white background style overriding this eh? */

H1, H2 { font-family: georgia, times, serif; 
	 color: #000080; 
	 background-color: #FFFFFF;           /* is EEEEEE in plan */
	 text-align: center;
       }

H1.nb { font-family: verdana, times, serif; 
	color: #008000; 
	background-color: transparent;}

H2.nb { font-family: verdana, times, serif;       /* only in travels-about ? */
	color: #008000; 
	background-color: #DDFFDD 
      }

IMG {border: none; vertical-align: top}

IMG.clean { background-color: #FFFFFF; 
	    color: black; 
	    border: none; } /* body_header among others */

IMG.r {float: right; }
IMG.l {float: left; }

LI.ninety {font-size: 90%} /* used in lessons only? */

P.gara {font-family: sans-serif; font-size: 13pt; margin: 2%; font-weight: bold}  /* plan */

P.intro { background-color: white; 
	  color: black; 
	  padding: 1%; 
	  font-size: smaller; 
	  margin-left: 8%; 
	  text-align: left;
	}

P.head { font-family: Arial, Helvetica, sans-serif; 
	 font-size: 13pt; }

P.question { font-family: Helvetica, Arial, sans-serif; font-size: larger; color: #4000CC  }

SELECT {width: 160px}

TABLE {font-family: verdana, arial, helvetica, sans-serif }  /* Used in catalog, need to check other tables to see if fonts work */

TD {vertical-align: top}

TD.inverse { font-family: arial, verdana, helvetica, sans-serif; color: #ffffff; }  /* only in lessons? */

TD.under { border-bottom: outset; width: 100% }  /* orderform */

TH { font-size: 10pt; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 1px; color: black; font-weight: bold; } /* only in lessons? */

TH.bottom { border-bottom-width: thin; border-bottom: solid; border-color: black } /* orderform */

UL {list-style: outside; list-style-type: square /* disc, circle, square */}

UL.legal { font-family: arial, helvetica, sans-serif;  /* travels main page */
	   font-size: 11pt }

.answers { text-align: left;       /* Answers to FAQ questions -- light/faded green background, fairly normal otherwise */
	   font-size: medium; 
	   color: #000050; 
	   background-color: #E0F0F0; 
	   margin-left: 3%; 
	   margin-right: 2%; 
	   margin-bottom: 1%; } 

.bademail { border: solid;   /* thick red border, regular text red, larger font */
	    color: red; 
	    background-color: white; 
	    padding: 2%; 
	    font-size: larger; 
	  }
.incomplete { border: solid; /* SAME as bademail -- need to merge php files into bademail */
	      color: red; 
	      background-color: white; 
	      padding: 2%; 
	      font-size: larger; }

.bgb {background-color: black}         /* these first 3 don't seem to be used anywhere, was in lessons header */
.bgg {background-color: #555555}
.bgm {background-color: #775555}
.bggr {background-color: #DDFFDD; }

.black_white {background-color: black;
	      color: #FFFFFF;
	     }

.blueyellow {color: blue; background-color: yellow; }

.blurb  { font-family: verdana, times, serif; /* light green bgrd, as with others, 3d box effect, box margins in from lr of page */
	  margin-right: 5%;
	  margin-left: 5%;
	  color: #003000; 
	  background-color: #cceedd;
	  border-style: outset; 
	  padding: .25em .15em .5em .15em; }

.brdr_ridge {border: ridge; }
.brdr_n { border: none; }

.box { color: black;  /* top box in lessons */
      background-color: #ffeacb; /* #ffa853; */
      font-weight: bold; 
      border: solid; 
      border-spacing: 1px;
      width: 75%;
      text-align: justify;
      margin: auto;
      padding-left: 1%;
      padding-right: 1%;
    }

.boxed { padding-top: 0.5%;  /* box with olive-green border, white bgrd, otherwise normal */
	 padding-left: 1%; 
	 padding-right: 0.5%; 
	 padding-bottom: 1%; 
	 background-color: white; 
	 color: black; 
	 border-style: ridge; 
	 border-color: #ddffee;  /* used in catalog. May not work in other files */
	 font-size: 13pt; }

.c0077dd { color: #0077dd }

.catalog {margin-left: 12%;  /* box, light green background similar to blurb but larger page margins, different border */
	   margin-right: 12%; 
	   padding-bottom: .5em; 
	   font-family: verdana, times, serif; 
	   background-color: #ddffee; 
	   color: black; 
	   border-style: ridge;
	   padding-left: 1%; 
	   padding-top: 1%; 
	 }

.cat_list { margin-left: 5%; background-color: white }    /* only in catalog? */

.center { text-align: center; }

.clearb  { clear: both; }           /* need to re-do this into 3 separate clears1 */
.clearl { clear: left; }
.clearr { clear: right; }

.confirm { margin-right: 7%; margin-left: 7%;   /* orderform, orderinfo - box, tan bgrd, similar to blurb */
	   padding-bottom: .5em; 
	   padding-left: 1%; 
	   padding-top: 1%; 
	   font-family: verdana, times, serif; 
	   background-color: #ffeedd; color: black; 
	   border-style: ridge; 
	 }

/*Added 7/2010 for Search */
.description {  font-size: 12pt; font-family: cambria, garamond, times, serif; font-style: italic } 

.even { background-color: #E0E0E0; } /* orderform */

.fgblack {color: black; }

.index { text-align: right;   /* right justified text, category listings in index */
	 font-family: verdana, arial, helvetica;
	 margin-right: 10%;
	 font-size: 1.5em;
       }
	 
.jumpto { background: #FFE6E6;  /* pink/tan bgrd, small & different font */
          font-family: times, Verdana, Arial, sans-serif; 
	  font-size: 11px; }   /* only in catalog? */

.larger {font-size: larger }

.left { text-align: left }

.listings { margin-top: 3%; /* arial/helv font, solid white bgrd, centered, but not much different than regular */
            margin-right: 5%;
            margin-left: 5%;
	    font-family: Arial, helvetica, sans-serif; 
	    color: #333333; 
	    background-color: #FFFFFF;
            text-align: center;
	  }

.margin0 { margin: 0% }

.marginl2 {margin-left: 2% } /* in sitemap or for indented LI */

.navbar { color: black;   /* need to work on colors */
/*              background-color: #36b9e7; */
	        background-color: #abe0f2;
	      font-variant: small-caps;
	      font-size: 14px;
	      text-align: center;
	    }

.odd { background-color: #C0C0C0; }

.padding1 { padding: 1% }

.point11 { font-size: 11pt; 
	   line-height: 11.5pt; 
	   background-color: #ddffee;
	 }

.redwhite {color:red; background-color: white }
.redyellow {color: red; background-color: yellow }

.right {text-align: right}

.right10 { text-align: right; width: 10%}

.small { font-size: 10pt; 
	 font-family: times, roman, serif; 
	 text-align: left; }

.smaller { font-size: smaller; }

.striked { text-decoration: line-through; 
	   color: #FF00FF;
	 }

.table_ads {text-align: left;
	   float: left;
	   margin: 1%;
	  }

.titlelists { margin-right: 2%; margin-left: 0.4em;  /* orderform - box, green bgrd, simialr to listings */
	      font-family: arial, helvetica, sans-serif; font-size: larger; 
	      color: #333333; background-color: #ddffee }

.transparent { background-color: transparent}  /* orderform */

.underline {text-decoration: underline}

.used_p {font-size: 12pt;
	 font-family: "Times New Roman", serif;
	}

.uhead {font-size: 16pt;    /* titles of used_music */
        font-weight: bold
       }

.vindent {margin-right: 5%; /* indented, 95% font, no bgrd, l-r margins but tight within element */
	  margin-left: 5%; 
	  padding-left: 1%;
	  font-family: verdana, times, serif; 
	  color: #05F; 
	  font-size: 95%;
	  /* border: solid; */   /* no border in terms, travels,  travels-about not sure we need it?*/
	 } 


.verdana { font-family: verdana, times, serif; }

.ybg { background-color: yellow; color: black; }
