﻿.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* --------------------- */
/* Main Text Definitions */
/* --------------------- */

body {
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #554564;
 margin: 0;
}

a.skip {
 display: none;
}
h1 {
 color: #ffffff;
 font-weight: normal;
}
h2, h3, h4 {
 color: #ffffff;
 font-weight: normal;
}
h1 {font-size: 200%; margin-top: 0; margin-bottom: 8px; font-weight: normal;}
h2 {font-size: 130%; margin-bottom: 8px;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px; font-weight: bold;}

a img {
 border: 0;
}
a { 
 color: #FFD6F1;
}
a:hover { 
 color: #fff;
}
p {
 margin: 10px 0;
}
.note { 
 color: #eee;
 font-size: 80%;
}
strong {
 color: #FFD6F1;    
}
/* -------------------------- */
/* Generic Layout Definitions */
/* -------------------------- */

#skip {
 display: none;
}
#container {
 width: 800px;
 margin: auto;
 font-size: 70%;
}
#logo {
 width: 800px;
 height: 169px;
}
#nav {
 width: 800px;
 height: 33px;
 background-image: url(../images/bg_nav.jpg);
 background-color: #F9CBE6;
}
#main {
 width: 800px;
 background-color: #A81685;
 background-image:   url(../images/bg_page.jpg);
 background-position: top;
 background-repeat: no-repeat;
 padding-top: 30px;
 padding-bottom: 30px;
}
#content {
 padding-left: 35px;
 padding-right: 35px;
}
#column1 {
 float: left;
 width: 314px;
}
#column2 {
 float: right;
 width: 400px;
 padding-left: 16px;
}
#columnSearch {
 float: left;
 width: 314px;
/* height: 380px;*/
/* background-image: url(../images/singer.gif);*/
/* background-repeat: no-repeat;*/
/* background-position: bottom;*/
}
#fullPage {
 float: left;
 width: 730px;
}
#homeImage {
 width: 310px;
}
#featureTop {
 position: relative;
 width: 306px;
 height: 59px;
 padding-right: 5px;
 background-image:   url(../images/bg_giftvouchers.gif);
 margin-top: 13px;
}
#featureBot {
 position: relative;
 width: 306px;
 height: 59px;
 padding-right: 5px;
 background-image:   url(../images/bg_corpevents.gif);
 margin-top: 13px;
}
#featureTop p, #featureBot p {
 position: absolute;
 left: 155px;
 width: 150px;
 color: #6A6468;
 text-align: left;
}
#featureTop a, #featureBot a {
 width: 150px;
 color: #6A6468;
 text-align: left;
}
#featureTop a:hover, #featureBot a:hover {
 width: 150px;
 color: #000;
 text-align: left;
}
#homeCopy {
 height: 231px;
 margin-bottom: 13px;
}
#quote {
 width: 360px;
 height: 91px;
 padding: 20px;
 font-size: 140%;
 background-image:   url(../images/bg_quote.jpg);
}
#leftColImage {
 float: right;
}
#photoGallery img {
 border: 1px solid #fff;
}
#footer {
 width: 765px;
 clear: both;
 padding-top: 10px;
 padding-right: 35px;
 text-align: right;
 height: 25px;
 background-color: #3D1B5D;
 color: #fff;
 font-size: 90%;
}

#homeFlash {margin-bottom: 10px;}

/* ---------------------- */
/* Other Text Definitions */
/* ---------------------- */

#main ul {
 margin: 0;
 color: #FFD6F1;
}
#main ul li {
 margin: 0 0 0 15px;
}
.songListHead {
 text-align: left;
}
#giftVoucher {
 width: 310px;
 height: 178px;
 margin-top: 10px;
 background-image:   url(../images/bg_gv.gif);
 background-repeat: no-repeat;
}
#giftVoucher ul {
 padding: 50px 10px 6px 10px;
 color: #666;
 font-size: 120%;
}

/* Admin Page layout */
#navAdmin {
 width: 765px;
 height: 23px;
 padding-left: 35px;
 padding-top: 10px;
 background-image: url(../images/bg_nav.jpg);
 background-color: #F9CBE6;
}
#navAdmin a {
 color: #000;
}   
#navAdmin a:hover {
 color: #DC259F;
}  

/* ---------------------- */
/* Navigation Definitions */
/* ---------------------- */

/* Main navigation */
#nav ul {
 list-style: none;
 width: 790px;
 height: 33px;
 padding: 0 0 0 10px;
 margin: 0;
} 
#nav li {
 float: left;
 height: 33px;
 padding: 0;
 margin: 0;
}

/* Footer navigation */
#footer a {
 color: #fff;
 text-decoration: none;
}
#footer a:hover {
 color: #FAECFF;
 text-decoration: none;
}

/* Internal page navigation */
ul.listNav {
 list-style: none;
 margin: 0;
 padding: 0;
}
p.backToTop {
 margin: 10px 0;
 padding: 3px 0;
 border-top: 1px solid #CFD7E9;
 border-bottom: 1px solid #CFD7E9;
 text-align: right;
}
p.backToTop a {
 text-decoration: none;
}



/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
input.fmField, input.search, input.fmComments, input.fmButton, input.fmFieldSml, textarea.update {
 border: 1px solid #FFD6F1;   
}
label {
 float: left;
 width: 80px;
 padding-top: 4px;
}
input.search {
 width: 80px; 
 height: 14px;  
 font-size: 95%;
}
input.fmField {
 width: 250px;
 height: 14px;
 color: #3f481d;
 font-size: 95%;
}
input.fmFieldSml {
 width: 65px;
 height: 14px;
 color: #3f481d;
 font-size: 95%;
}
.fmComments {
 width: 250px;
 height: 100px;
 color: #3f481d;
 font-size: 95%;
 font-family: Arial, Helvetica, Sans-Serif;
}
input.fmButton {
 color: #676266;
 background: #FFD6F1;
 height: 18px;
 font-weight: bold;
 border: 0;
}
select {
 color: #3f481d;
}
textarea.update {
 width: 200px;
 height: 40px;
 color: #3f481d;
 font-size: 95%; 
 font-family: Arial, Helvetica, sans-serif;
}
.summaryBox {
 width: 240px;
 height: 100px;
 color: #3f481d;
 font-size: 95%; 
 font-family: Arial, Helvetica, sans-serif;
}
.FTBeditor {
 font-size: 70%;
 background: fff;
 color: #000;
}
