/*startfile DEMO*/

/* zero-out defaults on all elements EXCEPT ul, ol, li */
html, body, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
   margin: 0;
   padding: 0;
   border: 0;
   }

/* element overrides */

html {
  height: 100%;
  overflow: hidden;
  }

body {
   height: 100%;
   overflow: auto;
   font-family: Verdana, Arial, Helvetica, 'sans serif';
   font-size: 0.8em; /* SMALL FONT IS DEFAULT (.8) */
   height: 100%;
   color: #322;
   line-height: 1.1em;
   }
   
/*body classes for changing page font size (uses javascript to change classname)*/   
body.small  { font-size: 0.8em }
body.medium { font-size: 0.9em }
body.large  { font-size: 1.0em }
   
.xtralargetext  {
   font-size: 1.3em;
   line-height: 1.3em;
   }

.largetext  {
   font-size: 1.2em;
   line-height: 1.2em;
   }      
   
.largertext {
   font-size: 1.1em;
   line-height: 1.2em;
   }

.normaltext  {
   font-size: 1em;
   line-height: 1.2em;
   }

.smalltext  {
   font-size: .9em;
   line-height: 1.3em;
   }

.tinytext  {
   font-size: .8em;
   line-height: 1.3em;
   color: #000;
   }

.microtext {
   font-size: .7em;
   line-height: 1.3em;
   color: #000;
   }

/* defaults */

a {
   display: inline;
   }

h1 {
   color: #7a4; 
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   line-height: 1.1em;
   }

h2 {
   color: #2d414c;
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   line-height: 1.2em;   
   }

h3, h4 {
   /*color: #000;*/
   color: #2d414c;
   text-align: left;
   line-height: 1.2em;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   }

h5, h6 {
   color: #000;
   text-align: left;
   font-family: Arial, Verdana, Helvetica, 'sans serif';
   display: inline;
   }

hr  {
   width: 100%;
   height: 1px;
   color: #7e2223;
   }
 
form {
  display: inline;
  }

/* OTHER FORM ELEMENTS HERE, such as:
input {
   font-size:
   color:
   background-color:
   border-style:
   border-width:
   border-color:
   }
*/

/* LINKS */

a {
   color: #b44529; 
   /*#4388c2; */
   text-decoration: none;
   font-weight: bold;
   }

a.visited {
   color: #f80; /*#486577;*/ text-decoration: none;
   }

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


a.image {
   color: #e0e4cf; text-decoration: none;
   }

a.image.visited {
   color: #e0e4cf; text-decoration: none;
   }

a.image:hover {
   color: #5f9183; text-decoration: none;
   }

/*a.footer {
   color: #1d421f; text-decoration: underline; color: #1d421f;
   }

a.footer:hover {
   color: #ffffff; background-color: #1d421f; text-decoration: none
   }  */

a.footer {
   color: #fefefe; text-decoration: underline; color: #fefefe;
   }

a.footer:hover {
   color: #ffffff; text-decoration: underline; color: #ffffff;
   }

a.rev {
   color: #f2b24e;
   text-decoration: none;
   }

a.rev:hover {
   text-decoration: underline;
   }
   
a.revwht {
   color: #fff;
   text-decoration: none;
   }

a.revwht:hover {
   color: #f2b24e;
   text-decoration: underline;
   }         

div#pageloaded {
   display: block;
   position: relative;
   margin: 20px auto 20px auto; /*CENTERS DIV WITHIN BODY*/
   width: 800px; /*REQUIRED FOR CENTERING*/
   height: 800px;
   background-image:url('http://www.triograndemusic.com/images/TrioGrandBG3.jpg');
   background-repeat: no-repeat;
   }

div#wait { position: absolute; left: 50%; top: 50%; width: 70%; height: 70%; 
   margin: -20% 0 0 -35%; background-color: #fff; 
   opacity:0.60; filter:alpha(opacity=60); display: none;
   } 
div#waitinner {
   position: absolute; top: 50%; left: 50%;
   margin: -50px 0 0 -50px; 
   }

div#footer {
   clear: both;
   text-align: right;
   border-top: 2px solid #fff;
   margin: 0 auto 0 auto;
   padding: 2px 10px 0 0;
   font-size: 10px;
   }

table.pagecols {
   position: relative;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   border-collapse: collapse;
   }

/* special classes for data dumps */   
.nbgdate {
   font-size: .8em;
   color: #888;
   font-weight: bold;
   }

/* special white link for home page "News for members" link */
a.sp { color: #fff; text-decoration: none; }
a.sp:hover {color: #f2b24e; text-decoration: underline; }