@charset "utf-8";

@import url("reset.css");
@import url("nav.css");
@import url("megamenu.css");
@import url("twitter.css");
@import url("faqs.css");

/* -- Global element styles -- */

body {
	font: 12px/1.8em Arial,Sans-Serif;
	color: #444;
	background: #e5e5e5;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 1em/normal Arial, Sans-Serif;
	margin: 0 0 20px;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }

h4 {
	font-size: 18px;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

h6 { font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

a {color: #c00;}
a:hover {
	color: #333;
	text-decoration: none;
}

.styledLink {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background: #c00;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	box-shadow: inset 1px 1px 2px #922;
	line-height: normal;
}

.form-error {
	position: absolute;
	margin-left: 10px;
	background: #900;
	color: #fff;
	padding: 0 10px;
	line-height: 2em;
	font-size: 14px;
}

/* -- Global layouts (container, header + footer, further columns) -- */

#container {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: relative;
}

	#header {
		padding: 20px 0 0;
		margin: 0 0 20px;
		border-bottom: 2px solid #ccc;
		position: relative;
		z-index: 101;
	}
	
		#headerSearch { float: right }
		
			#headerSearch input { float: left; }
	
		#header h1 { margin: 0; }
		
		/* -- nav.css for #topNav styles -- */
		
	#subNav {
		width: 153px;
		padding: 0 20px 0 0;
		float: left;
		border-right: 2px solid #ccc;
		margin: 0 20px 20px 0;
		list-style: none;
	}
	
	/* -- nav.css for further subnav styles -- */
	
	#content {
		margin: 0 0 20px;
		width: 705px;
		float: left;
	}
	
	#subNav + #content { width: 510px; }
	
	#ctaColumn {
		width: 155px;
		padding: 20px;
		float: right;
		background: #ececec;
		margin: 0 0 20px;
	}
	
		#ctaColumn ul  {
			list-style: none;
			padding: 0;
		}
	
	#footer {
		border-top: 2px solid #ccc;
		clear: both;
		padding: 20px 0;
	}
	
/* -- Homepage styles -- */

.home-banner { 
	height: 290px;
	background: #000;
	position: relative;
	margin: 0 0 20px;
}

	#navNext, #navPrev {
		background: url("/images/scrollPrev.jpg") repeat scroll 0 0 transparent;
		top: 260px;
		cursor: pointer;
		display: block;
		height: 32px;
		position: absolute;
		width: 30px;
		left: -50px;
		text-indent: -10001px;
	}
	
	#navNext {
		left: auto;
		right: -50px;
		background: url("/images/scrollNext.jpg") repeat scroll 0 0 transparent;
	}

	#banner-controls {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 100;
	}
	
		#banner-controls a {
			background: #c00;
			width: 15px;
			height: 15px;
			border-radius: 15px;
			display: block;
			float: left;
			margin: 0 10px 0 0;
			text-indent: -10001px;
			cursor: pointer;
		}
		
		#banner-controls a:hover { background: #999; }
		
		#banner-controls a.on {
			border: 1px solid #fff;
			margin: -1px 10px 0 -1px;
			
		}

	.slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 290px;
		z-index: 99;
		opacity: 0;
		filter: alpha(opacity=0);
		display: none;
		background: #000;
	}
	
		.slideText {
			position: absolute;
			right: 0;
			top 0;
			height: 250px;
			width: 200px;
			padding: 20px;
			background: rgba(0,0,0,0.6);
			color: #fff;
		}
		
			.slideText h1 {
				margin-top: 40px;	
			}
			
/* Furtherpage styles */

#breadcrumb {
	font-size: 10px;
	margin: 0 0 15px;
	padding: 2px 10px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #f6f6f6;
}

	#breadcrumb ul,
	#breadcrumb li,
	#breadcrumb a {
		display: inline;
		margin: 0;
		padding: 0;
		color: #222;
	}
	
	#content #breadcrumb li + li a {
		display: inline-block;
		padding: 0 0 0 10px;
		background: url("/images/navArrow.gif") no-repeat left 8px;
	}
	
	
	#content #breadcrumb li:before { content: ""; } 	 	
			
/* -- Newsarchive.asp -- */

#archiveYearButtons {
	height: 30px;
	background: #d0d0d0;
}

	#archiveYearButtons a, #archiveMonthButtons a {
		line-height: 30px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
	}

	#archiveYearButtons a:hover {
		text-decoration: none;
		background: #eee;
	}
	
	#archiveYearButtons a.directorySubmitSelected {
		background: #eee;
		font-weight: bold;
	}

#archiveMonthButtons {
	height: 30px;
	background: #eee;
	margin-bottom: 20px;
}

	#archiveMonthButtons a {
		color: #666;
		font-size: 10px;
	}
	
	.ie #archiveMonthButtons a {
		width: 8.27%;
	}
	
	#archiveMonthButtons a.directorySubmitSelected {
		color: #e31b24;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
	}

	#archiveMonthButtons a:hover {
		text-decoration: none;
		background: #e0e0e0;
	}


.newsRepeater {
	border-top: 3px solid #f0f0f0;
	padding: 10px;
	margin: 20px 0;
}

.newsRepeater:hover { 
	border-color: #ccc;
	background: #f3f3f3;
}
	
	.newsListImage {
		float: right;
		margin-bottom: 10px;
	}
	
	.readMoreBtn {
		margin-top: 10px;
		display: block;
	}

/* -- default form styles -- */

.pageForm label {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0 0 10px;
	font-weight: bold;
}

.pageForm input[type="text"], .pageForm input[type="email"], .pageForm input[type="tel"], .pageForm input[type="password"], .pageForm textarea {
	border: none;
	-webkit-box-shadow: inset 1px 1px 2px #aaa;
	-moz-box-shadow: inset 1px 1px 2px #aaa;
	box-shadow: inset 1px 1px 2px #aaa;
	font: italic 12px/20px Arial,Sans-Serif;
	color: #666;
	width: 180px;
	padding: 3px 10px;
	margin: 0 0 10px;
	border-radius: 4px;
}

.pageForm input[type="text"]:focus,.pageForm input[type="password"]:focus,  .pageForm textarea:focus {
	-webkit-box-shadow: inset 1px 1px 2px #444;
	-moz-box-shadow: inset 1px 1px 2px #444;
	box-shadow: inset 1px 1px 2px #444; 
}

.no-boxshadow .pageForm input[type="text"],
.no-boxshadow .pageForm input[type="email"],
.no-boxshadow .pageForm input[type="tel"],
.no-boxshadow .pageForm input[type="password"],
.no-boxshadow .pageForm textarea {
	border: 1px solid #ccc;
}

.pageForm input[type="text"], .pageForm input[type="email"], .pageForm input[type="tel"], .pageForm input[type="password"] { height: 20px }

.pageForm textarea {
	height: 80px;
	line-height: 1.5em;
	padding: 10px
}

.pageForm input.formSubmit {
	padding: 10px 20px;
	width: 150px;
	background: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
	font: bold 12px/20px Arial, sans-serif;
	color: #333;
	border-radius: 3px;
}

.pageForm #fat_captcha {
	vertical-align: middle;
	margin: 0 0 0 10px;
}

/* -- CTA Column Styles -- */

.ctaImg {
	display: block;
	margin: 10px 0;
}

.cta {
	padding: 20px 0;
	margin: -3px 0 0;
	border-top: 3px double #c66;
	border-bottom: 3px double #c66;
}

	.cta h3 {
		margin: 0 0 10px;
	}
	
	#ctaColumn .pageForm input[type="text"], #ctaColumn .pageForm input[type="email"], #ctaColumn .pageForm input[type="tel"], #callbackForm textarea {
		width: 135px;
	}
	
	#ctaColumn .pageForm label {
		display: block;
		width: auto;
		margin: 0;
	}
	
	#ctaColumn .pageForm input.formSubmit {
		margin: 10px 0 0;
		background: #fff;
		width: auto;
		padding: 5px 10px;
	}
	
	#ctaEvents li, #ctaRecentNews li {
		margin: 0 0 10px;
	}
	
		#ctaEvents .date, #ctaRecentNews .date {
			font-size: 10px;
			line-height: normal;
			color: #000;
			display: block;
		}
		
/* -- google map -- */

#googleMap {
	height: 200px;
	margin: 20px 0
}

/* -- poll results --  */

.pollResults {
	margin: 20px 0;
}
		
	.pollResults p {
		overflow: hidden;
		margin: 5px 0;
	}
	
	.pollResults .label {
		display: block;
		float: left;
		clear: left;
		margin: 0;
		padding: 10px 0 0;
		width: 25%;
	}
	
	.pollResults .pollBar {
		width: 75%;
		float: left;
		display: block;
	}
			
	.pollResults .pollBar span {
		height: 30px;
		text-align: center;
		line-height: 30px;
		padding: 0;
		background: #c00;
		color: #fff;
		display: block;
	}