/*-----------------------------------------------------------------------------
Willow Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.com.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 78%;
	color: #173350;
	background: #BCBDC0;
	margin: 0;
	line-height: 150%;
	text-align: center;
}
a {font-weight:bold; color: #189DD9; text-decoration:none}
a img {border: none}
.cntr {text-align:center}
.float, img.float {float:left}
img.float {margin-right: 10px}
.floatRight {float:right}
.arrowLink {font-weight:bold; color: #189DD9; padding-right: 10px; background: #fff url(../images/arrowlink.gif) right no-repeat}
/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold; color:#173350; font-size: 2em; margin-bottom: 0.5em}
#main h1 {text-indent:-9999px; width: 760px; height: 135px; background:transparent url('../images/homeBannerAsOneVoice.gif') left top no-repeat; margin: 0px 0 10px 0px}
h2 { margin-bottom: 15px; font-size: 1.4em; font-weight: bold; color:#189DD9}
h2 span {font-size: 0.7em; font-weight:normal}
h3 {font-size: 1.2em; font-weight: bold; color:#189DD9; margin: 0.5em 0 0}
#mainContent h3 {color:#173350; font-weight:normal}
h4 {font-size: 1.2em; font-weight: bold; color:#189DD9; margin: 0.2em 0 0}
ul {list-style: disc ; margin-left: 1.5em}
li {margin-bottom:0.6em}
p {font-size: 1em; margin: 0 0 1em 0; vertical-align:auto; line-height: 130%}
p.featured {font-size: 1.1em; line-height: 140%}
#mainContent p {margin-right: 1.2em}
/*#feature p {font-size: 1em}*/
.songs p {margin: 0.25em 0; font-size:1.1em}
.songs p a {color:#173350; text-decoration:underline; font-weight:normal}
.songs p.themeLink a {color:#189DD9; font-weight:bold}
.songs p a span {font-size: 0.7em}
.songs a {text-decoration:underline}
#mainContent *, #links *, #menu * {vertical-align:top !important}
#feature p.bio {font-size: 1.25em; font-weight: normal}
#adult p.bio {color:#F68D5C}
#youth p.bio {color:#A8A05A}
#kids p.bio {color:#98CC63}
#main #mainContent p, #main #mainContent h1 {text-align:center}
#main #mainContent p {font-size: 1.1em; line-height:150%}
.intro {font-family: "HelveticaNeue Condensed", Helvetica, Arial; font-size:1.4em; font-weight: bold}
#main #mainContent p#mainLinks {font-size: 1.4em; color: #AFBD49}
#main #mainContent p#mainLinks a {color: #AFBD49; text-decoration:none}
#call {font-size: 1.4em; margin-top: 20px}
#call span {font-weight: bold; color: #189DD9}
#feature div.floatRight {margin-top: 10px}
#eventsPanel strong {color:#35A54B}
#copyrightPanel strong {color:#8E449A}
#storePanel strong, .storeBold {color:#95193B}
#storePanel #storeTable strong {color:#173350}
#contactPanel strong {color:#0C9F9F}
#themes h2, #themes h3, #themes h4, #themes #mainContentWide a:visited {color:#7951A1}
#themes #songsPanel a {color: #173350;font-weight:normal !important; text-decoration:underline}
#news h2 {color:#173250; font-family: Arial, Helvetica, sans-serif; size:1.8em; margin: 0}
#news h3 {color:#173250; font-family: Arial, Helvetica, sans-serif; size:1.6em; margin: 0}
#news p#headline {font-size: 1.2em}
/* = Menu
----------------------------------------------*/
#menu {
	position: relative;
	width: 760px;
	background: url(../images/menubg.jpg) repeat-x;
	z-index:100;
	height: 30px;
	margin: -5px 0 -4px 0
	
}
#menu ul {list-style-type:none; width: 700px; margin: 0 auto}
#menu li {float:left; position: relative}
#menu li a {
padding: 0.2em 1.1em 0.2em 1.1em;
color: #fff;
display:block;
font-size: 1.1em;
text-decoration:none;
text-align:center;
z-index: 1;
border-right: 1px solid #fff;
font-weight: normal
}
#menu li a.last {border: 0px none}
#menu li a:hover, #menu li a:active, #menu li a.sel {
	color:#189DD9
}
#menu li a.sel {font-weight: bold}

/*menu hover colours*/
#menu li a#navsongs:hover {color:#189DD9}
#menu li a#navevents:hover {color:#35A54B}
#menu li a#navcopyright:hover {color:#8E449A}
#menu li a#navstore:hover {color:#CE2126}
#menu li a#navcontact:hover {color:#0C9F9F}

/*menu selector colours*/
#songs-composers a#navsongs {color:#189DD9}
#events a#navevents {color:#35A54B}
#copyright a#navcopyright {color:#8E449A}
#store a#navstore {color:#CE2126}
#contact a#navcontact {color:#0C9F9F}

/*drop menus*/
.dropMenu {
	position:absolute;
	top: 27px;
	left: 0;
	width: 127px;
	background:#fff;
	display:none;
	z-index: 100;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #ccc;
}
.sectionTitle {color:#189DD9; font-size: 1em}
.dropMenu ul {margin:0}
.dropMenu li {display:block; list-style-type:none;margin: 0}
.dropMenu li a {
	padding: 0.4em 0.5em;
	color: #173350;
	display:block;
	font-size: 0.9em;
	line-height: 120%
	
}
.dropMenu li a:hover {
	background:#BCBEC0
}


/* = Containers
----------------------------------------------*/
#wrapper {
	text-align: center;
	background: #BCBDC0;
	margin: 0 auto;
}
/*#wrapper * {vertical-align: middle;}*/
#container {background: #BCBDC0;}
#content {background: #fff; width: 760px; margin: 0 auto; padding: 0px; position:relative}
#mainContent, #mainContentWide {padding: 10px; /*width: 580px;*/ margin: 10px 0 0 155px; position: relative; overflow:auto; vertical-align:baseline !important}
#main #mainContent {padding: 10px 40px; width:690px; margin: 0; vertical-align:baseline !important}
#mainContentWide {width: 578px; min-height: 400px; overflow:visible}
#links {position: absolute; width: 150px; top: 175px; left: 10px}
.linkPanel {width: 125px; background:#EFF0F0; border-left: 1px solid #E3E8EF; border-right: 1px solid #E3E8EF; padding: 5px}
#feature {clear:left; position: relative; width: 448px; float:left}
#feature.songs {width: 360px; padding-left: 10px}
#feature.themes {width: 500px; padding: 0 10px; float:none}
#feature.news {width: 348px; padding-left: 10px}
#sidePanel {float: right; width:127px; margin-top: 38px} 
#sidePanel.songs {width: 183px; margin-top:0}
#sidePanel.news {width: 176px; margin:0 10px 0 0; background:#F4F4E9}
#songsPanel {border-left: 1px solid #C1D1EC; border-right: 1px solid #C1D1EC; position:relative; margin-top: -12px; padding-top: 10px}
#eventsPanel, #copyrightPanel, #storePanel, #contactPanel {padding: 10px}
.dropMenuContainer {position: relative}
.dropMenuContainer#first {z-index: 2}
.dropMenuContainer#second {z-index:1} 
/*Footer colour variations*/
#footer { background-color: #dddddd; padding: 2px; color: #555555; text-align:right; font-size: 0.9em}
#footer a {color: #555555}

/* = Forms
----------------------------------------------*/
#contactform label{display:block; float:left; font-weight:normal; padding:5px 0 0; margin:0 10px 10px 0; width:7em}
#contactform input.txt{width:207px; color:#333; margin:0; float:left}
#contactform br{clear:both}
legend{font-weight:bold}
.err, .req{font-weight:bold; color:#f00; font-size:1em; float:left}
.err{margin-right:5px}
.hide{display:none}
textarea{font-family:Arial,helvetica,sans-serif; color:#333; font-size:1em; width:207px}

/* = Tables
----------------------------------------------*/
#feature td {vertical-align:top !important; padding: 10px 5px 0 10px}
#feature table {border-left: 1px solid #C1D1EC; border-right: 1px solid #C1D1EC; margin-left: 1px}
#youth #feature table {border-left: 1px solid #DDDABE; border-right: 1px solid #DDDABE}
#kids #feature table {border-left: 1px solid #D5ECD0; border-right: 1px solid #D5ECD0}
#adult #feature table {border-left: 1px solid #F5E1D8; border-right: 1px solid #F5E1D8}
#storeTable td {vertical-align:top; line-height: 110%}
/* = Easy Clearing
----------------------------------------------*/
.clearfix {overflow:auto}