/* Main layout */
.subpage {
         }

.subpage .main { 
   width: 500px;
   float: left;
}

.subpage .sidebar { 
   width: 250px;
   float: right;
}

.sidebarL { 
   width: 250px;
   float: left;
   left: 5px;
}

body { 
   background: #ffeccf no-repeat center center fixed;
   padding: 10px
}

body.main, body.intro { 
   background: #f4d492 url(pics/bkgd_parchment1.jpg) scroll top; 
}

h2 { 
   color: #483c0e;
   font-weight: normal;
   font-size: 110%;
   text-decoration: underline;
   margin-bottom: 0px;
}

table.main, table.intro { 
   border: 2px ridge;
   vertical-align: center;
   background-color: #f4d492;
}

td {
   padding: 10px;
   background-color: #ffeccf;
}

table.intro td { 
   padding: 50px;
}

.footer { 
   border-top: 2px solid #04531c;
   margin: 10px;
   vertical-align: bottom;
   bottom: 10px;
}

/* Page title, etc */
div.pagetitle { 
   text-align: left;
   vertical-align: top;
   width: 40%;
   padding: 0px 10px 0px 10px;
   margin-bottom: 20px;
   border-bottom: 1px solid #04531c;
   font-size: x-large;
   font-style: italic;
   height: 32px; /* This is smaller than the pic size to force the underline up */
   max-height: 32px;
   color: #04531c;
}

div.pagetitle img { 
   vertical-align: top; 
   overflow: visible;
}

div.pagesubtitle { 
   text-align: left;
   width: 40%;
   margin: -15px 0px 20px 0px;
   font-size: 120%;
   font-style: italic;
   height: 24 px;
   color: #04531c;
}

/* Links to other subpages */
.peerlinks { 
   position: absolute;
   top: 0px;
   right: 20px;
   width: 400px;
   text-align: right;
}

.peerlinks a { 
   margin: 0px 10px;
   color: #483c0e;
   font-size: 80%;
   font-style: italic;
}

.peerlinks a:hover { 
   font-weight: bold; 
}


/*** News items (on News page) ***/
.newsitem { 
   width: 700px;
   padding: 0px 0px 20px 0px;
   margin-left: 20px;
   margin-right:20px;
   text-align: left;
}

.newsitem img { 
   border: thin solid black;
   padding: 15px;
}

#newsitem1 img,
#newsitem3 img,
#newsitem5 img  { left: 0px;
                  margin-right: 20px;
                  float: left;
                }

#newsitem2 img,
#newsitem4 img,
#newsitem6 img  { right: 0px;
                  margin-left: 20px;
                  float: right;
                }

.headline {
   font-family: verdana;
   font-size: 90%;
}

/* Events, calendar, etc */
.event { 
   padding: 10px 5px 5px 5px;
   margin: 0px 5px;
   border-bottom: 1px solid #04531c;
   text-align: left;
}

.eventdate {
   font-size: 80%;
   font-family: verdana;
   font-weight: bold;
}

.eventtitle {
   font-size: 90%;
   font-family: verdana;
   font-weight: bold;
}

.eventdesc {
   font-weight: normal;
}

div.calendar { right: 5px; 
               width: 500px;
               float: right;
               text-align: center;
             }

/*** Reviews, quotes, etc ***/
body#reviewpage {
   background: url('/pics/pianokeys_bg_sm.jpg') no-repeat fixed 300px center;
}

div.reviewerlist {
   /* background: #ccbda6; */
   position: absolute;
   top: 75px;
   left: 0px;
   width: 175px;
   height: 100%;
   text-align: right;
   z-index: 1;
}

.reviewerActive { 
   background: #ffeccf;
   text-decoration: none;
   padding: 10px 10px 10px 0px;
   border-top:    1px solid #04531c;
   border-bottom: 1px solid #04531c;
}

.reviewerPassive { 
   cursor: pointer;
   background: #f2e0c5;
   text-decoration: none;
   padding: 10px 10px 10px 0px;
   border-top:    1px solid #04531c;
   border-bottom: 1px solid #04531c;
   border-right:  1px solid #04531c;
}

.reviewername {
   font-style: italic;
   font-family: arial;
   font-weight: bold;
}

.reviewerorg {
   font-style: italic;
}

div.reviews {
   position: absolute;
   top: 75px;
   left: 175px;
}

div.review { 
   visibility: hidden;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 575px;
   text-align: left;
   padding-left: 25px;
   margin-right: 25px;
}

div.review p:first-line { 
   text-indent: 25px;
}

div.review span.title { 
   font-style: italic;
}

div.review span.title:before { content: open-quote }
div.review span.title:after  { content: close-quote }


/*** Radio station stuff ***/
#map { 
   border: 1px solid #04531c;
}

   .id { border-bottom: 1px solid #04531c;
         font-weight: bold;
         font-size: 110%;
         /* text-align: center;*/
       }

   .id a { text-decoration: none; }

   .info { left: 150px;
         }


/*** Shopping page ***/
body.shop { 
   width: 750px; 
}

body.shop h2 {
   color: #483c0e; 
   font-weight: bold;
   text-decoration: none;
   font-family: arial;
   font-size: 18pt;
   padding-bottom: 20px;
}

body.shop .item { 
   left: 0px;
   width: 750px;
   clear: both;
   padding-top: 20px;
   padding-bottom: 20px;
   min-height: 220px;
}

body.shop .itempic { 
   border: thin solid black;
   text-align: center;
   width: 200px;
   height: 200px;
   padding: 10px;
   margin: 0px 20px;
   float: left;
}

body.shop .itempic img { border: 1px solid #ffeccf; }
body.shop .itempic a:hover img { border: 1px solid #483c0e; }

body.shop .itemname { 
   color: #483c0e; 
   font-weight: bold; 
   text-decoration: underline;
}

body.shop .itemdesc { 
   padding: 0px 15px 15px 15px; 
   margin-left: 20px; 
   margin-right: 20px;
}

body.shop form { 
   text-align: right;
} 

body.shop form input {
   vertical-align: text-bottom;
}

body.shop .buysect {
   text-align: right;
}