@import url("reset.css");

html,body {
	background: transparent url("../images/bg.gif") repeat-x top left;
}

#container {
	width: 980px;
	margin: auto;
	/*position: relative;*/
	overflow: hidden;
}

* html #container {
	position:relative;
}

#outer-wrapper {
	position: relative;
	width: 980px;
	margin: auto;
}

.clear {
	clear: both;
	background:none !important;
}

iframe {
	border: 0;
	margin: 0;
	padding: 0;
}

/*******************************************************************************
* Links
*******************************************************************************/

a {
	/*color: #000;*/
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

.left-menu a:link, .left-menu a:visited, .left-menu a:active, .left-menu a:focus, .left-menu a:hover {
	font-weight: normal;	
}

/*******************************************************************************
* Header
*******************************************************************************/

#header {
	background: transparent url("../images/header-bg.png") no-repeat 1px 0;
	padding: 15px 17px 0 17px;
	height: 165px;
	position: relative;
}

#header .logo {
	position: absolute;
	top: 32px;
	left: 34px;
}

	#header .logo a {
		display: block;
		width: 228px;
		height: 120px;
		background: transparent url("../images/logo.png") no-repeat top left;
		outline: none;
		text-indent: -9999px;
	}

#header .top-search {
	position: absolute;
	top: 22px;
	right: 16px;
	background: transparent url("../images/search-bg.png") repeat top left;
	padding: 5px;
	width: 430px;
}
* html #header .top-search {
	right: 23px;
}

#header .top-search ul, #header .top-search li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#header .top-search li {
	margin-right: 5px;
}

#header .top-search li a {
	display: block;
	color: #fff;
	padding: 5px 4px 4px 4px;
	text-decoration: none;
	font-weight: bold;
}

#header .top-search li.sep {
	color: #fff;
	padding: 4px 0 0 0;
}

#header .top-search form {
	float: left;
	margin-left: 5px;
}

#header .top-search form input.searchTextInput {
	border: 0;
	background: #fff;
	padding: 4px;
	margin-top: -1px;
	width: 100px;
}

#header .top-search form input.searchButton {
	color: #fff;
	background: none;
	border: none;
	padding: 4px 3px 3px 3px;
	font-weight: bold;
}

/*******************************************************************************
* Footer
*******************************************************************************/

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 950px;
	padding: 0 30px 0 20px;
	overflow: hidden;
}

* html #footer {
	margin-bottom: 20px;
	padding-left: 15px;
}

#footer .arts-council {
	margin: 0 0 30px 5px;
	float: left;
}

* html #footer .arts-council {
	margin-left: 5px;
}

#footer .util-nav {
	margin: 0 0 0 3px;
	float: left;
}

#footer .util-nav ul, #footer .util-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

* html #footer .util-nav li {
	height: 15px;
}

#footer .util-nav ul {
	border-left: 1px solid #BFBEBF;
	padding-left: 5px;
	height: 85px;
	width: 125px;
}

#footer .util-nav li a {
	display: block;
	font-size: 11px;
	color: #999898;
	text-decoration: none;
}

/*******************************************************************************
* Footer end (bottom) 
*******************************************************************************/

#footer-end {
	width: 987px;
	background: transparent url("../images/footer-bg.png") no-repeat top left;
	height:186px;
	position: relative;
	z-index: 0;
}

* html #footer-end {
	width: 988px;
	margin-bottom: -10px;
}

#footer-end-plain {
	width: 987px;
	background: transparent url("../images/footer-plain-bg.png") no-repeat top left;
	height: 186px;
	position: relative;
	z-index: 0;
}

/*******************************************************************************
* Nav / Flash area
*******************************************************************************/

#navflash-area {
	background: transparent url("../images/navflasharea-bg.gif") no-repeat top left;
	height: 295px;
	padding: 17px 9px 0 18px;
}

#flasharea {
	background: transparent;
	margin: 20px 0 0 0;
	height: 200px;
	padding: 12px 0 0 8px;
}

#nav {
	/*background: #fff;*/
	font: bold 16px "Verdana", "Arial", sans-serif;
	height: 34px;
	overflow: hidden;
	background: transparent;
}

/* nav stripes */
.red {
	border-bottom: 6px solid #A41A1A;
}

#nav a {
	outline: none;
}

#nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 33px;
	line-height: 33px;
	background: transparent url("../images/nav-bg-all.gif") repeat-x top left;
	padding: 0 15px 0 12px;
	text-decoration: none;
	border-bottom: 1px solid #262626;
	border-right: 1px solid #CDCDCD;
	color: #004B5E;
}
*+html #nav li a {
	padding: 0 15px 0 12px;
}
* html #nav li a {
	width: auto;
	float: left;
	padding: 0 15px 0 12px;
}

#nav li#active a {
	color: #fff;
}

#nav li a:hover {
	color: #fff;
}

/* home */
#nav li#active a.home {
	background-position:0 -33px;
}
#nav li a.home:hover {
	background-position:0 -33px;
}
/* whats on */
#nav li#active a.menu-1 {
	background-position:0 -66px;
}
#nav li a.menu-1:hover {
	background-position:0 -66px;
}
/* howard assembly room */
#nav li#active a.menu-2 {
	background-position:0 -99px;
}
#nav li a.menu-2:hover {
	background-position:0 -99px;
}
/* education */
#nav li#active a.menu-3 {
	background-position:0 -132px;
}
#nav li a.menu-3:hover {
	background-position:0 -132px;
}
/* special projects */
#nav li#active a.menu-4 {
	background-position:0 -165px;
}
#nav li a.menu-4:hover {
	background-position:0 -165px;
}
/* support us */
#nav li#active a.menu-5 {
	background-position:0 -198px;
}
#nav li a.menu-5:hover {
	background-position:0 -198px;
}
/* about us */
#nav li a.menu-6:hover {
	background-position:0 -231px;
}

#nav li#active a.menu-6 {
	background-position: 0 -231px;
}

#nav li a.menu-last {
	 border-right: none;
	 width: auto; 
}


#nav li a.menu-last, x:-moz-any-link { width: 73px; }/* Firefox 2.0 here*/
#nav li a.menu-last, x:-moz-any-link, x:default { width: auto; } /* Restore styles for Firefox 3.0 and newer */

*+html #container #nav ul li a.menu-last{
	width:79px !important; 
}

* html #nav li a.menu-last {
	/* width: 59px; */
	border-bottom: 1px solid #000;
}

#nav li#active a.menu-last {
	background-position:0 -231px;
}
#nav li a.menu-last:hover {
	background-position:0 -231px;
}



/* Sub nav */

#subnav {
	height: 30px;
	width: 949px;
	padding-left: 5px;
	position: relative;
	margin-left: -1px;
	overflow: hidden;
}
* html #subnav {
	width: 949px;
	margin-left: -1px;
}

.subnav-green {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 0;
}

.subnav-purple {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -90px;
}

.subnav-dark-blue {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -120px;
}

.subnav-light-blue {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -150px;
}

.subnav-aqua {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -150px;
}

.subnav-pink {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -61px;
}

.subnav-orange {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -30px;
}

.subnav-red-subnav {
	background: transparent url("../images/subnav-bg-sprite.gif") repeat-x 0 -180px;
}

#subnav ul, #subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav li {
	float: left;
}

#subnav li.sep {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}

#subnav li a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 0 9px 0 9px;
}
* html #subnav li a {
	float: left;
}

.feed-link {
	position: absolute;
	right: 15px;
	top: 8px;
}

.feed-link a {
	text-indent: -2000px;
	outline: none;
	background: transparent url("../images/feed-icon.png") no-repeat top left;
	display: block;
	height: 14px;
	width: 14px;
}

/*******************************************************************************
* Breadcrumb
*******************************************************************************/

#breadcrumb {
	float: left;
	width: 760px;
	overflow: hidden;
}

	#breadcrumb ul {
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
		padding: 0 0 0 20px;
	}
	
		#breadcrumb ul li {
			float: left;
			margin: 10px 0;
		}

		#breadcrumb ul li span.child {
			font-weight: bold;
		}
		
		#breadcrumb ul li a {
			color: #000;
			text-decoration: none;
			font-weight: normal;
		}
		
		#breadcrumb ul li a:hover {
			text-decoration: underline;
		}


/*******************************************************************************
* Main content - homepage
*******************************************************************************/

#maincontent-home {
	/*height: 651px;*/
	background: transparent url("../images/content-bg.gif") no-repeat top left;
	margin: 0 0 0 0;
	position: relative;
}

#maincontent-home .bottom {
	background: #E2E1E1 url(../images/footer-bg.gif) repeat;
	height: 80px;
	padding: 0 0 0 20px;
	width: 960px;
	overflow: hidden;
	clear: both;
}

/* logo bottom */
#maincontent-home .bottom .arts-council {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
* html #maincontent-home .bottom .arts-council {
	margin-left: 10px;
}

/* util nav */
#maincontent-home .bottom .util-nav {
	padding-left: 20px;
	border-left: 1px solid #BFBFBF;
	float: left;
	height: 80px;
	font-size: 12px;
}

* html #maincontent-home .bottom .util-nav {
	padding-top:2px;
}

#maincontent-home .bottom .util-nav ul, #maincontent-home .bottom .util-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

* html #maincontent-home .bottom .util-nav li {
	line-height: 8px;
}

#maincontent-home .bottom .util-nav li a {
	display: block;
	color: #8C8B8B;
	text-decoration: none;
}

#site-by-coolpink a {
	color: #8C8B8B;
	text-decoration:none;
}

/* social links */
#maincontent-home .bottom .social-links, #container #footer-end #footer .social-links {
	float: right;
	padding: 0 20px 0 0;
}

#maincontent-home .bottom .social-links ul, #maincontent-home .bottom .social-links li,
#container #footer-end #footer .social-links ul, #container #footer-end #footer .social-links li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#maincontent-home .bottom .social-links li, #container #footer-end #footer .social-links li {
	float: left;
	margin-left: 10px;
	margin-top: 12px;
}

/* front page content */
#maincontent-home .first-row {
	padding: 25px 0 0 30px;
	overflow: hidden;
	width: 100%;
}

#maincontent-home .title h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#maincontent-home p {
	height: 66px;	
}

#maincontent-home a.more {
	color: #bb1f20;
	text-decoration: underline;
}

#maincontent-home .image {
	margin-top: 12px;
}

#maincontent-home .content {
	padding: 0 0 0 5px;
}

li a.site-by:link, li a.site-by:visited {
	margin-top:3px;
	color:#6d6d6d !important;
}

/*****************************
* Big homepage pod
*****************************/

#maincontent-home .lrg-col {
	width: 454px;
	float: left;
	margin-top: 5px;
}

#maincontent-home .lrg-col .content{
	height: 66px;
	padding-left: 0px;
}

#maincontent-home .lrg-col .link{
	height: 16px;
}

/*****************************
* Bottom left small homepage pod
*****************************/

#maincontent-home .frst-sm-col {
	width: 225px;
	min-height: 300px;
	float: left;
	margin-top: 5px;
}

#maincontent-home .frst-sm-col .content{
	height: 66px;
	padding-left: 0px;
}

/*****************************
* Small homepage pod
*****************************/

#maincontent-home .sm-col {
	width: 225px;
	/*min-height: 300px;*/
	margin-left: 10px;
	float: left;
	margin-top: 5px;
}
* html #maincontent-home .sm-col {
	margin-left: 3px;
}

#maincontent-home .sm-col .content {
	height: 66px;
	padding-left: 0px;
}

#maincontent-home .sm .link{
 	min-height: 10px;
	height: 10px;
}

* html #maincontent-home .sm-col .content {
	height: 66px;
	padding-left: 0px;	
}

*+html #maincontent-home .sm-col .content {
	height: 66px;
	padding-left: 0px;	
}

#maincontent-home .second-row {
background: transparent url(../images/second-row-bg.gif) no-repeat left top;
	padding: 20px 0 20px 25px;
	clear: both;
	overflow: hidden;
	width: 955px;
}

/*******************************************************************************
* Front page pods
*******************************************************************************/

#maincontent-home .pod {
	width: 220px;
	height: 119px;
	margin: 5px 10px 0 18px;
	padding: 15px 0 0 0;
	overflow: hidden;
	display: inline;
	position: relative;
}

	#maincontent-home .pod a {
		/*display: block;
		width: auto;
		height: 100%;
		text-decoration: none;*/
		display: block;
		text-decoration: none;
		color: #fff;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 5px 0 0 10px;
	}

*+html #maincontent-home .pod {
	margin-bottom: 20px;
}

#maincontent-home .pod h2 {
	color: #fff;
	margin: 0;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	font-size: 18px;
}

#maincontent-home .pod p {
	color: #fff;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin: 0;
	height: auto;
}

/* pod newsletter */

ul.homepage-pods{
	list-style:none;
	width:220px;
}
	ul.homepage-pods {
		width:220px;
		float:left;
		height:55px;
		margin:0;
		padding:0;
	}

#maincontent-home .pod-newsletter {
	background: transparent url("../images/e-bulletin-bg.gif") no-repeat top left;
	float: right;
	margin-top: 0;
	width: 220px;
	height: 84px;
	margin: 0px 50px 0 18px;
	overflow: hidden;
	display: inline;
	position: relative;
	color: #fff;
}
	#maincontent-home .pod-newsletter h2 {
		color: #fff;
		padding: 8px 10px 0px 10px;
		text-decoration: none;
		font-size: 18px;
		text-align:center;
		text-indent:-9999em;
	}

	#maincontent-home .pod-newsletter p {
		height: 15px;
		margin: 0px 10px 10px 10px;
		text-align:center;
	}
	
	#maincontent-home .pod-newsletter form {
		margin: 25px 0 0 0;
		padding: 0px 10px 0 10px;
		vertical-align: middle;
	}
	

.pod-newsletter form {
	margin: 0;
	padding: 15px 10px 0 10px;
	vertical-align: middle;
}

.pod-newsletter form input.podTextInput {
	border: 1px solid #000;
	padding: 1px;
	width: 163px;
	height: 14px;
	color: #000;
	background: transparent url("../images/pod-newslettersignup-textboxbg.gif") no-repeat top left;
}

.pod-newsletter form input.podSubmit {
	padding: 0;
	margin: 0 0 -4px 0;
	height: 17px;
}

*+html .pod-newsletter form fieldset {
	position: relative;
}

*+html .pod-newsletter form fieldset input {
	position: absolute;
	top:-10px;
}

*+html .pod-newsletter form fieldset input.podSubmit {
	right: 5px;
}	



/* pod support us */
#maincontent-home .pod-supportus ,#maincontent-home .pod-simple, #maincontent-home .pod-special{
	float: right;
	margin:3px 50px 0 0;
	margin-bottom:0 !important;
	width:220px;
	height:55px;
	padding:0;
}

	#maincontent-home .pod-supportus h2 a,#maincontent-home .pod-simple h2 a, #maincontent-home .pod-special h2 a{
		text-align:center;
		text-indent:-9999em;
	}
	
	#maincontent-home .pod-supportus p,#maincontent-home .pod-simple p, #maincontent-home .pod-special p{
		text-align:center;
		text-indent:-9999em;
	}

#maincontent-home .pod-supportus {
	background: transparent url("../images/support-us-bg.gif") no-repeat top left;
}
	
#maincontent-home .pod-simple {
	background: transparent url("../images/guide-to-opera-bg.gif") no-repeat top left;
}

/* pod special */
#maincontent-home .pod-special {
	background: transparent url("../images/chance-to-win-bg.gif") no-repeat top left;
}


/* pod simple */
a .pod-simple,
a .pod-special,
a .pod-supportus {
	text-decoration: none;
}

a .pod h2 {
	text-decoration: none;
}





/* pod general */
.content h2 {
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}

.sm-col .content{
 	height: 70px;
}

.sm-col .content, .lrg-col .content {
	/*min-height:110px;
  height:110px;*/

}
/*******************************************************************************
* Page content main area (3 cols)
*******************************************************************************/

#pagecontent-area {
	height: 933px;
	background: transparent url("../images/pagecontent-bg.png") no-repeat top left;
	margin: 6px 0 15px 0;
	padding: 12px 0 0 19px;
	position: relative;
}
* html #pagecontent-area {
	width: 980px;
}

#left {
	width: 192px;
	height: 744px;
	float: left;
}
* html #left {
	width: 195px;
}

#middle {
	width: 575px;
	/*height: 844px;*/
	float: left;
}
* html #middle {
	width: 565px;
}

/* colours */
.green {
	color: #8DA64E;
}
.purple {
	color: #662E4C;
}
.dark-blue {
	color: #004D7B;
}
.light-blue {
	color: #0a908f;
}
.aqua {
	color: #3a8d90;
}
.pink {
	color: #cd2596;
}
.red {
	color: #b81e1e;
}
.orange {
	color: #df732b;
}

/*******************************************************************************
* Page content main area (1 col)
*******************************************************************************/

#content-main-holder-single {
	padding: 0 0 0 19px;
	background: transparent url("../images/one-col-bg.png") repeat-y top left;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#content-main-holder-single #top h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	border: 0;
}

#content-main-holder-single #top h3 {
	margin: 25px 0 10px 0;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #000;
}

#top .email-form {
	margin-top: 10px;
}

#top .email-form .left, #top .leaflet-form .left {
	width: 60%;
	float: left;
}

#top .email-form .field, #top .leaflet-form .field {
	margin: 5px;
	font-size: 12px;
}

#top .email-form .left label, #top .leaflet-form .left label {
	width: 130px;
	display: block;
	float: left;
	font-size: 12px;
	margin-top: 5px;
}

#top .email-form .right label.interest {
	height: 100px;
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 12px;
}

#top .email-form .left input.textField, #top .leaflet-form input.textField {
	border: 1px solid #ccc;
	padding: 4px;
}

#top .right .buttons {
	text-align: right;
	padding-right: 5px;
}

#top .errors {
	
}

#top .errors ul, #top .errors li {
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 12px;
}

#top .errors h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}



/* FORWARD TO FRIEND */

#add_friends_form h2{
		margin-bottom:10px;
		margin-top:10px;
		font-size:12px;
}
		
#add_friends_form h2 span {
		font-size:10px;
		font-weight:normal;
		text-transform:lowercase;
}
		
#your-details{
			list-style:none;
			margin-left:0;
			margin-top:0;
		
}
		
#your-details li{
			padding-left:0;
			padding-bottom:0.5em;
			margin-left:0;
}
		
			
#your-details li label {
			font-size:11px;
			padding-left:15px;
			float: left;  
			width: 12em;  
			margin-right: 1em; 
}
		
		
#your-details li input{
			width:135px;
}
	
.field.add_friend {
		float:left;
		width:315px;
}
	
.field.add_friend  #friends-email-list{
		list-style:none;
		margin-left:0;
		margin-top:0;
		overflow:hidden;	
}
	
* html #friends-email-holder {
		height:100%;
}
	
.field.add_friend  #friends-email-list li{
		padding-left:0;
		padding-bottom:0.5em;
		margin-left:0;
}
		
.field.add_friend input {
			width:135px;	
			margin-left:10px;
}

.field.add_friend input#friend_email_1 {
		margin-left:7px;
}
	
#add_friends_form .add_email_button {
		width:69px;
		height:34px;
		display:inline;
}
	
#add_friends_form .add_friend_link {
		background:transparent url(../images/add_more_emails.gif) no-repeat scroll 0 0;
		float:left;
		padding-right:48px;
}
	
#add_friends_form .add_friend_link a {
		color:#A41A1A;;
		display:block;
		font-size:9px;
		height:31px;
		padding-left:35px;
		padding-top:3px;
		text-transform:uppercase;
		width:155px;
		text-decoration:none;
}
	
#add_friends_form .add_email_button button {
		background:transparent url(../images/submit_button.gif) no-repeat scroll 0 0;
		border:medium none;
		cursor:pointer;
		display:block;
		height:30px;
		text-indent:-9999px;
		width:81px;
}

 .error{

		color:#A41A1A;
		margin-left:15px;
		margin-top:4px;
}

#top p.message {
		font-size:20px;	
		margin-bottom:20px;
}
	
/*******************************************************************************
* Page content main area (2 cols)
*******************************************************************************/

#pagecontent-twocol {
	height: 979px;
	background: transparent url("../images/maincontent-twocol-bg.png") no-repeat top left;
	position: relative;
	padding: 12px 0 0 19px;
}

#menu-top {
	height: 65px;
	background: transparent url("../images/menu-bg-top.png") repeat-x top left;
	padding: 12px 0 0 19px;
	margin-top: 5px;
}
* html #menu-top {
	width: 968px;
	position: static;
	margin-top: 10px;
}

#content-main-holder {
	padding: 0 0 0 19px;
	background: transparent url("../images/content-main-bg.png") repeat-y top left;
	position: relative;
	width: 100%;
	/*overflow: hidden;*/
}
* html #content-main-holder {
	width: 969px;
}

#top {
	/* top banner(ish area) */
	float: left;
	width: 710px;
	padding: 10px 25px 20px 25px;
	position: relative;
	/*min-height: 185px;*/
}
*+html #top {
	padding-bottom: 25px;
}

#top h1{
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

#top p {
	padding: 0;
	margin: 15px 0 0 0;
	font-size: 12px;
}

#content-main-holder .top-padded {
	padding-right: 223px;
	width: 525px;
}

/* main area */
#main {
	float: left;
	width: 735px;
	padding: 15px 0 0 25px;
	background: transparent;
	overflow: hidden;
	position: relative;
}

*+html #main {
	z-index: -1;
}

.border-shadow {
	background: transparent url("../images/top-shadow.png") repeat-x top left;
	height: 12px;
}

.top-border-shadow {
	background: transparent url("../images/top-shadow.png") repeat-x top left;
	height: 12px;
	float: left;
	width: 760px;
	overflow: hidden;
}

#main .inner {
	/*width: 512px;*/
	/*padding-right: 15px;*/
}

/*#main .inner h2 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}*/

.inner h2.venue {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}

#right {
	width: 192px;
	position: absolute;
	right: 10px;
	background: transparent url("../images/right-shadow.png") repeat-y top left;
	height: 100%;
	z-index: 100;
}

* html #right {
	overflow: hidden;
	right: 9px;
	width: 192px;
}

#right.special-project {
	top: 261px;
}

.special-project-image {
	top: 526px;
}

* html .special-project-image {
	top: 520px;
}

#right .side-shadow {
	display: none;
}

#container #right .content {
	background: transparent;
	margin: 10px 0 0 12px;
	background: #fff;
	min-height: 300px;
	/*width: 155px;*/
	/*text-align: center;*/
}

#container #right .content .content {
	padding-right: 10px;
	min-height: 50px;
	margin-top: 0;
	overflow: hidden;
}

* html #right-content .content {
	margin-left:6px !important;
}

* html #container #right .content {
	width: 177px;
	margin: 5px auto;
}

* html #container #right .content div.content {
	width:145px;
}

#container .right-below {
	top: 262px;
}

*+html #container .right-below {
	top: 262px;
}

* html #container .right-below {
	top: 264px;
}

#container .right-below-banner {
	top: 492px;
}

*+html #container .right-below-banner {
	top: 494px;
}

#container .right-below-banner-bread {
	top: 531px;
}

*+html #container .right-below-banner-bread {
	top: 513px;
}

* html #container .right-below-banner-bread {
	top: 513px;
}

div.image img{
	margin-top:5px;
}

p.right-image {
	padding-top: 10px;
}

/*******************************************************************************
* Left nav
*******************************************************************************/

.left-menu ul, .left-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.left-menu li {
	border-bottom: 1px solid #ccc;
}

.left-menu li a {
	display: block;
	background: #fff;
	width: 177px;
	padding: 11px 0 11px 15px;
	color: #2F2F2F;
	text-decoration: none;
	font-size: 14px;
}

.left-menu li ul, .left-menu li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.left-menu li ul {
	margin: 8px 0 8px 0;
}
*+html .left-menu li ul {
	margin-top: -6px;
}
* html .left-menu li ul {
	margin-top: -6px;
}

.left-menu li ul li {
	border: none;
}

.left-menu li ul li a {
	font-size: 12px;
	padding: 8px 0 8px 32px;
	width: 160px;
	background: #fff url("../images/list-arrow.gif") no-repeat 20px 50%;
}

.left-menu ul.green li.active a {
	background-color: #e2ead3;
	font-weight: bold;
	color: #8da64e;
}

.left-menu ul.aqua li.active a {
	background-color: #d3e3e1;
	color: #3a8d90;
	font-weight: bold;
}

.left-menu ul.dark-blue li.active a {
	background-color: #ccdce5;
	color: #004e7c;
	font-weight: bold;
}

.left-menu ul.purple li.active a {
	background-color: #d9c9d2;
	color: #662e4c;
	font-weight: bold;
}

.left-menu ul.pink li.active a {
	background-color: #edbfdf;
	color: #cd2596;
	font-weight: bold;
}

.left-menu ul.orange li.active a {
	background-color: #ffe6d5;
	color: #df732b;
	font-weight: bold;
}

#left .left-menu ul li ul li.active a {
	background: #fff url("../images/list-arrow.gif") no-repeat 20px 50%;
}

/*******************************************************************************
* Middle content
*******************************************************************************/

/* top area */
#middle .top {
	padding: 15px 20px 15px 20px;
	/*height: 205px;*/
}
*+html #middle .top {
	padding-top: 8px;
}
* html #middle .top {
	padding-top: 8px;
}

#middle .top-adjust {
	padding: 10px 25px 25px 25px;
}
*+html #middle .top-adjust {
	padding-top: 8px;
}
* html #middle .top-adjust {
	padding-top: 8px;
}

#middle .top h1 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#middle .top p {
	font-size: 12px;
}

#middle .top h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0 10px 0;
}

#middle .top ul, #middle .top li {
	list-style: disc;
	margin: 0 0 0 10px;
	padding: 0;
}

* html #middle .top ul li {
	height: 16px;
}

#middle .top ul li a {
	display: block;
	font-size: 12px;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	color: #000;
	background: transparent;
}
* html #middle .top ul li a {
	padding: 0 0 0 10px;
	margin: 0;
}

#middle .top ul.green li a {
	background: transparent url("../images/list-arrow-green.gif") no-repeat 0 50%;
}

/* main content area */
#middle .main {
	/*padding: 15px 25px 0 25px;*/
	width: auto;
}
*+html #middle .main {
	padding-top: 20px;
	z-index: 99;
}
* html #middle .main {
	padding-right: 40px;
}

#middle .main h2 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 40px 0;
}

/* events */
#middle .main .event {
	min-height: 124px;
	overflow: hidden;
	background: #fff url("../images/event-item-bg.gif") repeat-x top left;
	margin-bottom: 35px;
	width:530px;
}

*+html #middle .main .event {
	position: relative;
	z-index: 999;
}

#middle .main .event .image {
	width: 277px;
	height: 122px;
	position: relative;
}

#middle .main .event .image img {
	margin-top: 0;
}

*html #middle .main .event  {
	width:510px;
}

#middle .main .event .image, #middle .main .event .content, #middle .main .event .links {
	float: left;
}

#middle .main .event .image .accessibility {
	background: #000;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 4px 4px 0 4px;
}

* html #middle .main .event .image .accessibility {
	margin: 0 -1px 2px 0;
}

#middle .main .event .content {
	width: 220px;
	padding: 10px 15px 10px 15px;
}
* html #middle .main .event .content {
	width: 200px;
}

#middle .main .event .content h3 {
	font-size: 18px;
	font-weight: bold;
	margin:  0 0 8px 0;
	padding: 0;
}

#middle .main .event .content h3 .composer {
	font-size: 12px;
	color: #000;
}

#middle .main .event .content p {
	font-size: 12px;
}

#middle .main .event .links {
 	float: right;
	padding-right: 10px;
	min-height: 26px;
}

#middle .main .event .links ul, #middle .main .event .links li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#middle .main .event .links li {
	float: left;
	list-style: none;
}

#middle .main .event .links li a {
	display: block;
	width: 95px;
	height: 26px;
	text-indent: -2000px;
	outline: none;
}

#middle .main .event .links li.more-info a {
	background: transparent url("../images/button-moreinfo.gif") no-repeat top left;
}

#middle .main .event .links li.book-now  {
	margin-left: 10px;
}

/* opera */
#middle .main .concert .content h3 {
	color: #ED791C;
}

#middle .main .concert .links .book-now a {
	background: transparent url("../images/button-booknow-concert.gif") no-repeat top left;
}

/* assembly room */
#middle .main .howard-assembly-room .content h3 {
	color: #348689;
}

.howard-paination{
	height:50px;
	width:530px;
	position:relative;
	margin-top:-50px;
	padding:0;
	
}

#middle .main .howard-assembly-room .links .book-now a {
	background: transparent url("../images/button-booknow-assembly.gif") no-repeat top left;
}

/* opera */
#middle .main .opera .content h3 {
	color: #617D29;
}

#middle .main .opera .links .book-now a {
	background: transparent url("../images/button-booknow-opera.gif") no-repeat top left;
}

/* other */
#middle .main .other h3 {
	color: #b82700;
}

#middle .main .other .links .book-now a {
	background: transparent url("../images/button-booknow-other.gif") no-repeat top left;
}

/*******************************************************************************
* Pod items 
*******************************************************************************/

#sort-events {
	padding: 10px;
}

* html #sort-events {
	position: relative;
}

#sort-events h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#sort-events .select {
	width: 100%;
	margin-bottom: 8px;
}

#sort-events .reset {
	padding-left: 20px;
}

/* styled dropdowns */
.dropdown {
	margin-bottom: 8px;
}

.dropdown ul, .dropdown li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dropdown li.cont {
	position: relative;
}

.dropdown li.top a {
	display: block;
	padding: 4px;
	border: 1px solid #D8D8D8;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	background: #fff url("../images/dropdown-arrow.gif") no-repeat 100% 50%;
	outline: none;
}

.dropdown li ul {
	border-bottom: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	position: absolute;
	width: 158px;
	top: 0;
	background: #fff;
}

.dropdown li ul, .dropdown li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}

.dropdown li ul li a {
	font-size: 12px;
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #000;
}

.dropdown li ul li a:hover {
	background: #eaeaea;
}

/* calendar */

#calendar {
	
}

#calendar h3 {
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#calendar h3.green {
	background: transparent url("../images/calendar-bg-green.gif") repeat-x top left;
	width: 181px;
}

#calendar h3.orange {
	background: transparent url("../images/calendar-bg-orange.gif") repeat-x top left;
}

#calendar h3.purple {
	background: transparent url("../images/calendar-bg-purple.gif") repeat-x top left;
}

#calendar h3 a {
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
}

#calendar .calendar {
	padding: 15px;
	margin-right: 0;
}

#calendar .cal {
	width: 100%;
}

#calendar .cal th, #calendar .cal td {
	text-align: center;
	padding: 3px;
	border: 1px solid #fff;
	height: auto;
}

#calendar .cal thead th {
	background: #A5A5A5;
	font-weight: bold;
}

#calendar .cal tbody td {
	background: #DCDCDC;
	color: #818181;
}

.key {
	background: transparent url("../images/calendar-bg.gif") repeat-x top left;
	height: auto;
	padding: 15px 0 15px 15px;
	/*margin-right: 1px;*/
}

.key h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.key-nobg {
	background: none;
}

.key ul, .key li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.key li {
	height: 17px;
	line-height: 17px;
	padding: 0 0 0 26px;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.key li.opera {
	background: transparent url("../images/cal-key-green.gif") no-repeat 0 50%;
}

.key li.assembly-room {
	background: transparent url("../images/cal-key-blue.gif") no-repeat 0 50%;
}

.key li.concerts {
	background: transparent url("../images/cal-key-orange.gif") no-repeat 0 50%;
}

.key li.other-events {
	background: transparent url("../images/cal-key-red.gif") no-repeat 0 50%;
}

.key li.multi-events {
	background: transparent url("../images/minical-key-multi.gif") no-repeat scroll left top
}

/* pod generic */

.pod {
	padding: 7px 10px 7px 10px;
	margin: 0 0 0 12px;
	/* width: 155px; */
	height: 83px;
}

.pod h3 {
	margin: 0 0 2px 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.pod p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}

.content .pod a {
	color: #fff;
	text-decoration: none;
}

#main .bottom-pods a {
	color: #fff;
	text-decoration: none;
}

/* email updates */

#pod-email {
	background: transparent url("../images/e-bulletin-bg.gif") no-repeat top left;
	width: 219px;	
	height: 65px;
}

.long #pod-email {
	background: transparent url("../images/e-bulletin-inner-bg.gif") no-repeat top left;
	margin: 0 9px;
	overflow: hidden;
	width: 212px;
	height: 70px;
}

#pod-email h2 {
	color: #fff;
	padding: 8px 10px 8px 2px;
	text-decoration: none;
	font-size: 18px;
	text-indent: -9999px;
}

#pod-email p {
	height: auto;
	margin: 0 10px 0 10px;
}

#pod-email form {
	margin: 0;
	padding: 12px 10px 0 2px;
	vertical-align: middle;
}

#pod-email form input.podTextInput {
	border: 1px solid #000;
	padding: 1px;
	width: 150px;
	height: 14px;
	color: #000;
	background: transparent url("../images/pod-newslettersignup-textboxbg.gif") no-repeat top left;
	margin: 0 !important;
}

#pod-email form fieldset {
	text-align: center;
}

#pod-email form input.podSubmit {
	padding: 0;
	margin: 0 0 -4px 0 !important;
	height: 17px;
}
	
* html #pod-email form fieldset input.podTextInput {
	margin-top:-20px;
	margin-left: 12px !important;
}

/* Join our eBulletin - Short one */


#right .content #pod-email{
   /*background:transparent url(../images/pod-register-for-email-short-bg.gif) no-repeat scroll left top; */
   background:transparent url(../images/e-bulletin-internal-bg.gif) no-repeat scroll left top;
   width: 135px;
   height:70px;
   clear:both;
   margin-top: 10px;
}

#right .content #pod-email h2{
 	color: #fff;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-size: 18px;
	text-indent:-9999em;
}

#right .content #pod-email p {
	height: auto;
	margin: 0 5px 0 5px;
	font-size: 11px;
	text-indent:-9999em;
}

#right .content #pod-email form {
	margin: 20px 0 0 0;
	padding: 5px 10px 0 10px;
	vertical-align: middle;
}

#right .content #pod-email form input.podTextInput {
	border: 1px solid #000;
	margin: 0 !important;
	padding: 1px;
	width: 80px;
	height: 14px;
	color: #000;
	background: transparent url("../images/pod-newslettersignup-textboxbg.gif") no-repeat top left;
}

/* support */

#pod-support {
	background: transparent url("../images/pod-supportus-bg.gif") no-repeat top left;
	width: 219px;
	margin-top: 10px;	
}

 #pod-support h3 {
 	margin-bottom:10px;
}

.long #pod-support {
	background: transparent url("../images/support-us-inner.gif") no-repeat top left;
	margin: 5px 9px;
	text-indent: -9999px;
	height: auto;
	width: 212px;
}

#right .content #pod-support{
 	width: 135px;
	
}
#right .content #pod-support h3 {
 	margin-bottom:10px;
 	text-indent:-9999em;
}



 #right .content #pod-support p{
  	text-indent:-9999em;
 } 

#right .content #pod-email, #right .content #pod-support {
    width: 135px;
    margin-left:12px;
}

#right .content #pod-email h2{
	margin: 0px;	
}

* html #right .content #pod-email, * html #right .content #pod-support {
    margin-left:6px;
}



#right .content #pod-support {
	/* background: transparent url("../images/pod-supportus-short-bg.gif") no-repeat top left; */
	 background: transparent url("../images/supports-us-internal-bg.gif") no-repeat top left; 
}

/* right bar dates */

* html #pod-dates {
	width: 170px;
	overflow: hidden;
}

#pod-dates h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #92AC53;
	padding: 5px 20px 0 12px;
}

	#pod-dates h3.purple {
		border-bottom: 1px solid #662E4C !important;
	}

#pod-dates .item {
	margin: 0 20px 10px 12px;
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 10px;
}

	#pod-dates .item select {
		width: 160px;
	}

* html #pod-dates .item{
	margin: 0 15px 10px 10px;
}

#pod-dates .item h3 {
	font-size: 12px;
	border: none;
	padding: 0;
	margin: 8px 0 0 0;
}

#pod-dates .item h4 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
}

#pod-dates .item h5 {
	font-size: 11px;
	font-weight: normal;
}

#pod-dates .item a.book-now-green {
	display: block;
	background: transparent url("../images/button-booknow-opera.gif") no-repeat top left;
	width: 95px;
	height: 26px;
	text-indent: -2000px;
	outline: none;
	margin: 3px 0 0 0;	
}

#pod-dates .item a.book-now-purple {
	display: block;
	background: transparent url("../images/button-booknow-opera.gif") no-repeat top left;
	width: 95px;
	height: 26px;
	text-indent: -2000px;
	outline: none;
	margin: 3px 0 0 0;	
}


#event-media-items {
	margin: 0 0 10px 0;
	overflow: hidden;
}
	#event-media-items h3 {
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #92AC53;
		padding: 5px 20px 0 20px;
		margin-right: -25px;
		margin-bottom:10px;
	}
	
	#event-media-items h3.purple {
		border-bottom: 1px solid #662E4C;
	}
	
	
	#event-media-items a{
		display:block;
		margin:0 0 0 10px;
	}
	
	.audio-object-title {
		margin:20px;
		line-height:1.3em;
	}
	
	.media-audio-object{
		margin:0 20px 20px 20px;
	}

#media-items {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#media-items h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #92AC53;
	padding: 5px 20px 0 20px;
	margin-right: -25px;
}

	#media-items h3.purple {
		border-bottom: 1px solid #662E4C;
	}

#media-items .media-item {
	text-align: center;
	padding-top: 10px;
	position: relative;
	background: transparent url("../images/youtube-bg-sidebar.gif") no-repeat -29px 0;
}

#media-items div p {
	font-size: 11px;
	padding: 0 0 0 20px;
	text-align:left !important;
}

* html #media-items div p {
	font-size: 11px;
	padding: 0 0 0 15px;
	position:relative;
	text-align:left !important;
}

* html #media-items .media-item {
	background-position: -34px 0px;
}

#media-items .media-item .youtube-overlay {
	position: absolute;
	background: transparent url(../images/youtube-play.png) no-repeat left top;
	width: 34px;
	height: 34px;
	top: 50px;
	left: 70px;
}

* html #media-items .media-item .youtube-overlay {
	left: 52px;
	top: 51px;
}

#media-items .media-item .youtube-overlay.youtube-pod {
	top: 35px; 
 }
 
#gallery-items {
	text-align: center;
	margin-bottom: 20px;
	background: transparent url("../images/youtube-bg-sidebar.gif") no-repeat -29px 25px;
}

#gallery-items h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #92AC53;
	padding: 5px 20px 0 20px;
	text-align: left;
	margin-bottom: 10px;
}

#gallery-items .gallery {
	position: relative;
}

#gallery-items .gallery .view {
	position: absolute;
	top: 0;
	left: 26px;
	width: 130px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	z-index:99;
	height: 97px;
}

#gallery-items .gallery .view a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	display: block;
	width: 130px;
	height: 22px;
	top: 0;
	left: 0;
	padding-top: 75px;
}

#price-textarea {
	margin:0;
	padding:0;
	overflow: hidden;
}

#price-textarea p {
	margin:0;
	padding:5px 0 15px 15px;
	color: #000;
}

#price-textarea h3 {
	border-bottom:1px solid #92AC53;
	font-size:18px;
	font-weight:bold;
	padding:5px 20px 0 !important;
}

#price-textarea.purple h3 {
	color: #662E4C !important;
	border-bottom: 1px solid #662E4C !important;
	margin-right: -25px;
}


/*******************************************************************************
* Events calendar
*******************************************************************************/

.calendar {
	margin-right: 15px;
	position: relative;
}

.calendar .loader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	background: #fff;
	opacity: 0.7;
	filter:alpha(opacity=70);
	display: block;
}

* html #calendar h3.green {
	width:168px;
}
 	
* html #calendar .calendar {
 	padding: 15px 10px;
}

.calendar .loader img {
	margin-top: 60px;
}

.calendar td.today {
	background: #ddd;
}

.calendar .top-green {
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/calendar-main-bg.gif") repeat-x top left;
}

.calendar .top-aqua {
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/calendar-bg-aqua.gif") repeat-x top left;
}

#calendar #mini-cal .howard-assembly-room {
	background: transparent url("../images/minical-bg-assembly.gif") no-repeat top left;
	color: #fff;
}

#calendar #mini-cal .opera {
	background: transparent url("../images/minical-bg-opera.gif") no-repeat top left;
	color: #fff;
}

#calendar #mini-cal .concert {
	background: transparent url("../images/minical-bg-concerts.gif") no-repeat top left;
	color: #fff;
}

#calendar #mini-cal .other-events {
	background: transparent url("../images/minical-bg-other.gif") no-repeat top left;
	color: #fff;
}

#calendar #mini-cal .mutiple {
	background: transparent url("../images/minical-bg-multi.gif") no-repeat top left;
	color: #fff;
}

#calendar #mini-cal .today {
	background: #bbb;
}

#calendar #mini-cal a {
	color: #fff;
	text-decoration: none;
}

.blue-cal .top {
	background: transparent url("../images/calendar-main-bg-blue.gif") repeat-x top left;
}

.calendar .top-green a {
	float: left;
	display: block;
	text-indent: -2000px;
	outline: none;
	width: 24px;
	height: 44px;
}

.calendar .top-aqua a {
	float: left;
	display: block;
	text-indent: -2000px;
	outline: none;
	width: 24px;
	height: 44px;
}

.calendar .top-green a.left {
	background: transparent url("../images/calendar-main-green-left.gif") no-repeat top left;
	margin-left: 10px;
}

.calendar .top-green a.right {
	background: transparent url("../images/calendar-main-green-right.gif") no-repeat top right;
}

.calendar .top-aqua a.left {
	background: transparent url("../images/calendar-main-aqua-left.gif") no-repeat top left;
	margin-left: 10px;
}

.calendar .top-aqua a.right {
	background: transparent url("../images/calendar-main-aqua-right.gif") no-repeat top right;
}

.calendar h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	float: left;
	width: 650px;
	text-align: center;
	margin: 0;
	padding: 0;
}

	.calendar h2.longer-title {
		width: 680px;
	}

.calendar table {
	width: 100%;
}

.calendar table thead {
	font-size: 10px;
}

.calendar table thead th {
	text-align: center;
	height: 25px;
	border-right: 1px solid #D5D5D5;
}

.calendar table thead th:last-child {
	border-right: none;
}

.calendar table tbody {
	background: #fff url("../images/calendar-main-body-bg.gif") repeat-x top left;
}

.calendar table tbody td {
	text-align: right;
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #D5D5D5;
	height: 80px;
	vertical-align: top;
	width: 14%;
}

.calendar .green tbody td {
	color: #70883E;
}

.calendar .aqua tbody td {
	color: #3A8D90;
}

.calendar table tbody tr:last-child td {
	border-bottom: none;
}

.calendar table tbody tr td:last-child {
	border-right: none;
}

.calendar p {
	color: #000;
	font-weight: bold;
	text-align: left;
}

.calendar p.opera {
	background: #8fa952;
	color: #fff;
	padding: 2px;
	margin: 1px -5px 1px 0;
	text-align: right;
}

.calendar p.concert {
	background: #f16d01;
	color: #fff;
	padding: 2px;
	margin: 1px -5px 1px 0;
	text-align: right;
}

.calendar p.concert a, .calendar p.howard-assembly-room a, .calendar p.other a, .calendar p.opera a {
	color: #fff;
	border: none;
}

.calendar p a {
	text-decoration: none;
}

.calendar p.howard-assembly-room {
	background: #3A8D90;
	color: #fff;
	padding: 2px;
	margin: 1px -5px 1px 0;
	text-align: right; 
	
}

.calendar p.other {
	background: #b81e1e;
	color: #fff;
	padding: 2px;
	margin: 1px -5px 1px 0;
	text-align: right; 
	
}

/*******************************************************************************
* Venues
*******************************************************************************/

.venue {
	
}

.venue h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #8DA64E;
	margin: 10px 0 10px 0;
}

.venue .orange {
	border-bottom: 1px solid #DF732B;
}

.venue p {
	font-size: 12px;
}

.venue a.link {
	text-decoration: none;
	color: #8DA64E;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
}

.venue h4 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #8DA64E;
	margin: 10px 0 0 28px;
}

.venue h4 a {
	display: block;
	padding-left: 30px;
	background: transparent url("../images/icon-plus-green.gif") no-repeat top left;
	height: 22px;
	line-height: 22px;
	margin: 0 0 0 -28px;
	text-decoration: none;
	color: #8DA64E;
}

.venue div.heading-content {
	padding-left: 28px;
	font-size: 12px;
}

.venue div.heading-content a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.venue div.heading-content img {
	float: left;
	margin-right: 10px;
}

.venue div.heading-content p {
	padding-top: 10px;
}

/*******************************************************************************
* Special projects
*******************************************************************************/

#top .top-banner {
	margin: 10px 0 0 0;
}

#top .inner-content-lrg {
	margin: 10px 0 0 0;
	background: transparent url("../images/calendar-bg.gif") repeat-x top left;
	width: 460px;
	float: left;
	height: auto;
}

#top .top-col {
	float: left;
	width: 228px;
	margin-left: 15px;
	margin-top: 10px;
	padding-top: 5px;
}

#top .top-col .content p {
	height: 50px;
	margin-bottom: 5px;
}

#top .top-col .title h2 {
	margin-bottom: 10px;
	font-size: 18px;
}

#top .top-col .image img {
	margin-top: 25px;
}	

#top .inner-content-lrg img {
	margin-top: 25px;
}

#top .inner-content-lrg h2 {
	padding-top: 5px;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

#top .inner-content-lrg p {
	font-size: 12px;
	margin-bottom: 5px;
	color: #000;
	height: 50px;
}

#top .inner-content-lrg a {
	font-size: 12px;
	font-weight: bold;
}

.pic {
	margin: 25px 0 0 0;
	float: left;
	position: relative;
	width: 235px;
	height: 141px;
	background: transparent url(../images/youtube-bg.gif) no-repeat left top;
}

.pic .you-tube {
	width: 129px;
	height: 96px;
	margin: 17px auto 0 55px;
}

.pic .youtube-overlay {
	display: block;
	width: 34px;
	height: 34px;
	background: transparent url(../images/youtube-play.png) no-repeat left top;
	position: absolute;
	top: 32%;
	left: 42%;
}

* html .pic .youtube-overlay {
	top: 33%;
	left: 41%;
}

/* sm col */
#main .sm-col {
	width: 228px;
	float: left;
	margin-right: 15px;
}

* html #main .sm-col {
	margin-right: 10px;
}

#main .sm-col h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

#main .sm-col p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	min-height: 50px;
	height: 50px;
}

#main .sm-col a {
	font-size: 12px;
	font-weight: bold;
}

#main .sm-col .image {
	margin: 20px 0 0 0;
}

.bottom-pods {
	clear: both;
	float: right;
	margin: 10px 30px 0 0;
	width: 230px;
}

	* html .bottom-pods {
		margin-right: 10px;
	}

/*******************************************************************************
* Education
*******************************************************************************/

#top .top-content-left {
	padding: 0 20px 0 0;
	margin: 10px 0 20px 0;
	width: 450px;
	float: left;
}

#top .top-content-left h1 {
	margin-bottom: 15px;
}

#top .top-content-left p.bold {
	font-weight: bold;
}

#top .top-content-left p {
	margin: 0 0 10px 0;
}

#top .top-content-right {
	width: 230px;
	padding: 20px 20px 20px 20px;
	position: absolute;
	right: 1px;
	top: -35px;
	background: transparent url("../images/education-topright-bg.gif") repeat-x top left;
	z-index:100;
}

*+html #top .top-content-right {
	top: -26px;
}

* html #top .top-content-right {
	right: 2px;
}

#top .top-content-right h2 {
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}

#top .top-content-right a {
	display: block;
	margin: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

/* teachers pack */
#top .form h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #004d7b;
	color: #004d7b;
}

#top .form form {
	margin: 25px 0 0 0;
	padding: 0;
}

#top .form form .field {
	margin: 5px;
	padding: 5px;
}

#top .form label {
	display: block;
	width: 180px;
	float: left;
	font-size: 12px;
	margin-top: 5px;
	color: #004d7b;
}

#top .form input.textInput {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

#top .form form .buttons {
	margin: 15px 0 0 0;
	padding: 0 0 0 190px;
}

#top .form form .error {
	background: #cbdce4;
}

#errorMsg li a {
	color: #000;
	font-size: 12px;
}

#errorMsg li {
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 12px;
	color: #000;
}

/* opus applications */
#top .form h4 {
	margin: 15px 0 2px 0;
	font-weight: bold;
	color: #004d7b;
}

.columns {
	width: auto;
	overflow:hidden;
}

/*******************************************************************************
* Whats-on (Operas specific)
*******************************************************************************/
.operas-wrapper {
    width: 760px;
    height:auto;
    float:left;
}

.opera-row {
	padding: 25px 0 20px 25px;
	float: left;
	width: 735px;
}

* html .opera-row {
	width: 733px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.opera-row h2 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 25px 0;
}

.opera-row .opera {
	margin: 0 25px 0 0;
	position: relative;
	width: 220px;
	height: 196px;
	float: left;
	text-decoration: none;
}

* html .opera-row .opera {
	margin-right: 15px;
}

.opera-row .opera .title {
	position: absolute;
	width: 200px;
	bottom: 0;
	left: 0;
	background: transparent url("../images/search-bg.png") repeat top left;
	padding: 10px;
	text-decoration: none;
	z-index: 10;
}

.opera-row .opera img {
	z-index: -1;
}

.opera-row .opera a {
	color: #fff;
	text-decoration: none;
}

*+html .opera-row .opera a {
	display: block;
	
}

.opera-row .opera .title a .composer {
	display: block;
}

.opera-row .opera .title h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
}

.opera-row .opera .title h4 {
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/*******************************************************************************
* View event
*******************************************************************************/

#main .middle-content {
	width: 530px;
}

#main .middle-content h3.date {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #92AC53;
}

#main .middle-content h3.purple {
	border-bottom: 1px solid #662E4C !important;
}

#main .middle-content h3.standard {
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 0 0;
	border-bottom: 1px solid #92AC53;
}

#main .middle-content .item-detail h4 {
	border-bottom: 1px solid #92AC53;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding-bottom: 5px;
}

#main .middle-content .item-detail h4 a {
	background: transparent url("../images/icon-plus-green.gif") no-repeat top left;
	display: block;
	height: 22px;
	line-height: 22px;
	margin: 0 0 0 0;
	padding-left: 30px;
	text-decoration: none;
}

	#main .middle-content .item-detail h4.purple a {
		background: transparent url("../images/icon-plus-purple.gif") no-repeat top left;
	}
	
	#main .middle-content .item-detail h4.purple a.minus-icon {
		background: transparent url("../images/icon-minus-purple.gif") no-repeat top left;
	}

#main .middle-content .item-detail h4.purple {
	border-bottom: 1px solid #662E4C;
}

#main .middle-content .item-detail .detail div {
	padding: 10px 10px 10px 28px;
	background: transparent url("../images/calendar-bg.gif") repeat-x top left;
}

#main .middle-content .item-detail .detail img{
	float: left;
	padding-right: 5px;
	padding-bottom: 2px;
}


/* procast listing */

ul.prodcast-list {
	list-style:none;
	padding-left:0;
}
	ul.prodcast-list li{
		margin-bottom:20px;
		float:left;
		width:492px;
	}
	
		#main .middle-content  ul.prodcast-list li object{
			margin-left:0;
		}
	
		ul.prodcast-list li h5{
			font-size:14px;
			margin-bottom:5px;
		}
		
		ul.prodcast-list li h6{
			font-size:12px;
			margin-bottom:15px;
			font-style:italic;
		}
		
#event-prodcast, #event-video{
	position:relative;
	overflow: hidden;
	width: 168px;
}

#event-prodcast .count{
	position: absolute;
	top: 30px;
	right: 9px;
	color: #FFF;
}

#event-video .count{
	position: absolute;
	top: 30px;
	right: 9px;
	color: #FFF;
}
		
#main .middle-content .block-item {
	padding: 10px 10px 10px 0;
	clear: both;
}

#main .middle-content .block-item h4 {
	font-size: 14px;
	font-weight: bold;
}

#main .middle-content .block-item p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

#main .middle-content .block-item img {
	float: left;
	margin-right: 10px;
}

/* opera items (interest) */
#main .middle-content .opera-item {
	position: relative;
	height: 147px;
	width: 163px;
	margin-top: 12px;
	margin-right: 13px;
	float: left;
}

#main .middle-content .opera-item .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url("../images/search-bg.png") repeat top left;
	width: 146px;
	padding: 8px;
}

#main .middle-content .opera-item .title h3 {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

#main .middle-content .opera-item .title h4 {
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 2px;
}

#accessibility-icons{
	float:right;
	margin-top:-20px;
	width:40px; 
}

* html #accessibility-icons{
	padding-left: 20px;
}

#main .middle-content object {
	margin-left:28px;
}

#main .middle-content .mp3-title {
	margin-left:28px;
}

/*******************************************************************************
* Search results
*******************************************************************************/

.searchresults{
	padding-left: 25px;
}

.searchresults a:link, .searchresults a:visited, .searchresults a:active{
	color: #999999; 
 	text-decoration: none;
	
}

.searchresults h2{
	color: #666666;
	font-weight: bold;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.searchresults p{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.searchresults li{
	padding-bottom: 20px;
	
}

/*******************************************************************************
* Pagination
*******************************************************************************/

.pagination {
	position: absolute;
	top: 20px;
	right: 20px;
}

.pagination ul, .pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination li {
	float: left;
	font-size: 12px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	margin: 0 2px 0 2px;
	width: 16px;
}

.pagination li.next, .pagination li.prev {
	font-size: 16px;
}

.pagination li a {
	display: block;
	text-decoration: none;
}

.pagination ul.green li a {
	color: #8DA64E;
}

.pagination ul.green  li.current {
	background: transparent url("../images/pagination-bg-green.png") no-repeat top left;
	color: #fff;
}

/* bottom */

.pagination-bottom {
	float: right;
}

.pagination-bottom ul, .pagination-bottom li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination-bottom li {
	float: left;
	font-size: 12px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	margin: 0 2px 0 2px;
	width: 16px;
}

.pagination-bottom li.next, .pagination-bottom li.prev {
	font-size: 16px;
}

.pagination-bottom li a {
	display: block;
	text-decoration: none;
}

.pagination-bottom ul.green li a {
	color: #8DA64E;
}

.pagination-bottom ul.green li.current {
	background: transparent url("../images/pagination-bg-green.png") no-repeat top left;
	color: #fff;
}

/*******************************************************************************
* Search Results
*******************************************************************************/

.searchresults {
	margin-top: 15px;
	margin-right: 250px;
	clear: both;
}

/*******************************************************************************
* Error page (404)
*******************************************************************************/

.error-page {
	padding: 10px 15px 10px 15px;
}

.error-page h2 {
	font-weight: bold;
	font-size: 26px;
	color: #b81e1e;
	margin-bottom: 15px;
}

.error-page ul {
	margin: 15px 0 15px 0;
}

.error-page ul li {
	list-style-type: disc;
	list-style-position: inside;
}

/*******************************************************************************
* Pod stuff
*******************************************************************************/

.pod-dark-blue a, #page-content .dark-blue a{
	color: #004D7B;
}

.pod-purple a, #page-content .purple a {
	color: #662E4C;
}

.pod-pink a, #page-content .pink a {
	color: #cd2596;
}

.pod-orange a, #page-content .orange a {
	color: #e17a36;
}

.pod-aqua a, #page-content .aqua a {
	color: #3a8d90;
}

/*
*	Added in to pad out the page content!
*/

#page-content{
	padding-left: 20px;
	padding-right: 20px;	
}

/*******************************************************************************
* Homepage banners for when they don't have flash
*******************************************************************************/

#flasharea .event_block {
	width: 300px;
	float: left;
	padding: 0 1px 0 1px;
	margin: 0 5px 0 5px;
}

#flasharea .event_block h3 {
	display: block;
	width: 300px;
	height: 150px;
	position: relative;
}

#flasharea .event_block h3 a {
	position: absolute;
	display: block;
	bottom: 0;
	width: 280px;
	padding: 10px;
	background: transparent url("../images/search-bg.png");
	color: #fff;
	text-decoration: none;
}

#flash-banner div {
	position: relative;
	display: block;
	height: 200px;
	width: 712px;
}

#flash-banner div div.title {
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 532px;
	background: transparent url("../images/search-bg.png");
	height: auto;
}

#flash-banner div div.title p, #flash-banner div div.title h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	/*line-height: 40px;*/
	padding-left: 10px;
	font-size: 16px;
}