/* CSS 2 sytle sheet for Carina */

body {
   background-color: rgb(144,178,206);
   font-family: arial, sans-serif;
   font-size: small;
   margin: 0px;
   padding: 0px;
}

div.center {
   text-align: center;
}

div.mainCenter {
   text-align: center;
   background-color: rgb(93, 136, 171);
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   width: 760px;
   height: 1600px;
}

table.main {
   border-collapse: collapse;
   width: 99%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

td.top {
   background-image: url(banner.jpg);
   background-repeat: no-repeat;
   height: 85px;
   text-align: right;
   padding-right: 30px;
}

td.subMenu {
   background-color: rgb(184, 211, 232);
   color: navy;
   padding-top: 3px;
   padding-right: 30px;
   text-align: center;
   border-style: solid;
   border-width: 0px 0px 0px 0px;
}

td.textArea {
   padding: 10px 30px 10px 30px;
   height: 100%;
   width: 95%;
   background-color: rgb(216, 245, 255);
   text-align: left;
}

span.pageMenuItem {
   background-color: transparent;
   padding: 2px;
}   

span.activePageMenuItem {
   background-color: rgb(216, 245, 255);
   padding: 2px;
}

span.subMenuItem {
   background-color: transparent);
   padding: 2px;
}

span.activeSubMenuItem {
   background-color: rgb(216, 245, 255);
   padding: 2px;
}

div.spacer {
   height: 30px;
}

span.regBox {
   float: right;
   width: 50%;
   border-style: solid;
   border-color: black;
   border-width: 1px;
   padding: 5px;
   text-align: left;
}

span.editLink {
   color: red;
   text-decoration: underline;
   font-size: x-small;
   cursor: pointer;
   margin-bottom: 20px;
   line-height: 120%;
   vertical-align:top;
}

div.credit {
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-bottom: 40px;
   font-size: small;
}

div#menuEditBox {
   position: absolute;
   top: 0px;
   left: -450px;
   border-style: solid;
   border-color: black;
   border-width: 1px;
   padding: 5px;
   text-align: center;
   background-color: white;
}

span.song {
   line-height: 150%;
   vertical-algin: bottom;
}

td.songs {
   padding-left: 20px;
}

table.photo {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

td.photoCell {
   vertical-align: top;
   padding-left: 10px;
   padding-right: 10px;
}

table.slideShow {
   width: 660px;
}

td.slideSlowPrevNext {
   width: 30px;
   text-align: center;
}

td.slideSlowTitle {
   width: 600px;
   text-align: center;
}

table.schedule {
   border-collapse: collapse;   
   width: 680px;
   margin-left: auto;
   margin-right: auto;
   background-color: rgb(238, 250, 255);
   border-style: solid;
   border-width: 1px;
   border-color: blue;
   padding: 5px;
}

td.heading {
   border-style: solid;
   border-color: blue;
   border-width: 0px 1px 1px 0px;
   font-weight: bold;
   padding-left: 5px;
}

td.appearance {
   border-style: solid;
   border-color: black;
   border-width: 0px 0px 1px 0px;
   padding-left: 5px;
}

table.venue {
   border-collapse: collapse;
   width: 680px;
   margin-left: auto;
   margin-right: auto;
   background-color: rgb(238, 250, 255);
   border-style: solid;
   border-width: 1px;
   border-color: blue;
   padding: 5px;
}

td.venueCell {
   background-color: rgb(238, 250, 255);
   border-style: solid;
   border-width: 1px;
   border-color: blue;
   padding: 5px;
   width: 50%;
}   

span.extLink {
   text-decoration: underline;
   color: red;
   cursor: pointer;
}

td.songList {
   width: 200px;
   vertical-align: top;
}

td.song {
   text-align: center;
}

table.cart {
   width: 100%;
}

table.cart td {
   text-align: center;
   width: 33%;
}