/* Common Styles ------------------------------------------- */

	*{
		margin:0;
		padding:0;
	}

	html{
		height:100%;
	}
	body{
		text-align:center;
		font-family:Georgia, Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color:#fff;
		height:100%;
		background-image:url(/images/common/background-tile.gif);
	}
	img{
		border:0;
	}
	strong{
		/*font-style:italic;*/
	}
	h1 {
		font-size:2.5em;
		font-weight:normal;
	}
	h2 {
		font-size:3em;
		line-height:1.3em;
		font-weight:normal;
		padding:0 100px 10px 0;
		font-style:italic;
	}
	h3{
		font-size:2.2em;
		padding:10px 0 10px 20px;
		font-weight:normal;
	}
	h4{
		font-size:1.8em;
		font-weight:normal;
		padding:0 100px 10px 0;
	}
	h5{
		font-size:1.6em;
		font-weight:normal;
		padding:0 0 10px 20px;
	}
	p{
		font-size:1.3em;
	}
	ul{
		margin-left:9px;
	}
	a{
		color:#fff;
		outline:none;
	}
		a:visited{color:#fff;}
		a:hover{color:#e5c46c;}	
	hr{
		display:none;
	}
	hr.divider{
		width:625px;
		display:block;
		border: 0;
/*
		color:#fff;
		background-color:#fff;
*/
		height:0px;
		border-top:1px solid #fff;
		margin:15px 0 30px 0;
	}
	
	.date{
		font-style:italic;
	}

/* Common Styles ------------------------------------- [END] */

/* Page Structure Styles ----------------------------------- */

	#wrapper{
		width:990px;
		background-image:url(/images/common/wrapper-background-title.png);
		background-repeat:repeat-y;
		margin:0 auto; /* center, not in IE5 */

		height:auto !important; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/

		min-height:100%; /* real browsers */

		text-align:left;
	}
	#content{
		float: left;
		width:890px;
		padding:0 50px 50px 50px;
		/*background-color:#00FF00;*/
	}
	.logo{
		width:200px;
		height:33px;
		display:block;
		text-decoration: none;
		position:absolute;
		z-index:400;
		margin:5px 0 0 40px;
		background-image:url(/images/common/julie-groves-flute.png);
		background-repeat:no-repeat;
	}
	.logo h1{
		text-indent: -999px;
		
	}

/* Page Structure Styles ----------------------------- [END] */

/* Image Area Styles --------------------------------------- */

	#imageArea {
		position:relative;
		height:512px;
		left:20px;
		width:950px;
		margin-bottom:2em;
		overflow:hidden;
	}
	#imageArea #imageAreaOverlay{
		position:absolute;

		z-index:20;

		width:950px;
		height:512px;
		background-image:url(/images/common/hero-overlay.png);
		background-repeat:no-repeat;

	}
	#imageArea #images img{
		width:950px;
		height:512px;
		overflow:hidden;
	}

/* Image Area Styles --------------------------------- [END] */

/* Navigation Styles --------------------------------------- */

	.nav, .nav ul { 
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nav {
		z-index: 30;
		position: absolute;
		width:730px;
		margin-left:240px;
	}
	.nav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}
	/* Default Href */
	.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
		font-size: 1.4em;
		font-style: italic;
		display: block;
		text-decoration: none;
	}
	.nav li a:hover {}
	
	.nav li.active a{color:#e5c46c;}
	
	.nav li.active ul li a{color:#fff;}
	.nav li.active ul li a:hover{color:#e5c46c;}
	.nav li ul li.active a{color:#e5c46c;}
	
	/* Main Href Default */
	.nav.menu li a{
		padding: 18px 8px 14px 8px;
	}
	/* Sub Href Default */
	.nav.menu li ul a{
		padding: 5px 8px;
	}
	
	/**
	* Jquery
	*/
	.nav.menu li:hover a, 
	.nav.menu li.sfHover a {
	}
	/* Drop Href */
	.nav.menu li:hover ul a, 
	.nav.menu li.sfHover ul a {
	}
	.nav.menu li:hover ul a:hover, 
	.nav.menu li.sfHover ul a:hover {
	}
	/* Drop */
	.nav ul {
		list-style: none;
		margin: 0;
		width:auto !important;
		width: 100px; /* i6 Crap */
		position: absolute;
		top: -999em;
		left: -1px;
		background-image: url(/images/common/navigation-title.png) !important;
		background-image: none; /* i6 Crap */
		background-color: transparent !important;
		background-color: #61846c; /* i6 Crap */
	}
	.nav li:hover ul,
	.nav li.sfHover ul {
		top: 48px;
	}
	.nav ul li {
		float: none;
	}
	.nav ul a {
		padding-right: 20px;
		width:auto !important;
		width: 80px; /* i6 Crap */
		white-space: nowrap;
	}
	.nav ul a:hover {
	}

/* Navigation Styles --------------------------------- [END] */

/* Column Styles ------------------------------------------- */

	#leftColumn{
		width:700px;
		float:left;
		padding-top:10px;
	}
	#leftColumn p{
		font-size:1.4em;
		line-height:1.6em;
		padding:0 120px 10px 0;
	}
	#leftColumn ul{
		font-size:1.2em;
		color:#fff;
		list-style:outside;
		padding:0 0 10px 15px;
	}
	/*
	#leftColumn ul li{
		line-height:1.5em;
	}

	#leftColumn ol{
		font-size:1.2em;
		color:#5f5f5f;
		padding:0 0 10px 32px;
	}
	#leftColumn ol li{
		line-height:1.5em;
	}
	*/
	#rightColumn{
		width:187px;
		float:right;
		padding-top:20px;
		border-left:1px solid #fff;
	}
	
	#rightColumn h5{
		font-size:1.8em;
		/*color:#e5c46c;*/
		font-style:italic;
	}
	
	#rightColumn p{
		padding:0 0 10px 20px;
		line-height:1.6em;
	}
	
	#rightColumn ul{
		list-style:none;
		font-size:1.3em;
		line-height:1.4em;
		margin:0;
	}
	
	#rightColumn ul li{
		padding:0 15px 10px 20px;
	}
	
	#rightColumn ul li a{
		display:block;
		color:#fff;
		text-decoration:none;
	}
		#rightColumn ul li a:visited{color:#fff;}
		#rightColumn ul li a:hover{color:#e5c46c;}
		
		#rightColumn ul li a.active{color:#e5c46c;}

/* Column Styles ------------------------------------- [END] */

/* Footer Styles ------------------------------------------- */

	#footer {
		clear: both;
		height:40px;
		width:890px;
		margin:0 50px;
		border-top:1px solid #fff;
	}
		#footer p {
			font-size:1.1em;
			padding:1em 0;
			margin:0;
		}

/* Footer Styles ------------------------------------- [END] */


.btn{
	display:block;
	padding-left:30px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.btn.pdf{
	background-image:url(/images/common/btn-pdf.gif);;
}

.article #leftColumn img{
	/*border:1px dashed #fff;*/
	margin-bottom:20px;
}

/* Content Styles ------------------------------------------ */
	
	fieldset{
		border:none;
	}
	
	legend{
		display:none;
	}

	#form_contact div br {
		display:none;
	}

	#form_contact div {
		clear:left;
		margin:10px 0 10px 0;
	}
		
	#form_contact label{
		font-size:1.4em;
		display:block;
		float:left;
		padding:5px 0;
		width:120px;
	}
	
	#form_contact input, textarea{
		border:1px solid #cccccc;
		font-size:1.2em;
		padding:3px;
	}
	
	#form_contact input{
		width:280px;
	}
	
	#form_contact select{
		font-size:1.2em;
		padding:3px;
		border:1px solid #cccccc;
	}

	#form_contact textarea{
		overflow:auto;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#form_contact .address{
		width:280px;
		height:70px;
	}
	
	#form_contact .enquiry{
		width:280px;
		height:275px;
	}

	#form_contact #submit{
		width:116px;
		border:none;
		text-align:center;
		color:#fff;
		cursor:pointer;
		padding:6px 0;
		margin:15px 0 15px 120px;
		background-color:#256647;
	}
	
	#form_contact #submit:hover{background-color:#e5c46c;}
	
	#form_contact  ul.errors{
		margin:0 0 0 120px;
		padding:0;
		width:287px;
		font-size:1.2em;
	}
	
	#form_contact ul.errors li{
		list-style-type:none;
		padding:0;
		background-color:#e5c46c;
		padding:5px 0 5px 10px;
		color:#fff;
	}

/* Contact Styles ------------------------------------ [END] */

/* Comments Styles ----------------------------------------- */

	#form_comments div br {
		display:none;
	}

	#form_comments div {
		clear:left;
		margin:10px 0 10px 0;
	}
		
	#form_comments label{
		font-size:1.4em;
		display:block;
		float:left;
		padding:5px 0;
		width:120px;
	}
	
	#form_comments input, textarea{
		border:1px solid #cccccc;
		font-size:1.2em;
		padding:3px;
	}
	
	#form_comments input{
		width:280px;
	}
	
	/*#form_comments select{
		font-size:1.2em;
		padding:3px;
		border:1px solid #cccccc;
	}*/

	#form_comments textarea{
		overflow:auto;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	/*#form_comments .address{
		width:280px;
		height:70px;
	}*/
	
	#form_comments .enquiry{
		width:280px;
		height:175px;
	}

	#form_comments #submit{
		width:130px;
		border:none;
		text-align:center;
		color:#fff;
		cursor:pointer;
		padding:6px 0;
		margin:15px 0 15px 120px;
		background-color:#256647;
	}
	
	#form_comments #submit:hover{background-color:#e5c46c;}
	
	#form_comments  ul{
		margin:0 0 0 120px;
		padding:0;
		width:287px;
		font-size:1.2em;
	}
	#form_comments ul li{
		list-style-type:none;
		padding-bottom:5px;
	}
	
	#form_comments ul.errors{
		margin:0 0 0 120px;
		padding:0;
		width:287px;
		font-size:1.2em;
	}
	
	#form_comments ul.errors li{
		list-style-type:none;
		padding:0;
		background-color:#e5c46c;
		padding:5px 0 5px 10px;
		color:#fff;
	}
	
	#leftColumn .comment{
		margin:20px 0 20px 20px;
		padding-bottom:10px;
		width:550px;
	}
	
	#leftColumn .comment.administrator{
		margin-left:40px;
	}
	
	#leftColumn .comment p {
		padding:10px 10px 0 10px;
	}
	
	.comment p strong{
		font-weight:bold;
	}
	
	.comment p span{
		font-style:italic;
	}
	
	.odd{
		background-color:#256647;
	}
	
	.even{
		background-color:#e5c46c;
	}
	
	.administrator{
		background-color:#CCCCCC;
	}
	
	#leftColumn p.thanks{
		padding:20px 0;
		color:#fff;
		size:1.6em;
		font-weight:normal;
	}
	
	#form_comments #captcha div{
		float:left;
		clear:none;
		margin:0 0 20px 0;
	}
	
	#form_comments #captcha div pre{
		margin-bottom:5px;
	}
	
	#form_comments #captcha div .errors{
		margin: 10px 0;
	}

/* Comments Styles ----------------------------------- [END] */

/* Gallery Styles ------------------------------------------ */

	#gallery h4{
		padding: 0 10px 10px 0;
	}

	.gallery{
		float:left;
		width:303px;
		margin-right:18px;
		margin-bottom:18px;
	}

	.album .gallery{
		width:200px;
		margin-right:12px;
		margin-bottom:12px;
		text-align:center;
	}

	.gallery img{
		border:1px solid;
		/*border:1px solid #fff;*/
	}

/* Gallery Styles ------------------------------------ [END] */

/* Gallery Styles ------------------------------------------ */

	.listItem h2{
		font-size:2.3em;
		line-height:1.2em;	
	}

/* Gallery Styles ------------------------------------ [END] */