@charset "utf-8";
body {
	margin:0;
	padding:0;
	background-color:#e3e3e3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	background-image:url(imgs/background_strip.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
.mainwrap {
	width:850px;
	margin:0 auto;
}
h1, h2, h3, h4 {
	color:#444;
	font-weight:100;
	margin:0 0 10px 0;
	padding-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
	color:#06F;
	text-decoration:none;
}
a:hover {
	color:#C00;
	text-decoration:underline;
}
#top_stretch {
	width:100%;
	height:154px;
	margin-top:6px;
	background-image:url(imgs/top_stretch_back.jpg);
	background-repeat:repeat-x;
	border-bottom:#FFF 1px solid;
}
#page_top {
	display:block;
	float:none;
	width:100%;
	height:154px;
	margin:0 auto;
	background-image:url(imgs/page_top_graphic.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#main_navigation, .plainList {
	margin:0;
	padding:0;
	list-style:none;
}
#main_navigation li {
	float:left;
}
#main_navigation li a {
	display:block;
	padding:10px 25px;
	margin:0 1px 0 0;
	color:#FFF;
	text-decoration:none;
	text-shadow:#069 1px 1px 1px;
	font-weight:bold;
	background-image:url(imgs/menu_hover_back.png);
	background-repeat:repeat-x;
}
#main_navigation li a:focus {
	outline:none;
}
#main_navigation li a:hover {
	background-image:none;
	background-color:#08a3e5;
	padding:11px 25px 9px;
}
#pageid_home #nav_home,
#pageid_news_events #nav_news_events,
#pageid_products #nav_products,
#pageid_services #nav_services,
#pageid_aboutus #nav_aboutus,
#pageid_contactus #nav_contactus {
	background-image:url(imgs/menu_active_back.png);
	background-repeat:repeat-x;
	padding:8px 25px 12px;
	margin-top:-4px;
	border-top:#C00 4px solid;
}
#catalog_loginform {
	display:block;
	width:250px;
	height:90px;
	padding:10px;
	margin-top:8px;
	margin-left:560px;
}
#catalog_loginform div {
	font-size:10px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
}
#catalog_loginform label {
	display:block;
	float:left;
	width:65px;
	text-align:right;
	padding-right:5px;
	color:#FFF;
	font-size:10px;
	line-height:16px;
	font-weight:100;
	font-style:italic;
}
#catalog_loginform input.text {
	width:150px;
	font-size:10px;
}
#catalog_loginform input.text:focus {
	border-color:#F33;
	border-style:solid;
}
#catalog_loginform input.submit {
	margin-left:70px;
	font-weight:bold;
	font-size:10px;
}
#catalog_loginform a {
	color:#FFF;
	font-size:10px;
}
#socialMediaContainer {
	width:850px;
	border-top:#FFF 1px solid;
}
#facebookFeed {
	display:block;
	float:left;
	width:600px;
}
#twitterFeed {
	display:block;
	float:left;
	width:249px;
	border:none;
	border-top:#333 1px solid;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
}
#siteUpdates {
	width:850px;
	height:200px;
	clear:both;
	border-bottom:#666 1px solid;
	border-top:#EEE 1px solid;
}
#siteUpdates #announcementBox {
	float:left;
	width:200px;
	height:200px;
	overflow:hidden;
}
#siteUpdates #latestEvent {
	float:left;
	width:398px;
	height:200px;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	overflow:hidden;
}
#siteUpdates #latestEvent b, #siteUpdates #latestResource b {
	display:block;
	padding:3px 15px;
	background-color:#CCC;
	color:#444;
	border-bottom:#AAA 1px solid;
	border-left:#EEE 1px solid;
	text-shadow:#FFF 0 1px 1px;
}
#siteUpdates #latestResource {
	float:left;
	width:249px;
	height:200px;
	overflow:hidden;
}
#pageFooter {
	display:block;
	float:none;
	width:848px;
	border:#666 1px solid;
	border-top-color:#CCC;
	background-image:url(imgs/bottom_background2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#999;
	min-height:150px;
	color:#FFF;
	clear:both;
}
#pageFooter h1, #pageFooter h2 {
	color:#FFF;
	margin:10px 0 10px 0;
	padding:0;
	font-size:20px;
	text-shadow:#666 1px 1px;
}
.margins {
	padding:5px 15px;
}
#pageFooter ul {
	margin:0;
	padding:0;
	list-style:none;
}
#pageFooter .footer_column {
	display:block;
	float:left;
	width:220px;
	margin-right:20px;
}
#pageFooter a {
	color:#FFF;
	text-decoration:none;
}
#pageFooter a:hover {
	text-decoration:underline;
	color:#06C;
}
#pageFooter li a {
	font-size:14px;
}
#mainColumn {
	display:block;
	float:left;
	width:550px;
}
#sideColumn {
	display:block;
	float:left;
	width:300px;
}
.alert_message {
	color:#C33;
}
#eventPicturesListing, #resourcesList, #upcomingNotices {
	list-style:none;
	padding:0;
	margin:0;
}
#eventPicturesListing li, #resourcesList li, #upcomingNotices li {
	margin-bottom:15px;
}
#upcomingNotices li h3 {
	margin-bottom:3px;
	padding-top:0;
}
#upcomingNotices li {
	margin-right: 6px;
}
#eventPicturesListing li a, #resourcesList li a {
	margin-left:20px;
}
#resourcesList li i {
	font-size:10px;
}
#resourcesList li h3 {
	padding:0;
}
/*  Image previewer bit  */
#imageGallery {
	width:811px;
	margin:0 auto;
}
#imageThumbs {
	width:100%;
	background-color:#000;
	padding:2px 1px 2px;
}
#imageThumbs a {
	border:0;
	float:left;
}
#imageThumbs a img {
	border:#000 1px solid;
	border-right-width:0;
	border-bottom-width:0;
}
#imageThumbs :focus {
	outline:none;
}
#imageViewer {
	display:block;
	float:left;
	width:520px;
	height:350px;
}
#galleryInformation {
	display:block;
	float:left;
	width:280px;
	height:340px;
	padding-top:10px;
}
#imageViewer img.galleryImgLarge {
	margin:5px;
	border:#000 1px solid;
	box-shadow:#666 1px 2px 6px;
	-moz-box-shadow:#666 1px 2px 6px;
	-webkit-box-shadow:#666 1px 2px 6px;
}
#imageViewer h1 {
	text-align:center;
	margin-top:140px;
}
#gallery-page-loader {
	margin:120px 200px;
}
img.staffImage {
	border:#000 1px solid;
	box-shadow:#333 1px 2px 4px;
	-moz-box-shadow:#333 1px 2px 4px;
	-webkit-box-shadow:#333 1px 2px 4px;
	margin-bottom:20px;
}
.textInput {
	width:200px;
}
#ctf_details {
	width:450px;
}
#ctf_details, .textInput {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding:5px;
	border:#999 1px solid;
	-moz-box-shadow:#CCC 1px 1px 3px inset;
}
#ctf_details:focus, .textInput:focus {
	padding:4px;
	border:#09F 2px solid;
}
#qrCodeSelector {
	margin:0;
	padding:0;
	list-style:none;
}
#qrCodeSelector a {
	display:block;
	float:none;
}
#qrCodeSelector :focus { outline:none; }
#qrCodeSelector img {
	float:none;
	width:200px;
	height:200px;
}
.activeAccordion {
	font-size:14px;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
}
img.brandImage {
	margin:6px; 
	border:#000 1px solid;
	width:100px;
	height:100px;
	box-shadow:#333 1px 2px 4px;
	-moz-box-shadow:#333 1px 2px 4px;
	-webkit-box-shadow:#333 1px 2px 4px;
}