/*
-----------------------------------------------
Main styles (layout)
----------------------------------------------- */

/* Wrapper
----------------------------------------------- */
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff url(../../images/structural/bg.gif) top left repeat-x;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding: 0;
	margin-bottom: 2.0em;
}


/* Header
----------------------------------------------- */

#header {
	margin: 0.0em auto;
	clear: both;
	width: 864px;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #464646;
	}


/* Structural
----------------------------------------------- */

#main {
	width: 858px;
	padding: 0 0 0 0;
	margin: 0 auto;
	clear: both;
	background: #fff;
	}

#footer {
	clear: both;
	padding: 10px 0 10px 10px;
	width: 848px;
	height: 100px;
	margin: 3.0em auto 0.5em;
	background: #fff url(../../images/structural/bg.gif) top left repeat-x;
	border-top: 1px solid #ccc;
	}


/* Headings
----------------------------------------------- */

h1 {
	display: block;
	clear: both;
	color: #464646;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 0.7em 0;
	padding: 0;	
	}
	
h2 {
	color: #464646;
	font: 1.5em georgia,serif;
	font-weight: bold;
	margin: 1.0em 0pt 0.5em 0;
	padding: 0;	
	}
	h2 a {
		font-weight: bold;
		text-decoration: none !important;
		}
		h2 a:hover {
			text-decoration: underline !important;
		}

h3 {
	color: #464646;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.2em 0 0.6em;
	padding: 0;	
	}

h4 {
	color: #555;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0.4em 0 0.4em 0;
	padding: 0;
	}


/* Other text
----------------------------------------------- */

p {
	margin: 0 0 0.8em 0;
	line-height: 165%;
	}
	#leftcol p {
		margin-bottom: 0.8em !important;
	}

p.right_align {
	text-align: right;
}

p.smaller {
	font-size: 0.9em;
}

p.smaller a {
	font-weight: normal;
}

p.large {
	font-size: 1.3em;
	color: #888;
}

p.align-left {
	margin-left: -2.5em !important;
}

div#rightcol p {
	padding: 5px 5px 0 10px;
}

ol li {
	margin: 4px 0;
}

		

/* Header
----------------------------------------------- */

#logo {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	width: 235px;
	height: 100px;
	border-bottom: 5px solid #d63990;
}


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

#footer p {
	color: #777;
}

#footer a {
	color: #777;
}

#footer #copyright {
	display: inline;
	float: left;
	width: 400px;
}

#footer #links {
	display: inline;
	float: right;
	margin-right: 0.6em;
	}
	

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

#navigation {
	width: 575px;
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#navigation ul {
	width: 575px;
	margin: 4.5em 0 0 0;
	padding: 10px 0 0 0;
	}
	#navigation ul li {
		list-style: none;
		margin: 0 0 0 0;
		padding: 15px 3px 8px 18px;
		position: relative;
		display: inline;
		}
		#navigation li a {
			color: #464646;
			font-weight: bold;
			font-size: 1.0em;
			text-decoration: none;
		}
	#navigation ul li:hover a {
		border-bottom: 2px solid #41bddc;
		padding-bottom: 4px;
		}
		#navigation ul li:hover a {
			color: #464646;
		}
		
	#navigation ul li ul {
		display: none;
		padding-top: 0 !important;
	}
		
	#navigation li#classes.show ul {
		position: absolute;
		display: block;
		width: 138px;
		top: -15px;
		left: 15px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#navigation li#shows.show ul {
		position: absolute;
		display: block;
		width: 138px;
		top: -15px;
		left: 15px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#navigation li#events.show ul {
		position: absolute;
		display: block;
		width: 138px;
		top: -15px;
		left: 15px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	#navigation ul li ul li {
			display: block;
			margin: 0 !important;
			padding: 0 !important;
		}
		#navigation ul li ul li a {
			display: block;
			width: 122px;
			margin: 0 !important;
			background: #fff;
			padding: 8px !important;
			border-bottom: 1px solid #ccc !important;
			display: block;
			color: #464646 !important;
			font-size: 1.0em;
			text-decoration: none !important;
			}
			#navigation ul li ul li a:hover {
				background: #fff;
				color: #41BDDC !important;
				text-decoration: underline !important;
			}
		
#home #navigation #home a, #about #navigation #about a, #photography #navigation #photography a, #tours #navigation #tours a, #contact #navigation #contact a {
	border-bottom: 2px solid #41bddc;
	padding-bottom: 4px;
}
		
	
/* Homepage
----------------------------------------------- */	

body#home #intro {
	width: 862px;
	margin: 0.2em 0 0 0;
	background: url(../images/structural/scroll.gif) top left repeat;
	border-bottom: 5px solid #464646;
	}
	#intro {
		width: 862px;
		margin: 0.2em 0 0 0;
	}
	#intro #intro-text {
		display: inline;
		float: left;
		width: 500px;
		margin: 1.5em 1.5em 0 0;
		padding: 14px 6px 6px 16px;
	}
	#intro #intro-image {
		display: inline;
		float: left;	
		width: 304px;
		text-align: right;
	}
	#intro #intro-extra {
		display: inline;
		float: right;	
		width: 320px;
		text-align: left;
	}
	#intro #map {
		display: inline;
		float: left;	
		width: 304px;
		text-align: left;
	}
	.blu{
		color:#31a6cf;
	}

	
/* Gallery
----------------------------------------------- */	
	#intro #gallery-text {
		display: inline;
		float: left;
		margin: 1.5em 1.5em 0 0;
		padding: 14px 6px 6px 16px;
	}
	#intro #gallery-img {
		width:95px;
		height:95px;
		float:left;
		margin:10px;
		margin-bottom:20px;
	}
	#intro #gallery-caption {
		margin-top:5px;
		font-size:11px;
		text-align:center;
		margin-bottom:40px;
	}
	.no-img{
		padding:5px;
		background-color:#f2d8d8;
		border:1px solid #dab2b2;
	}


/* Columns */

#columns {
	display: inline;
	float: left;
	width: 570px;
}

.column {
	display: inline;
	float: left;
	width: 267px;
	padding: 0;
	margin-right: 1.5em;
	}
	.column h2 {
		font-size: 1.3em;
		color: #464646;
		}
		.column h2 a {
			color: #464646;
		}		
	
	.row #header-events {
		border-top: 15px solid #d63990;
		padding-top: 7px;
	}
	.row #header-birthday {
		border-top: 15px solid #ec8539;
		padding-top: 7px;
	}
	.row #header-gallery {
		border-top: 15px solid #8bc8e3;
		padding-top: 7px;
	}
	.row #header-uniforms {
		border-top: 15px solid #c0d47d;
		padding-top: 7px;
	}


#news {
	display: inline;
	float: right;
	width: 280px;
	}
	#news h3 {
		font-size: 1.2em;
		color: #41bddc;
		margin: 0.2em 0;
		}
		#news h3 a {
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
			}
			#news h3 a:hover {
				text-decoration: underline;
			}
			
	#news .news-item {
		padding: 7px 0;
		border-bottom: 1px dashed #ddd;
		}
		#news .news-item.last {
			border-bottom: 0;
		}
	#news p.date {
		font-size: 0.8em;
		margin: 0.2em 0;
	}
	
	#news .news-link {
		margin: -0.7em 0 0.4em 0;
		padding: 0;
	}
		
		
/* Content pages
----------------------------------------------- */

#leftcol {
	display: inline;
	float: left;
	width: 550px;
	margin: 1.5em 0 1.5em;
}

#rightcol {
	display: inline;
	float: left;
	width: 280px;
	margin: 1.5em 0 1.5em 2.0em;
}

img.dance-logo {
	float: left;
	margin: 0 5px 5px 0;
}

a.facebook {
	background: url(../../images/facebook.png) center left no-repeat;
	padding-left: 20px;
	line-height: 20px;
	text-align: left;
	display: block;
}

	
/*** Contact us 
----------------------------------------------- */

#contact-form fieldset {
	width: 400px;
	}
	#contact-form input.text {
		width: 203px;
		height: 18px;
		padding: 5px 2px 1px 5px;
		background: #f0f0f0;
		border: 1px solid #ddd;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
	}
	#contact-form textarea {
		background: #f0f0f0;
		border: 1px solid #ddd;
		padding: 5px;
	}
	#contact-form textarea:focus, #contact-form input:focus, #contact-form select:focus {
		background: #eee;
		border: 1px dashed #7BCAD7;
	}
	
	#contact-form select {
		padding: 4px 2px 2px 5px;
		background: #f0f0f0;
		border: 1px solid #ddd;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
	}	
	#contact-form input.sendbutton {
		width: 51px;
		height: 28px;
		margin: 0.5em 1.1em 0 0;
		display: block;
		float: right;
		border: 0;
		background: #7BCAD7;
		color: #fff;
		font-weight: bold;
		padding: 0;
		cursor: pointer;
		}
		#contact-form input.sendbutton:hover {
			background: #162A83;
		}
		
	#contact-form textarea {
		border: 1px solid #e0e0e0;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
	}
	
	.errors{
		background-color:#e0d4d4;
		border:1px solid #a53d3d;
		padding:5px;
		margin-bottom:10px;
	}
	.errors p{
		color:#a53d3d;
	}
	.errors li{
		padding:5px;
		color:#772929;
	}
	
	.success{
		background-color:#bcd7ad;
		border:1px solid #779a64;
		padding:5px;
		margin-bottom:10px;
	}
	.success p{
		color:#30541c;
	}
	.success li{
		padding:5px;
		color:#346322;
	}
	
	.tinythumb{
		width:60px;
		height:60px;
		float:right;
		margin-left:10px;
		border:1px solid grey;
		margin-bottom:5px;
		margin-top:5px;
	}
	.pink{
		color:pink;
	}
	.homelink{
		color:#464646; 
		text-decoration:none; 
		border-bottom:1px solid #d8d7d8;
	}
	
	/* Graeme added these */
	
	p.testimonial {
		font-style: italic;
		color: #31A6CF;
		padding-bottom: 20px;
		border-bottom: 1px dotted #000;
		margin-bottom: 20px;
	}