/*RESET CSS */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*MAIN STYLES */

body {
background:#fff url(images/topbgrpt.png) repeat-x top left;
word-spacing:1px;
font-size:12px;
color:#343434;
}

p {
line-height:16px;
}

div#leftimg {
background:url(images/topbgleft.png) no-repeat top left;
}

div#rightimg {
background:url(images/topbgright.png) no-repeat top right;
}

div#header {
height:150px;
}

div#header img {
float:left;
}

div#page {
width:990px;
margin:auto;
padding-top:50px;
}

div#search {
background:url(images/searchbg.png) no-repeat top left;
width:380px;
height:54px;
float:right;
}

div#nav {
width:220px;
float:left;
margin-right:25px;
}

div#nav ul li {
/*height:20px;*/
background:url(images/navborder.png) top left no-repeat;
text-align:right;
padding-top:10px;
padding-bottom:10px;
font-size:20px;
}

div#nav ul li a {
text-decoration:none;
color:#000000;
display:block;
text-transform:lowercase;
background:url(images/nav.png) center right no-repeat;
padding-right:20px;
}

div#nav ul li a:hover {
background:url(images/navhover.png) center right no-repeat;
}

div#nav ul li.active a 
{
background:transparent url(images/navhover.png) no-repeat scroll right center;
}

div#nav ul li span {
font-size:12px;
color:#606060;
} 

div.post {
float:left;
width:740px;
}

div#flashanim {
float:left;
width:740px;
margin-left:-12px;
margin-top:-12px;
}

div#main h2 {
font-size:20px;
padding-bottom:10px;
line-height:22px;
color:#000;
}

#staff .post h2 {
background:transparent url(images/titledivider.png) no-repeat scroll left bottom;
padding:0 15px 10px 0;
display:block;
color:#000;
}

div.pagesumm {
float:left;
margin-right:20px;
width:210px;
margin-bottom:15px;
height:220px;
overflow:hidden;
}

div.pagesumm .content {
background:url(images/titledivider.png) no-repeat top left;
margin-top:10px;
}

div.pagesumm h2 {
background:url(images/raquo.png) bottom right no-repeat;
padding-right:15px;
display:inline;
margin-left:3px;
color:#000;
padding-bottom:0!important;
font-size:20px;
line-height:22px;
}
	

div.pagesumm img {
margin-top:15px;
}

div.pagesumm p {
width:100px;
float:right;
margin-top:15px;
}

div.pagesumm span {
margin-top:10px;
display:block;
}

div.pagesumm span a {
color:#11d5ff;
text-decoration:none;
}

div.overlay{
background-image: url(images/overlay.png);
width: 105px;
height: 130px;
position: relative;
top:-130px;
margin-bottom:-130px;
}

div.overlaycont{
background-image: url(images/overlay.png);
width: 105px;
height: 130px;
position: relative;
}

div.homenews {
width:190px;
float:left;
margin-right:10px;
padding-left:20px;
background:url(images/bubble.png) no-repeat left 5px;
}

div.homenews p {
margin-bottom:10px;
}

span.raquo {
color:#11D5FF;
font-weight:bold;
}

span.raquo a {
color:#11D5FF;
font-weight:bold;
text-decoration:none;
padding-right:20px;
}

div#home-news {
float:left;
padding-top:20px;
background:url(images/titledivider.png) repeat-x center 8px;
}

div.course {
float:left;
width:470px;
background:url(images/titledivider.png) repeat-x bottom left;
padding-bottom:20px;
margin-bottom:10px;
}

div.course div.coursetext {
float:right;
width:349px;
}

div.course h4 {
background:none;
margin-bottom:0;
}

div#coursesnav li {
margin: 10px 0;
font-size:14px;
}

div#coursesnav ul {
margin-bottom:30px;
}

div#coursesnav a.backtoparent {
color:#7fb1bc;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div#coursesnav span.raquo {
font-size:14px;
}

div#coursesnav {
margin-top:20px;
}

p.ajaxSearch_resultsInfo {
margin-bottom:20px;
}

div.ajaxSearch_result {
background:url(images/titledivider.png) repeat-x bottom left;
padding-bottom:20px;
margin-bottom:20px;
}

div.ajaxSearch_result h4 {
background:none;
margin-bottom:0;
}

div.ajaxSearch_result a {
text-decoration:none;
}

body#Shows h4{
background:none;
}

span.textfontClass {
background:url(images/titledivider.png) repeat-x bottom left;
padding-bottom:20px;
margin-bottom:20px;
}

span.textfontClass a {
color:#11D5FF;
}

div.pagesumrow {
float:left;
}


#footer-wrap
{
	background:url(images/footer-shadow.gif) top left repeat-x #000;	
}

a
{
	color:#00d2ff;
	text-decoration:underline;
}

a.hover
{
	color:#00d2ff;
	text-decoration:none;
}

div#footer 
{
width:990px;
margin:auto;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:30px;
font-weight:bold;
line-height:16px;
padding-top:55px;
padding-bottom:30px;
}

#footer p
{
	padding-bottom:10px;
}

#footer a
{
	text-decoration:underline;
	color:#FFF;
}


#footer a:hover
{
	text-decoration:none;
	color:#FFF;
}

#copywrite
{
	float:left;
	display:inline;
	width:215px;
	margin-right:40px;
}

#address
{
	float:left;
	display:inline;
	margin-right:20px;
	width:215px;
}


a.conservatoire
{
	display:block;
	float:left;
	width:250px;
	height:70px;
	background:url(images/conservatoire-logo.gif) top left no-repeat;
	text-indent:-5000px;
	margin-left:32px;
	
}

a.UWE
{
	display:block;
	float:left;
	width:148px;
	height:69px;
	background:url(images/uwe-logo.gif) top left no-repeat;
	text-indent:-5000px;
	
}



#ajaxSearch_form 
{
    color: #444;
   width: auto;
}

#ajaxSearch_input 
{
	background:url(images/searchbg.png) no-repeat top left;
	width:380px;
	height:11px;
	float:right;
	display:inline;
	border:0;
	padding-top:22px;
	padding-left:25px;
	padding-bottom:26px;
	color:#858181;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-right:0px;
}
#ajaxSearch_submit 
{
	background:url(images/search-btn.png) no-repeat top left;
    width:30px;
	border:0;
	float:right;
	display:inline;
	cursor:pointer;
	height:0 !important;
	padding-top:30px;
	left:373px;
	top:13px;
	position:relative;
}

#ajaxSearch_output 
{
    border: 1px solid #444;
    padding: 10px;
    background: #fff;
    display: block;
    height: auto;
    vertical-align: top;
}

.AS_ajax_result 
{
    color: #444;
    margin-bottom: 3px;
}

.AS_ajax_resultLink 
{
	text-decoration: underline;
}

.AS_ajax_resultDescription
{
   color: #555;
}
       .AS_ajax_more {
           color: #555;
       }

#hot-off-press h3
{
	background:url(images/hot-off-the-press.gif) no-repeat top left;
    width:180px;
	border:0;
	height:0 !important;
	padding-top:30px;
	margin-top:15px;
	text-indent:-5000px;
}

h4
{
	font-size:16px;
	padding-bottom:10px;
	text-transform:lowercase;
	background:url(images/titledivider.png) bottom left no-repeat;	
	margin-bottom:10px;
	color:#000;
}

.showThumb
{
	float:left;
	display:inline;
}

.showInfo
{
	float:left;
	display:inline;
	margin-left:10px;
}

.showtitles
{
	padding:0;
	margin:0;
	height:20px;
}

.showInfo h2
{
	font-weight:bold;
	font-size:16px;
	background:none;
	color:#000000;
	background:none;
	float:left;
	display:inline;
}

.showInfo h3
{
	font-weight:normal;
	font-size:16px;
	background:none;
	color:#000000;
	background:none;
	padding-bottom:0;
	float:left;
	margin-left:4px;
}

.showInfo h4
{
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	background:none;
	color:#000000;
	background:none;
	margin-left:15px;
	padding-bottom:0;
}

.showInfo p
{
margin-left:15px;
width:350px;
padding-bottom:10px;
}

.showInfo a
{
	color:#00C9F8;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
}

.showList
{
	background:transparent url(images/titledivider.png) no-repeat scroll left bottom;
	padding-bottom:20px;
	padding-top:10px;
}

#showimg
{
margin:10px 15px 15px;
width:500px;
background:transparent url(images/titledivider.png) no-repeat scroll left bottom;
padding-bottom:10px;
}

a.show-back-link
{
	color:#8bc6d1;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	border-right:2px solid #afafaf;
	padding-right:5px;
}

a.book-tickets-link
{
	color:#00d2ff;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	padding-left:5px;
}


.showpost
{
	margin:0;
	margin-left:15px;
	width:470px;
	padding-bottom:20px;
	background:transparent url(images/titledivider.png) no-repeat scroll left bottom;
}

p.showlinks
{
	padding-bottom:20px;
}
	
div#subnav ul li.active a 
{
	background:transparent url(images/subnavhover.png) no-repeat scroll right center;
}

div#subnav ul li ul li a:hover
{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding-left:10px;
	background:transparent url(images/subnavhover.png) no-repeat scroll right center !important;
}

div#subnav ul li ul li a
{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding-left:10px;
	background:transparent url(images/subnav.png) no-repeat scroll right center !important;
}

div#subnav ul li ul li.active a
{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding-left:10px;
	background:transparent url(images/subnavhover.png) no-repeat scroll right center !important;
}

.selectbox 
{
	background:transparent url(images/small-select.png) no-repeat scroll 0 0;
	border:medium none;
	color:#858181;
	height:26px;
	margin-bottom:10px;
	margin-left:-2px;
	padding:5px 10px 4px;
	width:77px;
	font-size:12px;
	margin-left:10px;
}

.pagesumm a{
text-decoration:none;
}

span.title
{
	display:block;
	line-height:12px; 
	font-size:12px;
}

.stafflink {
color:#00D2FF;
}

div.course {
clear:both;
position:relative;
min-height:250px;
}

div.course p {
float:right;
}

.field
{
	width: 100%;
	height: 60px;
}

.tall-field
{
	height: 120px;
}

.textarea
{
	height: 120px;
}

.textarea textarea
{
	width: 207px;
	height: 80px;
}

.field label
{
	display: block;
	padding-bottom: 5px;
}

.field select
{
	display: block;
	width: 197px;
	border-width: 0;
}

.date select
{
	float: left;
	width: 65px;
}

.text input,
.password input
{
	background-image: url(/assets/images/field-bg.png);
	border-width: 0;
	width: 202px;
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
}

div.select-wrapper
{
	background-image: url(/assets/images/field-bg.png);
	width: 202px;
	height: 23px;
	padding-left: 5px;
	padding-top: 3px;
	background-repeat: no-repeat;
}

form div.column1,
form div.column2
{
	float: left;
	width: 50%;
}

div.clear
{
	clear: both;
}

fieldset.radio div.radio
{
	float: left;
	width: 24%;
	height: auto;
}

fieldset.radio
{
	height: 60px;
}

#main ol {
list-style:decimal;
margin-left:20px;
}
#main ol li {
margin-bottom:10px;
}

div.checkbox label,
div.radio label
{
	display: inline;
}

form div.error,
label span.error,
div.radio-label span.error
{
	color: red;
}

fieldset.controls
{
	border-top: 1px dashed #797979;
	padding-top: 5px;
	text-align: right;
}

form div.controls
{
	border-top: 1px dashed #797979;
	padding-top: 5px;
}

form div.controls .back
{
	display: block;
	float: left;
}

form div.controls .next
{
	display: block;
	float: right;
}

fieldset.edit div.controls
{
	border-top: none;
	border-bottom: 1px dashed #797979;
	padding-bottom: 5px;
	width: 466px;
	text-align: right;
}

fieldset.radio div.radio-label 
{
	display: block;
	float: left;
	width: 25%;
	height: 100%;
	padding-top: 5px;
}

fieldset.widelabel div.radio-label
{
	width: 50%;
}

table.education-history
{
	width: 100%;
}

table.education-history td
{
	padding-bottom: 5px;
}

table.education-history tr.bottom td
{
	border-bottom: 1px dashed #797979;
}

form div.tall
{
	height: 150px;
}

fieldset.edit
{
	width: 466px;
}

.fieldset-heading
{
	padding-bottom: 5px;
}

fieldset.edit-page-fieldset
{
	padding-top: 5px;
}


.education-record-content
{
	border: 1px solid #AAAAAA;
}

.edit-controls
{
	text-align: right;
}

.education-record-content p
{
	margin-bottom: 0;
}

form div.employment-controls
{
	border-top: none;
	padding-bottom: 5px;
}

div.previous-type
{
	height: 75px;
}

.occupation-form fieldset.radio div.radio-label
{
	float: none;
	width: 100%;
	height: auto;
}

.occupation-form fieldset.radio div.radio
{
	width: 30%;
}

.medium-tall-field
{
	height: 80px;
}

.tablemiddle
{
vertical-align:middle;
}

div#image-carousel
{
	margin-left:-8px;
}

#nextBtn
{
	float:right;
	display:inline;
}

#prevBtn
{
	float:left;
	display:inline;
}