/* Start of CMSMS style sheet 'bf-style' */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  RESET  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  LAYOUT  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
	background-color: #E0F3FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

a {
	color: #227496;
	text-decoration: none;
}

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

.clearBoth {
	width: 100%;
	height: 0px;
	clear: both;
}

#container {
	width: 950px;
	margin: 15px auto;
	padding: 10px;
	background-color: #FFF;
}

	#header {
		width: 950px;
		height: 110px;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/header-wide-bg.jpg);
		border: ;
	}
	
		#logo a {
			width: 372px;
			height: 110px;
			margin: 0px 0px 0px 289px;
			float: left;
			text-indent: -9999px;
			overflow: hidden;
		}
		
	h1 {
		height: 40px;
		color: #227496;
		font-size: 1.7em;
		font-weight: bold;
		line-height: 2.1;
	}
	
	h2 {
		color: #227496;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.8;
	}
	
	#content, #image, #home-image {
		float: left;
		min-height: 342px;
		margin: 0px 0px 10px 0px;
	}
	
	#content {
		width: 575px;
		padding: 0px 0px 0px 0px;
		margin-right: 10px;
		overflow: auto;
		font-size: 1.2em;
		line-height: 1.3;
	}
	
	#content-wo {
		width: 950px;
		padding: 0px 0px 15px 0px;
		margin-right: 10px;
		overflow: auto;
		font-size: 1.2em;
		line-height: 1.3;
	}
       #content-times{
		width: 950px;
		padding: 0px 0px 15px 0px;
		margin-right: 10px;
		font-size: 1.2em;
		line-height: 1.3;
	}
       #font-times{
		padding: 0px 0px 15px 0px;
		margin-right: 10px;
		font-size: 5.2em;
		line-height: 1.3;
	}
	
		#content p, #content-wo p {
			margin: 0 0 13px 0;
		}
		
		#content a, #content-wo a {
			color: #227496;
		}
		
			#content a:hover, #content-wo a:hover {
				text-decoration: underline;
			}
	
	#image, #home-image {
		width: 365px;
		background-color: #777;
	}
		
	#footer {
		width: 950px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		clear: both;
		border-top: 2px solid #E0F3FA;
	}
	
		#copyright {
			width: 300px;
			margin: 5px auto 0px auto;
			padding: 0px 0px 0px 0px;
			text-align: center;
			color: #777;
		}
		
/*==================*/
/* HOME PAGE & NEWS */
/*==================*/
#news {
	width: 345px;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #EEE;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #227496;
}

	#news h2 {
		padding: 0 0 5px 0;
		border-bottom: 3px dotted #227496;
	}
	
	#news .NewsSummary {
		font-size: 1.2em;
	}
	
	#news .NewsSummarySummary {
		padding: 8px 0 0 0;
	}

#home-image {
	height: 222px;
	min-height: 222px;
}

/*===============*/
/* NEW HOME PAGE */
/*===============*/
#home-left, #home-middle, #home-right {
	float: left;
}

#home-left, #home-middle {
	width: 290px;
	margin: 0 15px 0 0;
}

#home-right {
	width: 340px;
}

	.home-top {
		height: 240px;
		margin: 15px 0;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-family: Georgia, Times New Roman, serif;
		font-size: 12px;
	}
	
	#home-right .home-top {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.home-dark-blue {
		background-color: #006293;
		color: #fff;
	}
	
		.home-dark-blue h1 {
			height: auto;
			margin: 0 0 6px;
			padding: 0 0 6px;
			border-bottom: 3px dotted #fff;
			color: #fff;
			font-size: 14px;
			line-height: 1;
		}
		
		.home-dark-blue p {
			font-size: 13px;
			line-height: 1.3;
		}
	
	.home-light-blue {
		background-color: #d7e3ee;
		color: #666;
	}

		.hlb-col {
			width: 50%;
			float: left;
		}

			.hlb-col p {
				font-size: 11px;
			}
	
	#home-middle .home-light-blue {
		height: 260px;
		margin: 15px 0;
		padding: 0;
	}
	
		.home-light-blue h2 {
			height: auto;
			margin: 0 0 10px;
			color: #006293;
			font-size: 13px;
			line-height: 1;
		}
		
		.home-light-blue p {
			margin: 0 0 8px;
		}
		
		.home-light-blue .mailing-list,
		.home-light-blue .email-link,
		.home-light-blue .facebook {
			padding: 10px;
		}
		
		.home-light-blue .email-link {
			border-top: 10px solid #fff;
			border-bottom: 10px solid #fff;
		}
		
			.home-light-blue .email-link a {
				color: #555;
			}
			
			.home-light-blue .facebook a:hover {
				text-decoration: none;
			}
			
			.home-light-blue .facebook img {
				margin: 0 7px 0 0;
				vertical-align: middle;
			}
		
		.home-light-blue .formbuilderform {
			height: 105px;
		}
		
		.home-light-blue .formbuilderform input {
			width: 264px;
			margin: 0 0 10px;
			padding: 3px;
			border: none;
			color: #444;
		}
		
		.home-light-blue .formbuilderform .submit input {
			width: auto;
			margin: 0;
			padding: 3px;
			background-color: #006293;
			border: none;
			color: #fff;
			font-size: 11px;
		}
	
	.home-red h2, .home-purple h2, .home-images h2 {
		margin: 0 0 10px;
		padding: 3px;
		color: #fff;
		font-family: Georgia, Times New Roman, serif;
	}
	
	.home-red h2 {
		background-color: #d2232e;
	}
	
	.home-red .NewsSummaryLink {
		margin: 0 0 7px;
		color: #d2232e;
		font-weight: bold;
	}
	
	.home-purple h2 {
		background-color: #804977;
	}
	
	.home-purple .NewsSummaryLink {
		margin: 0 0 7px;
		color: #804977;
		font-weight: bold;
	}
	
	.home-images h2 {
		background-color: #006293;
		text-indent: -9999px;
	}
	
	/*  HOME EVENTS/NEWS  */
	#home-left .NewsSummary, #home-middle .NewsSummary {
		margin: 0 0 10px;
		padding: 10px;
		background-color: #e5e5e5;
		font-size: 12px;
		color: #222;
	}
	
	#home-left .NewsSummaryBorder {
		margin: 0 0 10px;
		border-bottom: 3px dotted #d2232e;
	}
	
	#home-middle .NewsSummaryBorder {
		margin: 0 0 10px;
		border-bottom: 3px dotted #804977;
	}

	.home-images-col {
		width: 165px;
		float: left;
		margin: 0 10px 0 0;
	}

	.home-images-col.end {
		margin: 0 0 0 0;
	}

	.home-images-col img {
		margin: 0 0 10px;
	}

/*====================*/
/* WHAT'S ON CALENDAR */
/*====================*/
table#cal-calendar {
	width: 900px;
	margin: 1px auto;
	border: 1px solid #AAA;
}

	table#cal-calendar caption {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}
	
		table#cal-calendar caption a {
			margin: 0 30px;
			font-size: 0.8em;
		}

	table#cal-calendar td, table#cal-calendar th {
		width: 14.2%;
		border: 1px solid #AAA;
	}
	
	table#cal-calendar th {
		padding: 1px 0;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	table#cal-calendar td {
		height: 90px;
		padding: 3px;
		vertical-align: top;
		text-align: right;
		font-weight: bold;
	}
	
	.weekend {
		background-color: #F3F3F3;
	}
	
	table#cal-calendar .calendar-today {
		background-color: #E0F3FA;
	}
	
	table#cal-calendar ul {
		font-size: 0.8em;
		font-weight: normal;
		text-align: left;
	}
	
	.calendar-event h1 {
		font-size: 1.4em;
	}
	
	.calendar-event div {
		margin: 0 0 15px 0;
	}
	
		.calendar-date-from span, .calendar-details span {
			font-size: 1.1em;
			font-weight: bold;
		}

/*================*/
/* YOUTUBE VIDEOS */
/*================*/
ul#yt-videos {
	width: 600px;
	margin: 30px auto;
}

	ul#yt-videos li {
		width: 130px;
		margin: 0 20px 20px 0;
		float: left;
	}

.yt-video-single {
	width: 425px;
	margin: 20px auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  NAV  */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#menu, div#menu ul, div#menu li, div#menu a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#menu, div#menu ul {
	width: 950px;
	height: 30px;
	clear: both;
	background-color: #E0F3FA;
}

	div#menu ul {
		list-style-type: none;
	}
	
		div#menu li {
			float: left;
		}
	
		div#menu a {
			height: 30px;
			margin: 0px 0px 0px 0px;
			padding: 0 5px;
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			color: #227496;
			line-height: 30px;
			text-decoration: none;
		}
		
		div#menu a:hover, div#menu a.menuactive {
			background-color: #227496;
			color: #FFF;
		}

.menuparent {
    position: relative;
}

.menuparent ul {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 0;
    height: auto !important;
    width: 175px !important;
}

.menuparent.open ul {
    max-height: 1000px;
}
/* End of 'bf-style' */