/*** GENERICS ***/
*{
	font-family:arial;
	text-align:left;
}
/*headings*/
h1,h2,h3,h4{
	font-family:'Lucida Grande', 'Trebucht MS', arial;
	color:#db3653;
	padding:10px 0;
	font-size:108%;
}
h1 a strong, h3 strong{
	font-weight:normal;
	color:#1a171b;
}
h1 a, h1 a:visited, h1 a:hover, h3 a ,h3 a:visited, h3 a:hover{
	text-decoration:none;
	color:#db3653;
}
h4{padding:5px 0;}
/*paragraphs*/
p{
	margin:15px 0;
	color:#1a171b;
	font-size:85%;
	line-height:1.4em;
}
/*links*/
a{
	text-decoration:underline;
	color:#263953;	
}
a:hover{color:#e63d5c;}
a:visited{color:#111A27;}
a:visited:hover{color:#e63d5c;}
a.highlight{color:#db3653;}
/*ol, ul, li*/
ol{	
	list-style-type:decimal; 
	margin-left:20px; 
	padding:0;
}
ul{
	margin-left:15px;
	padding:0;
}
li{
	list-style-position:outside;
	font-size:93%;
	background: url('/images/red-square.gif') no-repeat 1px 7px;
	padding:2px 2px 2px 10px;
}
#content li{
	font-size:85%;
}
h6 span{
	display:block;
	background:#FDCEE7;
	color:#232323;
	padding:8px;
	width:85%;
	margin:8px 0;
	font-style:italic;
	font-size:85%;
}
/*strong, bold*/
strong, b{font-weight:bold;}
/*italic*/
em, i{font-style:italic;}
/*code*/
code{font-family:courier;}
/*acronym*/
acronym{text-decoration:underline;}
#head acronym{text-decoration:none;}
/*** DESIGN ***/
/*general navigation classes*/
ul.navigation, ul.news_list{margin-left:0;}
ul.navigation li, ul.news_list li{
	background-image:none;
	padding:0;
}
ul.navigation li a{text-decoration:none;}

/*fixed width sections*/
#head, #page_contents, #footer_contents{
	width:800px;
	margin:0 auto;
}
/*100% sections*/
#container, #featured_image, #footer{
	width:100%;
	float:left;
}
/*header*/
h1.page_title{
	float:left;
	width:400px;
	margin:0 45px 0px 0;
	padding:20px 0;
}
/*article headers*/
h4.date{
	color:#aeaeb1;
	font-size:85%;
	padding:0;
	margin:2px 0;
}
h4.date{margin-top:20px;}
h4.title{
	color:#1a171b;
	font-size:153.9%;
	padding:0;
	margin:2px 0;	
}
/*school name headers*/
h2.category_name{
	color:#1a171b;
	font-family:georgia;
	font-size:182%;
	text-align:right;
	margin-top:170px;
	float:right;
}
/*school titles*/
h2.school_name{
	color:#fff;
	font-size:197%;
	float:left;
}
	h2.school_name a,h2.school_name a:hover, h2.school_name a:visited{
		color:#fff;
		text-decoration:none;
	}
	h2.school_name{margin-top:112px;}
/*top navigation*/
#primary_navigation{
	float:left;
	width:330px;
}
	#primary_navigation ul{float:right;}
		#primary_navigation ul li{
			display:block;
			float:left;
			padding:22px 5px 7px 5px;
			margin:0 3px 0 0;
		}		
			#primary_navigation ul li.selected{
				background:#e63d5c url('/images/primary-navigation-bg.gif') repeat-x bottom left;
			}
		#primary_navigation li a{
			text-decoration:none;
			color:#aeaeb1;
		}
		#primary_navigation li a:hover{color:#aeaeb1;}
			#primary_navigation li.selected a{color:#fff;}
	
/*columns - generic floated container */
.column{
	width:49%;
	float:left;
}
div.full_column{
	width:98%;
	float:left;
}
/*page contents*/
	/*h3*/
#page_contents .crumb{margin-bottom:20px;}
	#main_content_area .crumb{border-bottom:1px solid #db3653;}
	#page_contents h3.news{margin-bottom:0px;}
/*secondary nav container*/
#secondary_navigation{width:200px;}
	/*give sub nav a thicker bottom border*/
	#secondary_navigation h3.crumb{
		border-bottom:3px solid #db3653;
		margin-bottom:12px;
	}
	#secondary_navigation li{
		margin:0;
		padding:0;
		display:block;
		float:left;
		width:100%;
	}
	#secondary_navigation li span{
		display:block;
		padding:8px 0;
	}	
		#secondary_navigation li span a{display:inline;}
	/*onstate nav*/
	#secondary_navigation ul li.active span{background:#f6f6f6;}
		#secondary_navigation ul li.active span{
			padding-left:10px;
			font-weight:bold;
			border-bottom:1px solid #c6c7c9;
		}
		#secondary_navigation ul li.active ul li span{border-bottom:0px solid white;background:#fff;}
		#secondary_navigation ul li.active span a, #secondary_navigation ul li.active span a:hover{color:#1a171b;}
	#secondary_navigation p a.highlight{font-size:108%;}
	#secondary_navigation li a{color:#4a4a4a; font-size:93%;} 
	#secondary_navigation li a.highlight{color:#db3653;}
	#secondary_navigation li a:hover{color:#e63d5c;}
	/* sub navigation */
	#secondary_navigation li ul.subnavigation{
		margin:0;
		background:#fff;
		float:left;
		width:100%;
	}
	#secondary_navigation li ul.subnavigation li a{font-size:inherit;}
	#secondary_navigation li ul.subnavigation li.subactive a{color:#e63d5c;}
/*school nav*/
ul#school_navigation{width:96%;}
/*content container*/
#main_content_area{
	width:599px;
	float:left;
}
/*set the width on all p, ul, ol, blockquote etc*/	
	#main_content_area .column p, #main_content_area .column ul, #main_content_area .column ol, #main_content_area .column blockquote{width:90%;}	

/*latest news block*/
div.latest{width:100%;}
	.latest sup{
		background:#fff url('/images/news-sup-bg.gif') no-repeat top left;
		color:#fff;
		padding:1px 1px 10px 1px;
		font-size:82%;
	}
	#main_content_area ul.list{
		width:98%;
		margin:0 0 15px 0;
		float:left;
	}
	ul.list li{
		padding:0 0 6px 0;
		border-bottom:1px solid #efefef;
		width:100%;	
		background-image:none;	
	}
	ul.list li span{
		margin:9px 0 0 8px;
		padding-bottom:2px;
	}
	ul.list li a{
		color:#263953;
		text-decoration:none;
	}
	ul li a:hover{color:#e63d5c;}
	div.latest ul li, 
	div.latest ul li sup, 
	div.latest ul li span{float:left;}
	/*latest article*/
	div.latest #latest_news_article{
		background:url('/images/latest-news-article-default-bg.jpg') no-repeat top left;
		float:left;
		border-bottom:3px solid #db3653;
		width:100%;
	}
	#latest_news_article h4, #latest_news_article p, #latest_news_article a{
		font-family:georgia, arial;
		color:#fff;
	}
	#latest_news_article h4 a{
		text-decoration:none;
	}
	
	div.latest #latest_news_article h4, div.latest #latest_news_article p{
		width:53%;
		margin:8px 10px;
		padding:0;
	}
	#latest_news_article a.highlight{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	#latest_news_article h4{font-size:116%;}
	#latest_news_article a.highlight{font-weight:normal;}
/*address vcard*/
div.vcard{
	margin:15px 0;
	color:#555455;
	font-size:93%;
	line-height:1.4em;
}
div.vcard .adr, div.vcard .tel{margin:10px 0;}
div.vcard .adr{margin-top:1px;}
div.vcard .adr span, div.vcard .adr abbr{display:block;}
/*website link*/
div.vcard div.website_link{margin:15px 0;}
div.vcard span.website{
	background:#db3653;
	padding:5px;
}
div.vcard span.website a, div.vcard span.website a:hover, div.vcard span.website a:visited{
	color:#fff !important;
	text-decoration:none;
}
/* google map*/
#gmap{
	width:96%;
	margin:15px 0;
	height:250px;
}

/*footer*/
#footer{
	margin-top:10px;
	border-top:1px solid #efeeee;
}
	/*made by ..*/
	#oneblackbear{
		float:right;
		margin:30px 0 ;
	}
	#mads{
		float:right;
		margin:20px 20px 0 0;
	}
	ul#footer_links{
		margin:30px 0px;
		float:left;
	}
	ul#footer_links li{
		display:inline;
		background-image:none;
		color:#a5a7ae;
	}
	ul#footer_links li a{color:#a5a7ae;text-decoration:none;}
	ul#footer_links li a:hover{text-decoration:none;}
	ul#footer_links li a:visited;{color:#6A6B6F;text-decoration:none;}	

/* gallery css */
#carousel_wrap{
	width:93%;
	margin:0px auto;
}
ul#gallery_list_view{margin:0;}
#gallery_list_view li{
	width: 130px;
	text-align:center;
	padding:0;
	background-image:none;
	float:left;
}
#gallery_list .loading, #carousel_wrap .jcarousel-skin li.loading{
	background:url('/images/loading.gif') no-repeat center center;
}
/*hide the js header*/
#big_carousel_wrap .hide{display:none;}
.inline_gallery_image{
	float:left;
	margin:10px 0;
	width:145px;
	text-align:center;
	vertical-align:bottom;
}
.inline_gallery_image *{
	text-align:center;
	vertical-align:bottom;
	margin:auto;
}
.inline_image{
	float:left;
	margin:3px;
}
.inline_image_right{
	float:right;
	margin:3px;
}
/*form styles*/
form{width:98%;}

form fieldset legend{
	margin:0 8px;
	padding:0 4px;
	font-weight:normal;
	color:#DB3653;
}
form fieldset div.field{
	width:90%;
	margin:10px auto;
}
form fieldset div.field label{text-transform:capitalize;}
form fieldset div.field input.input_field, form fieldset div.field select, form fieldset div.field textarea{width:98%;margin:1px auto;}
form fieldset div.field input.input_field{
	padding:3px 0;
}
/* form errors */
#user_message_box{
	margin:15px auto;
	width:100%;
}
#user_message_box li{
	margin:4px 8px;
	padding-left:10px;
}
/*map page*/
#school-map{
	background: #fff url('/images/map.jpg') no-repeat top left;
	height:490px; /*naughty but required :( */
}
	#school-map .marker-container{
		position:relative;
		width:17px;
		height:17px;
		background: #fff url('/images/marker-off.gif') no-repeat top left;
		display:block;
	}
	#school-map .highlight{background-image:url('/images/marker-on.gif');}
	#map #school-map .active{background-image:url('/images/marker-pulse.gif');}
	#school-map .marker-container a{display:block;width:17px;height:17px;}
	#school-map .marker-container a span{display:none;}
/*marker positions*/
	#tring-park-school-for-the-performing-arts-marker, #arts-educational-school-marker{top:260px;left:182px;}
	#chethams-school-of-music-marker, #chelthams-school-of-music-marker{top:280px;left:163px;}
	#elmhurst-school-of-dance-marker{top:294px;left:165px;}
	#st-marys-music-school-marker{top:100px;left:108px;}
	#the-hammond-school-marker{left:130px;top:218px;}
	#the-purcell-school-marker{left:218px;top:278px;}
	#the-royal-ballet-school-marker{left:229px;top:278px;}
	#wells-cathedral-school-marker{left:139px;top:282px;}
	#yehudi-menuhin-school-marker{left:216px;top:259px;}
/*school details*/
#map #extras .hide{display:none;}
/*contact detail styling*/
#map .school-details h4{
	padding-left:35px;
	border-bottom:3px solid #db3653;
}
#map .school-details .vcard{
	padding:10px 0 0 35px;
	margin:0;
	background:url('/images/news-sup-bg.gif') no-repeat top left;
}
#map .school-details .inline_image_right{margin:10px 3px 2px 0px;}
/*logo*/
#map #secondary_navigation .logo{
	margin:20px 0 0 0;
	border-top:1px solid #efeeee;
}

#small-map{
	width:269px;
	margin:10px auto;
}
/*geo tagging - hide*/
.geo, .hide_vcards, .hide_vcards *{display:none;}




/****** Modal popup styling ********/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
#modal_content {
    display: none;
    position: fixed;
    top: 2%;
    left: 50%;
    padding: 12px;
    -webkit-box-shadow: 0px 0px 8px #000;
    background:#FFF url(/images/loading.gif) no-repeat center center;
}

#modal_overlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


#viewer{
	margin:10px auto;
	width:390px;
}
#viewer li{
	float:left;
	position:relative;
	margin:0;
	display:none;
	width:100%;
	clear:both;
	list-style-type:none;
	background-image:none;
}
#viewer li a{
	margin-left:90px;
}

img.inline_page_image{
	display:block;
	margin-top:15px;
}