html, body {
   
    font-family: 'Muli', sans-serif;
    margin:0;
    padding:0;
}

body.home {
   
    background: -webkit-linear-gradient(left, white 40%, #CDFF9B); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #CDFF9B); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #CDFF9B); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #CDFF9B); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.about-us {
   
    background: -webkit-linear-gradient(left, white 40%, #B4E2E2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #B4E2E2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #B4E2E2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #B4E2E2); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.past-shows {
   
    background: -webkit-linear-gradient(left, white 40%, #FFD8D9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #FFD8D9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #FFD8D9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #FFD8D9); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.gallery {
   
    background: -webkit-linear-gradient(left, white 40%, #FFFF9A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #FFFF9A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #FFFF9A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #FFFF9A); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.contact-us {
   
    background: -webkit-linear-gradient(left, white 40%, #CC9AFF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #CC9AFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #CC9AFF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #CC9AFF); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.related-links {
   
    background: -webkit-linear-gradient(left, white 40%, #FFFF9A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #FFFF9A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #FFFF9A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #FFFF9A); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.events {
   
    background: -webkit-linear-gradient(left, white 40%, #CCFF9A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #CCFF9A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #CCFF9A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #CCFF9A); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.membership {
   
    background: -webkit-linear-gradient(left, white 40%, #FFFF9A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #FFFF9A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #FFFF9A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #FFFF9A); /* Standard syntax */
    margin:0;
    padding:0;
    
}

body.calendar {
   
    background: -webkit-linear-gradient(left, white 40%, #FF9A1A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white 40%, #FF9A1A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white 40%, #FF9A1A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white 40%, #FF9A1A); /* Standard syntax */
    margin:0;
    padding:0;
    
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-size:12px;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 3em;
    margin-right: 3em;
    border-style: inset;
    border-width: 1px;

}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
}

b, strong {
    font-weight: 600;
}

samp {
    display: none;
}

hr {
    background:#7FCCCC;
    border:0;
    border-radius:3px;
    color: #222;
    font-size:12px;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 3em;
    margin-right: 3em;
}

.notes-top-nav {
    background-image:url(../images/notes-background.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-color:white;
    height:280px;
    margin-left:250px;
    position:relative;  
}

.notes-top-nav a {
    font-family: 'Balthazar', serif;
    color:black;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
}


.notes-top-nav a.about_us {
    position:absolute;
    display:block;
    top:40px;
    left:90px;
    border:1px solid transparent;
    padding:210px 60px 0px 60px;
}

.notes-top-nav a.about_us:hover {
    color:#FC832C;
}

.notes-top-nav a.events {
    position:absolute;
    top:135px;
    left:340px;
    display:block;
    padding:80px 30px 0px 30px;
    
}

.notes-top-nav a.events:hover {
    color:#FED957;    
}

.notes-top-nav a.membership {
    position:absolute;
    top:120px;
    left:505px;
    display:block;
    padding:80px 20px 0px 20px;
}

.notes-top-nav a.membership:hover {
    color:#8FC64F;    
}

.notes-top-nav a.past_shows {
    position:absolute;
    top:175px;
    left:670px;
    display:block;
    padding:65px 0px 0px 0px;
}

.notes-top-nav a.past_shows:hover {
    color:#8BCAE9;    
}

.notes-top-nav a.gallery {
    position:absolute;
    top:141px;
    left:785px;
    display:block;
    padding:60px 0px 0px 0px;
}

.notes-top-nav a.gallery:hover {
    color:#6DA2E0;   
}

.notes-top-nav a.friends {
    position:absolute;
    top:110px;
    left:850px;
    display:block;
    padding:55px 0px 0px 0px;
}

.notes-top-nav a.friends:hover {
    color:#9588DF;  
}


.left-nav {
    position:absolute;
    top:-220px;
    background-image:url(../images/smms-logo.jpg);
    background-repeat:no-repeat;
    background-position:top;
    width:195px;
    margin-left:8px;
    text-align:center;
}

.left-nav a.home {
    display:block;
    padding:175px 0px 0px 0px;
    font-family: 'Balthazar', serif;
    color:black;
    font-size:20px !important;
    font-weight:bold;
    text-decoration:none;  
}

.left-nav a.home:hover {
    
    text-decoration:none;   
}

.left-nav ul li  {
   list-style: none;
}


.left-nav ul li:before {
   font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: '■';
    font-size: 150%;
    color:#FF7C80;
    margin-right:8px;
    position:relative;
    top:1px;
}

.left-nav ul li.selected:before {
   font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
    content: '■';
    color:#009999;
}

.left-nav a {
    color:#000;
    font-size:.7em;
    font-weight:bold;
    text-decoration:none;
}

.left-nav a:hover {
    color:#009999;
    text-decoration:underline;
}


.container {
    min-height:400px;
    position:relative;
    width:100%;

}

.title-banner {
    background-color:#7FCCCC;
    padding:4px 10px 4px 40px;
    font-family: 'Balthazar', serif;
    color:white;
    font-size:20px;
    margin:0px 0px 0px 220px;
    text-transform: uppercase;
    letter-spacing: 4px;
    
}

.title-banner .bigger {
    font-size:1.4em;
}

.main-content {   
    margin:10px 0px 0px 220px;
    min-height:350px;

}

.content-divider {
    padding:4px 10px 4px 0px;
    font-family: 'Balthazar', serif;
    color:black;;
    font-size:30px;
    margin:20px 0px 20px 0px;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom:4px solid #FF7C80;
}

.content-divider .bigger {
    font-size:1.4em;
}

.content-area {   
    margin:0px 0px 0px 0px;
    line-height:2em;
    width:100% !important;
    
}

.content-area.past-shows table tr td {   
    border-bottom:1px solid #FF7C80;
    line-height:1.4em;
}

.content-area.past-shows table tr td:first-child {   
    padding:10px 0px;
}

.content-area.related-links table tr td {   
    padding:10px 0px;
}

.about-us-sidebar {
    
    text-align:center; 
    border-left:2px solid #FF7C80;
    width:30%;
    line-height:1.2em;
}

.about-us-sidebar a {
    
    color:#009999;
    font-size:.8em;
   
}

.about-us-sidebar a:hover {
    
    color:#000;
   
}

.footer {
    background-color:#FFD8D9;
    padding:8px 10px 80px 40px;
    margin:100px 0px 70px 220px;
    font-size:.9em;
}


.footer .divider {
    
    margin:0px 10px 0px 10px;
  
}

.footer a {
    color:#008080;
}

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

.button {

   background: #7FCCCC;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#7FCCCC));
   background: -webkit-linear-gradient(top, #3e779d, #7FCCCC);
   background: -moz-linear-gradient(top, #3e779d, #7FCCCC);
   background: -ms-linear-gradient(top, #3e779d, #7FCCCC);
   background: -o-linear-gradient(top, #3e779d, #7FCCCC);
   padding: 9px 14px 14px 14px;
   -webkit-border-radius: 22px;
   -moz-border-radius: 22px;
   border-radius: 22px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white !important;
   font-size: 28px !important;
   font-family: 'Luckiest Guy', cursive;
    font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

table.past-shows th {
    background:#7FCCCC;
}

table.past-shows td {
    border-bottom:1px solid #7FCCCC !important;
}

table.events td {
    border-bottom:2px solid #7FCCCC !important;
    padding:10px 0px;
}

table {
    border-top:2px solid #7FCCCC !important;
    margin-top:40px;
}