/*
 SmartPlugsDesign InTandem Theme for SilverStripe CMS
 http://www.smartplugsdesign.com
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
body {
/*	background:#EEE url(../images/site/body-bg.jpg) 0 0 repeat-x;	*/
	background:#EEE;
	color: #333;
 	font-size: 62.5%; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html {
}
.clear{
	clear:both;
}
img {
	border: 1px solid #666;
}
	img.noborder {
		border:0;
	}
	a:hover img {
		border:1px solid #8B0000;
	}
/**************
 	Site Container Box
*/
#BgContainer {
	background:transparent;
/* 	background:transparent url(../images/site/bg-container-bg.jpg) 0 0 repeat-y; */
	width: 900px;  
	margin: 0 auto; 
}
#Container {
	background:transparent url(../images/site/body-bg.jpg) 0 0 repeat-x;
	width: 900px;
	padding-bottom: 15px;
	float:left;
	display:inline;
	position:relative;
	}
#OuterLayout {
	background:transparent url(../images/site/outer-layout-bg.jpg) 0 0 repeat-y;
	clear:both;
	float:left;
	display:inline;
	width:900px;
}
#Layout {
	background:transparent url(../images/site/layout-bg.jpg) 0 0 no-repeat;
	width: 900px;
	clear: both;
	float:left;
	display:inline;
	overflow: hidden;
	margin:0 auto;
}
#Content {
	background:transparent url(../images/site/content-bg.jpg) 0 0 repeat-x;
	width: 596px;
	clear:left;
	float:left;
	display:inline;
	left:4px;
	position:relative;
	text-align: left;
}
	#ContentInner {
		clear:left;
		float:left;
		display:inline;
		margin:15px 20px 0;
		padding:0;
	}
		#ContentInner div.right img {
			margin:0 0 0 20px;
		}
		#ContentInner img.left {
			margin:0 20px 0 0;
		}

	#Content .wide-stripe {
		float:left;
		display:inline;
		background:transparent url(../images/site/heading-main-bg.jpg) 0 0 repeat-x;
		width:596px;
		height:46px;
		position:relative;
		text-transform:uppercase;
	}
	#NextShow {
		width:556px;
		float:left;
		display:inline;
		margin-bottom:15px;
	}
		#NextShow h1 {
			width:280px;
			clear:left;
			display:inline;
			_margin-top:0;
		}
		#NextShow img {
			margin:9px 0 0 20px;
		}
	#OtherShows {
		float:left;
		display:inline;
		width:596px;
		background:transparent url(../images/site/content-bg.jpg) 0 0 repeat-x;
		min-height:150px;
	}
		#OtherShows .other-show {
			float:left;
			width:198px;
			border-right:1px solid #F8BC4C;
			padding-bottom:5px;
		}
		#OtherShows .closed * {
			color:#666;
		}
			#OtherShows .other-show-inner {
				float:left;
				display:inline;
				margin:10px 10px 0;
			}
				#OtherShows .other-show-inner .upper {
					float:left;
					display:inline;
					clear:both;
					width:178px;
					position:relative;
				}
					#OtherShows .other-show-inner .upper .secondary-button {
						position:absolute;
						bottom:5px;
						right:0;
					}
				#OtherShows .other-show-inner .lower {
					float:left;
					display:inline;
					clear:both;
					width:178px;
				}
			#OtherShows h4 {
				font-size:1.3em;
				margin-top:10px;
			}
			#OtherShows p {
				font-size:1.2em;
				line-height:1.1em;
			}
		#OtherShows .last {
			border-right:0;
		}
	#Sponsors {
		float:left;
		display:inline;
		width:596px;
		background:transparent url(../images/site/sidebox-bg-tall.jpg) 0 0 repeat-x;
	}
		#Sponsors table {
			border:0;
			width:100%;
			margin:10px 0 0;
			padding:0;
		}
			#Sponsors tr {
				margin:0;
				padding:0;
				width:100%;
			}
			#Sponsors td {
				border:0;
				padding:0;
				margin:5px 0;
				text-align:center;
				vertical-align:top;
			}
				#Sponsors tr.three-sponsors td {
					width:33%;
				}
				#Sponsors tr.two-sponsors td {
					width:50%;
				}
				#Sponsors td p {
					margin:0;
					padding:0;
					text-align:center;
					font-size:0.9em;
				}
				#Sponsors a {
					padding:5px;
				}
				#Sponsors img {
					background:#FFF;
					padding:5px;
					margin:0 auto;
				}

	#EventList {
		clear:left;
		float:left;
		display:inline;
		width:556px;
	}
		#EventList .event-list-item {
			border-bottom:1px solid #CCC;
			clear:left;
			float:left;
			display:inline;
			padding-bottom:20px;
			margin:0;
		}
			#EventList .event-list-item .description {
				clear:left;
				float:left;
				display:inline;
				width:410px;
				margin:0 auto;
			}
		#EventList .last {
			border-bottom:0;
		}

/** Header **/
#Header { 
 	width:900px;
 	height:170px;
	margin:0 auto 35px;
	background:transparent url(../images/site/header-bg.jpg) 0 0 repeat-x;
	position:relative;
}
	#HeaderInner {
		background:transparent url(../images/site/building-image.jpg) top right no-repeat;
		margin:0 2px;
		height:170px;
	}
	#HeaderFlash {
		width:640px;
		position:absolute;
		top:0;
		right:0;
	}
		#HeaderFlash img {
			border:0;
		}
	#Header p#HeaderContact {
		color:#FFF;
		font-size:1.4em;
		position:absolute;
		bottom:10px;
		right:20px;
		display:none;
		z-index:100;
	}
		#Header img#Logo {
			border:0;
			margin:25px 0 0 20px;
		}

/*** Main Nav ***/
#Navigation {
	left:0;
	clear:left;
	position:absolute;
	top:173px;
	height:30px;
	width: 900px;
/*	overflow: hidden; */
}
#Navigation ul {
/*	border-right:1px solid #400; */
	position:absolute;
	left:0;
	margin-right: 10px;
	width:600px;
}
	#Navigation ul li { 
	 	list-style: none; 
		margin: 0 23px;
		_margin:0 20px;
		float: left;
		line-height: 2.4em;
		display: block;
		text-align:center;
		position:relative;
		}
  		#Navigation ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			height: 2.1em; 
			font-size: 1.4em;
			padding:2px;
			color:#FFF;
		}
			#Navigation ul li a:hover {
				color:#FFF;
				text-decoration:underline;
				cursor:pointer;
			}
    		#Navigation ul li a.current,
    		#Navigation ul li a.section,
    		#Navigation ul li a.section:hover,
    		#Navigation ul li a.current:hover {
			 	color: #666;
			}

				#Navigation ul ul {
					background-color:#FFF;
					display:none;
					z-index:10000;
				}
					#Navigation ul li ul ul {
						background-color:#FFF;
						display:none;
						z-index:9999;
					}
				#Navigation ul li:hover ul,
				#Navigation ul li.iehover ul{
					background-color:#FFF;
					border:1px solid #F7BB4C;
					display:block;
					position:absolute;
					left:-16px;
					top:31px;
					width:152px;
				}
					#Navigation li li.iehover a:hover {
						color:#8B0000;
						text-decoration:none;
					}
				#Navigation ul li:hover ul li:hover ul,
				#Navigation ul li.iehover ul li.iehover ul {
					border:1px solid #F7BB4C;
					display:block;
					position:absolute;
					left:146px;
					top:-1px;
					width:146px;
				}
					#Navigation ul ul li {
						margin:0;
						display:block !important;
						/*display:inline; */
						float:left;
						text-align:left;
						text-indent:14px;
					}
					#Navigation ul li:hover li a,
					#Navigation ul li.iehover li a,
					#Navigation ul li:hover li:hover li a,
					#Navigation ul li.iehover li.iehover li a {
						background:#FFF;
						color:#8B0000;
						float:left;
						font-size:1.2em;
						width:146px;
						padding:3px;
						text-decoration:none;
					}
					#Navigation ul li:hover li a:hover,
					#Navigation ul li:hover li:hover a,
					#Navigation ul li.iehover li a:hover,
					#Navigation ul li.iehover li.iehover a,
					#Navigation ul li:hover li:hover li a:hover,
					#Navigation ul li:hover li:hover li:hover a,
					#Navigation ul li.iehover li.iehover li a:hover,
					#Navigation ul li.iehover li.iehover li.iehover a {
						background:#EEE;
					}
				#Navigation ul li:hover ul ul,
				#Navigation ul li.iehover ul ul {
					display:none;
				}
/** Breadcrumbs **/
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin:0px 5px 10px 0;
	padding-top:0;
	}
	#Breadcrumbs p {
		padding:0;
		margin:0;
		width:550px;
	}
		#Breadcrumbs p a{
			margin:0;
			padding:0;
		}

/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}
/* Sidebar 
***********************************/
#Sidebar { 
	width: 292px;
	float: right;
	display:inline;
	margin-right:4px;
	}
	#Sidebar .getInvolvedBox {
		float:left;
		display:inline;
		width:292px;
		margin:20px 0 0;
	}
		#Sidebar a#OrderTickets,
		#Sidebar a#DonateNow {
			margin:12px 11px 12px 12px;
		}
		#Sidebar a#OrderTickets img,
		#Sidebar a#DonateNow img {
			border:0;
		}
	#Sidebar .sidebarBox {
		background: #FFF url(../images/site/sidebox-bg-tall.jpg) 0 0 repeat-x; 
		float:left;
		display:inline;
		width:292px;
		margin-top:15px;
	}
		#Sidebar .sidebarBox .inner {
			float:left;
			display:inline;
			margin:15px 15px 0;
		}
			#Sidebar .sidebarBox .event-image-wrapper {
				float:left;
				display:inline;
			}
				#Sidebar .sidebarBox .event-image {
					margin-right:15px;
				}
			#Sidebar .sidebarBox .inner .sidetext {
				width:125px;
				float:left;
				display:inline;
				text-align:center;
			}
				#Sidebar .sidebarBox .inner .sidetext .secondary-button {
					margin:15px auto 0;
				}
		#Sidebar .sidebarBox .separated {
			border-top:1px solid #DDD;
			margin-top:0;
		}
		#Sidebar .sidebarBox .event-dates {
			font-size:1.4em;
		}
		#Sidebar h4 {
			font-size:1.5em;
			margin:0 auto 5px;
		}

	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
	#Sidebar li {
		margin: 8px 2px;
		list-style: none;
	}

	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar .side-stripe,
	#Content .wide-stripe-short {
		background:transparent url(../images/site/sidebox-icon.jpg) right 2px no-repeat;
		width:292px;
		float:left;
		height:28px;
		position:relative;
		text-transform:uppercase;
	}
	#Content .wide-stripe-short {
		width:596px;
	}
		#Sidebar .side-stripe h3,
		#Content .wide-stripe-short h3 {
			color:#000;
			position:absolute;
			font-size:18px;
			top:7px;
			left:17px;
			line-height:18px;
			margin:0;
			padding:0;
		}
		#Sidebar .side-stripe p,
		#Content .wide-stripe-short p {
			color:#FFF;
			position:absolute;
			font-size:18px;
			top:5px;
			left:15px;
			line-height:18px;
			margin:0;
			padding:0;
		}
		#Content .wide-stripe-short h3 {
			left:22px;
		}
		#Content .wide-stripe-short p {
			left:20px;
		}



/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 15px 0;
	font-size: 1em;
	padding:0 0 20px;
	border-bottom:1px solid #DDD;
}
ul#SearchResults li.last {
	border-bottom:0;
}


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

#Footer { 
 	clear: both;  
	width: 900px;
	background:#EEE url(../images/site/footer-bg.jpg) 0 0 no-repeat; 
	text-align: center; 
	padding:20px 0;
	}
	#Footer.home {
		background:#EEE url(../images/site/footer-home-bg.jpg) 0 0 no-repeat; 
	}
	#Footer .footerTop {
		width: 100%;
		display: block;
		height: 2em;
	}
  	#Footer p { 
		color: #333;
		font-size: 1.1em;
		margin-top: -0.6em;
	}
	#Footer p.left {
		clear:left;
		float:left;
		margin-left:20px;
	}
	#Footer p.right {
		clear:right;
		float:right;
		margin-right:20px;
	}
	#Footer a {
		color:#8B0000;
	}
	#Footer a:hover {
		color:#333;
		text-decoration:none;
	}

/* Links
**************************************/
#Layout .primary-button {
	text-transform:uppercase;
	width:108px;
	height:27px;
}
	#Layout .primary-button a {
		background:transparent url(../images/site/primary-button.png) 0 0 no-repeat;
		display:block;
		width:108px;
		height:27px;
		text-transform:uppercase;
		text-decoration:none;
		color:#000;
		font-size:15px;
		font-weight:normal;
		text-align:center;
		line-height:27px;
		margin-top:15px;
	}
#Layout .secondary-button {
	padding:0;
	text-transform:uppercase;
	width:74px;
	height:21px;
}
	#Layout .secondary-button a {
		background:transparent url(../images/site/secondary-button.png) 0 0 no-repeat;
		text-decoration:none;
		display:block;
		color:#000;
		font-size:11px;
		font-weight:normal;
		text-align:center;
		line-height:21px;
		border:0;
	}

.left {
	float:left;
}
.right {
	float:right;
}

.typography .searchResultHeader {
	font-size:1.4em;
}