/* BASIC STYLES */
body {margin: 0px; padding: 0px 0px 30px 0px; background: #000000 url(../img/bg.jpg) repeat-x 0 250px; font-family: arial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {padding: 0px; color: #000000}
input, label, li, p, select, td, th {font-size: 0.8em; color: #333333;}
textarea {font-size: 0.8em; color: #333333; padding: 5px;}
p input, p label {font-size: 1em;}
img {border: 0px;}
p, pre {margin: 1em 0;}
h1 {margin: 0;  padding: .2em 0 0 0; font-size: 1.7em; font-weight: normal;}
h2 {margin: 1em 0 0 0; font-size: 1.4em; font-weight: normal;}
h3 {margin: 1em 0 0 0; font-size: 1em;}
h4 {margin: 1em 0 0 0; font-size: 0.8em;}
optgroup {padding:3px 0;}
a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}
form {padding: 0; margin: 0;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: red; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/* STRUCTURE */
#container {background-color: #ffffff; width: 848px; margin: 0 auto;}
#maincontent {float: right; width: 623px; margin: 0 19px 0 0; padding: 30px 15px 10px 15px; background: #ffffff url(../img/mainfadebg.gif) no-repeat 0 19px;}
#sidebar {float: left; width: 155px; overflow: hidden;}

/*COMMON*/
.flink {margin: 0; text-align: right;}
.fimg {float: right; margin: 0 0 5px 15px;}
.clearer {clear: both; height: 1px; overflow: hidden;}
#textsizechooser {float: left; line-height: 46px; height: 46px; margin: 0 0 0 10px; font-size: 0.9em;}
#textsizechooser a {text-decoration: none;}
#textsizechooser a:hover {text-decoration: underline;}
#textsizechooser a#smalltext {font-size: 0.8em; font-weight: bold;}
#textsizechooser a#mediumtext {font-size: 1.2em;}
#textsizechooser a#largetext {font-size: 1.6em;}
#phonenumber {color: #2F2C6E; text-align: right; line-height: 40px; height: 46px; background: transparent url(../img/topbg.jpg) repeat-x 0 0; margin: 0; font-size: 1.2em; padding: 0 10px 0 0;}
#phonenumber strong {font-weight: normal; font-size: 1.5em;}
#blogteaser  img {margin: 0 0 10px 5px;}

#blogteaser2 {display: block; margin: 0 0 10px 10px; width: 105px; height: 105px;padding: 40px 25px 10px 15px; background: transparent url(../img/blogteaser2.jpg) no-repeat 0 0; text-align: center; font-size: 14pt; text-decoration: none; font-style: italic;}
#blogteaser2 strong {font-size: 20pt;}

#blogteaser3 {margin: 0 0 10px 10px; width: 105px; height: 135px;padding:60px 20px 20px; background: transparent url(../img/blogteaser3.jpg) no-repeat 0 0; color:#3a3775;}
#blogteaser3 a {color:#3a3775;}
#blogteaser3 h3 {margin: 0 0 5px 0 ; text-align: center; font-size: 16pt; font-style: italic;}
#blogteaser3 h4 {margin: 0 0 5px 0; font-size: 8pt;}
#blogteaser3 h3 a, #blogteaser3 h4 a {text-decoration: none;}
#blogteaser3 h3 a:hover, #blogteaser3 h4 a:hover {text-decoration: underline;}
#blogteaser3 p {margin: 0; font-size: 8pt; color:#3a3775;}

#box {margin: 0 0 10px 10px; width: 125px; height: 155px;padding: 10px; background: transparent url(../img/box.gif) no-repeat 0 0;}
#box p {margin: 0; font-size: 10pt;}

/*MENU and SIDEBAR*/
#mainmenu {padding: 0; margin: 0 0 10px 0; list-style: none; width: 155px; text-align: left;}
#mainmenu li {height: 37px; margin: 0; padding: 0; font-size: 12px; line-height: 34px;}
#mainmenu a {display: block; width: 117px; padding-left: 38px; height: 37px; color: #000000; text-decoration: none; font-weight: bold; overflow: hidden;}
#mainmenu a:hover {color: #103e82;}

/* BRANDING */
#branding {clear: both; padding: 15px 25px 0 525px; text-align: center; height: 188px; background-position: 0 0; background-repeat: no-repeat; border-bottom: 3px solid #000000; background-color: #ffffff; overflow: hidden;}
#homepage #branding {background-image: url(../img/headerimglake.jpg);}
#about #branding {background-image: url(../img/headerimgwoods.jpg);}
#ourmusicians #branding {background-image: url(../img/headerimgmusicians.jpg);}
#fees #branding {background-image: url(../img/headerimgheart.jpg);}
#profiles #branding {background-image: url(../img/headerimgkiss.jpg);}
#services #branding {background-image: url(../img/headerimgbeach.jpg);}
#events #branding {background-image: url(../img/headerimgalberthall.jpg);}
#contactus #branding {background-image: url(../img/headerimglake.jpg);}
#press #branding {background-image: url(../img/headerimglake.jpg);}
#logo {margin: 0; padding: 0; font-size: 1.5em;}
#headerquote {font-style: italic; margin: 0.5em 0;}
#headerquoter {font-weight: bold; text-align: right; margin: 0.5em 0;}

/* CONTENT */
#maincontent p {line-height: 1.5em;}

/*HOMEPAGE*/
.hometeaserupper {width: 156px; height: 5em; background-repeat: no-repeat; background-color: #ffffff; background-position: 0 0; margin: 1.5em 0 0 0; padding: 100px 25px 0 25px; float: left;}
#joining {background-image: url(../img/hometeaserkissing.jpg); margin-right: 1px;}
#female {background-image: url(../img/hometeaserviolin.jpg); margin-right: 1px;}
#male {background-image: url(../img/hometeaserbeachman.jpg);}
.hometeaserupper h3 {margin: 0;}
.hometeaserupper h3 a {text-decoration: none;}
.hometeaserupper h3 a:hover {text-decoration: underline;}
.hometeaserupper .flink {text-align: right;}
.hometeaserupper .flink a {text-decoration: none; background: #ffffff url(../img/arrow.gif) no-repeat right center; padding: 0 10px 2px 0;}
.hometeaserupper .flink a:hover {text-decoration: underline;}
.hometeaserlower {width: 162px; height: 7em; background: #000000 url(../img/hometeaserblackcurve.gif) no-repeat left bottom; padding: 15px 17px 0 17px; float: left; color: #ffffff; margin: 0 6px 0 5px;}
.hometeaserlower p, .hometeaserlower h3, .hometeaserlower a {color: #ffffff;}
.hometeaserlower h3 {margin: 0; font-size: 0.95em;}
.hometeaserlower p {font-size: 0.7em;}
.hometeaserlower form p {margin: 3px 0;}
.hometeaserlower form {padding: 3px 0 0 0;}
.hometeaserlower form input {width: 156px; padding: 2px;}
.hometeaserlower form input.button {width: auto;}

/*MUSICIANS PAGE*/
.musicianbox {float: left; margin: 5px; padding: 6px; width: 179px; height: 240px; text-align: center; background: #ffffff url(../img/musimgbg.gif) no-repeat 0 0;}
.musicianbox img {margin: 5px 0;}
.musicianbox h3 {margin: 0; font-size: 0.9em; line-height: 16px;}
.musicianbox h3 a {text-decoration: none;}
.musicianbox h3 a:hover {text-decoration: underline;}

/*FEES PAGE*/
#feestable {border: 1px solid #e8e8e8;}
#feestable th {font-weight: normal; text-align: left; vertical-align: top; width: 180px}
#feestable td {text-align: left; vertical-align: top;}
#feestable th, #feestable td {background: #fcfcfc url(../img/cellbg.gif) repeat-x left bottom; padding: 15px;}

/*PROFILE PAGE*/
.profilebox {float: left; width: 104px; height: 171px; margin: 4px; padding: 23px 15px 5px 80px;}
.female {background: #ffffff url(../img/profilebgwoman.gif) no-repeat 0 0;}
.male {background: #ffffff url(../img/profilebgman.gif) no-repeat 0 0;}
.profilebox h3 {font-size: 0.9em; margin: 0;}
.profilebox h3 a {text-decoration: none;}
.profilebox h3 a:hover {text-decoration: underline;}
.profilebox .age {margin: 0;}
.profilebox .location {margin: 20px 0 40px 0;}
.profilebox .flink {text-align: right;}
.profilebox .flink a {text-decoration: none; background: #ffffff url(../img/arrow.gif) no-repeat right center; padding: 0 10px 2px 0;}
.profilebox .flink a:hover {text-decoration: underline;}

table.profile { border: none; margin-top: 10px; }
table.profile td { vertical-align:top; padding: 5px; }

/*EVENTS*/
h3.month {text-align: center;}
#events h4 {margin-bottom: 0px;}
#events p {margin-top: 0px;}
.note {text-align: center; font-weight: bold; font-style: italic;}

/*CONTACT*/
form#contact {}
form#contact fieldset {border: 1px solid #aaaaaa; margin: 20px 40px; padding: 15px;}
form#contact legend {font-size: 12pt; font-weight: bold;}
form#contact label {float: left; width: 120px; text-align: right; padding-right: 10px;}
form#contact .inputtext {width: 200px;}
form#contact .button {border: 1px solid #999999; color: #000000; background-color: #cccccc; margin-left: 130px; cursor: pointer;}
form#contact textarea { font-size: 10pt; width: 350px;}
/*SITEMAP*/


/* FOOTER */
#footer {clear: both; width: 848px; background-color: #000000;}
#mainfooterlinks {width: 848px; text-align: center; line-height: 3em; margin: 0 0 5px 0; padding: 0; background-color: #2b2b2b;}
#mainfooterlinks li {display: inline; margin: 0; padding: 0; color: #ffffff;}
#mainfooterlinks a {color: #ffffff; padding: 0 10px; border-left: 1px solid #5b5b5b;}
#mainfooterlinks .first a {border-left: none;}
#secondfooterlinks {text-align: right; margin: 0; padding: 0;}
#secondfooterlinks li {display: inline; margin: 0; padding: 0; color: #ffffff;}
#secondfooterlinks a {color: #ffffff; padding: 0 10px; border-left: 1px solid #5b5b5b;}
#secondfooterlinks .first a {border-left: none;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#copyright {float: left; margin: 0; padding: 0; color: #ffffff;}

/* LANDING PAGE */ 
#landing-page-female { width:830px; margin: 0 19px 0 0; padding: 30px 10px 10px;}
.landing-text { width:566px; float:left;}
.landing-text h1 { font-size:22px; font-weight:bold; color:#2f2c6e;}
.landing-text p { font-size:12px; color:#494949;}

.landing-form { background:url(../img/landing-page/form-bk.jpg) no-repeat; width:218px; float:right; height:258px; padding:10px 15px 15px;}
.landing-form h2 { background:url(../img/landing-page/arrow-form.jpg) right center no-repeat; font-size:14px; color:#2f2c6e; font-weight:bold; display:block; width:180px; margin:0 auto;}
.landing-form p { clear:both; margin:5px 0;}
.landing-form label { width:70px; float:left; color:#494949; font-size:11px; display:block;}
.landing-form .input { width:100px; float:left;}
.landing-form .submit-btn { background:url(../img/landing-page/submit-btn.png) no-repeat; width:116px; height:29px; display:block; text-align:center; padding-top:10px; color:#fff; font-size:12px; font-weight:bold; border:none; cursor:pointer;}

.profiles { clear:both;}

.landing-footer { width:848px; background-color:#2b2b2b; height:20px; display:block;}


.clear { clear:both; height:1px; width:1px; float:none; }
.landingpage-top { width:815px; margin:0 auto; margin-top:1em; }
.landingpage-top .left-landingpage { float:left; width:547px; padding-right:20px; }
.landingpage-top .left-landingpage h2 { color:#2f2c6e; font-size:28px; margin:0.1em; font-weight:bold; }
.landingpage-top .left-landingpage p { color:#494949; font-size:13px; line-height:18px; }
.landingpage-top .left-landingpage .button { display:inline-block; width:432px; height:98px; color:#FFF; background:url(../img/landingpage-button.jpg) no-repeat; padding:10px 60px 10px 10px; font-size:20px; font-weight:bold; margin:1em 0 0 0; }

.landingpage-top .right-landingpage { width:226px; height:257px; background:url(../img/bg_form.jpg) no-repeat; padding:20px 0 0 20px; float:right; }
.landingpage-top .right-landingpage form { margin:0 auto; }
.landingpage-top .right-landingpage h2 { color:#2f2c6e; font-size:17px; font-weight:bold; margin-top:0; }
.landingpage-top .right-landingpage p { clear:both; font-size:12px; color:#979797; }
.landingpage-top .right-landingpage label { display:block; float:left; width:60px; text-align:left; }
.landingpage-top .right-landingpage input { width:141px; height:18px; border:1px #c3c3c3 solid; font-size:12px; }
.landingpage-top .right-landingpage textarea { width:134px; border:1px #c3c3c3 solid; font-size:12px; height:85px; }
.landingpage-top .right-landingpage .submit { background:url(../img/landingpage_button.jpg) no-repeat; color:#FFF; text-align:center; font-weight:bold; font-size:13px; height:30px; width:117px; border:0; margin:0em 0 0 6em; }

.landingpage-bottom { margin:0 auto; width:820px; margin-top:1em; }
.landingpage-bottom .profilebox-female-landingpage { float:left; width:300px; height:240px; background:url(../img/profile_landing_page.jpg) top left no-repeat; padding:5px 10px 5px 80px; margin:0 0 0 1em; }
.landingpage-bottom .profilebox-female-landingpage h3 { margin:0px; padding:10px 0 4px 0; color:#000; font-weight:bold; font-size:14px; }
.landingpage-bottom .profilebox-female-landingpage p { font-size:13px; line-height:19px; color:#000; }