@charset "utf-8";
/* CSS Document */


/* ////// General Structure ////// */
html {background: url(images/tileBase.jpg) repeat-x #29AED6; margin: 0;}
body {
	background: url(images/bgMain1.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000;
}
#containerPageWrap {
	width: 804px;
	background: url(images/tileWhite.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#containerPage {
	
	width: 804px;
	margin: 0; padding: 0;
	text-align: left;
	clear: both;
	}
#containerMainCt {}

/* ////// Typography /////// */
h1 {}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 12pt; margin: 12px 0 5px;}
#contentHome h2, #contentEvents h2 {
	text-align: center; 
	color: #1684B9; 
	font-family:Georgia, "Times New Roman", Times, serif; font-size: 12pt;
	margin: 12px 0 10px;
	}
h3 {}
h4 {}
p {margin: 0 0 10px 0;}
a {}
a:hover {}
a:visited {}
.bold {font-weight: bold;}
.textNorm {font-weight: normal;}
#contentEvents p {
	margin: 0 35px 12px;
}
#contentPhotos p {
	margin: 0 27px;
	font-size: 9pt;
	text-align: center;
}

/* ////// Header Elements ////// */
#header {
	background: url(images/bgHeader.jpg) no-repeat center top;
	width: 804px; height: 110px;
	}
	
#logoTop {
	float: left;
	width: 339px;
	margin: 11px 0 0;
	border: none;
}

#searchTop {
	float: right;
	width: 446px; height: 48px;
	margin: 38px 10px 0 0;
	text-align: center; vertical-align: top;
}
#registerTop {
	float: right;
	width: 446px; height: 48px;
	background: url(images/bg_RegOpen.jpg) no-repeat;
	margin: 38px 10px 0 0;
	text-align: center; vertical-align: top;
}
#registerTop img {border: none;}
#siteSearchForm {text-align: center; margin: 0 auto; width: 446px; padding:0;}
#siteSearchForm label {margin-left: 10px;}
#siteSearchForm dt {float: left; margin: 4px 0 0 10px; padding: 0 3px;}
#siteSearchForm dd {float: left; margin: 0 2px; padding: 0 3px;}
input#siteSearch {margin-top: 1px; border: 1px solid #63BFEC; padding: 3px 2px;}

/* ////// Content ////// */
#contentHome {
	width: 318px; 
	float: left; 
	margin: 0; padding: 0 0 0 10px;
	color: #333333;
	}
#contentPhotos {
	width: 465px; 
	float: left; 
	margin: 0; padding: 28px 0 0;
	text-align: left;
	background: url(images/headerPhotosR.gif) no-repeat center top;
	} 
	
#contentEvents {
	float: left;
	width: 465px;
	text-align: left;	
	margin: 0;
	padding: 0;
	background: url(images/bgEvents.jpg) no-repeat center top;
}	
	
#content {
	width: 465px; 
	float: left; 
	margin: 0; padding: 0;
	text-align: left;
	color: #333333;
	} 
#sidebarL {
	width: 339px;
	background: url(images/bgColLeft.jpg) no-repeat;
	float: left;
	margin: 0;
	padding: 0 0 5px;
	}
#textLeft {
	margin: 0 18px 0 24px;	
}
#textLeftContact {
	margin: 24px 18px 0 44px;
	font-weight: bold;
}

#sidebarR { 
	width: 137px; 
	margin: 0; padding: 0 0 16px; 
	float: right;
	text-align: center;
	}
#sidebarR p {margin: 0 0 4px;}
#sidebarR img {border: none;}

/* ////// Navigation ////// */
#topNav {
	width: 339px; height: 50px;
	margin: 0; padding: 0;
	vertical-align: bottom;
	background: url(images/bgMenuTop_off.jpg) no-repeat;
	}
#topNavList {
	margin: 0;
	padding: 24px 0 0;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	
}
#topNavList li {
	display: inline;
	margin: 0;
	padding: 0;
	/* padding: 0 11px; */
	
}
#topNavList li a, #topNavList li a:visited {
	text-decoration: none;
	color: white;
	 padding: 10px 11px 19px 11px;
}
#topNavList li a:hover {
	text-decoration: none;
	/* background: url(images/tileMenuTop_on.jpg) repeat-x; */
	background: url(images/bgMenu_on.png) no-repeat center top;
	padding: 10px 11px 19px 11px;
}
#topNavList li a#current {
color: #00FFFF;
background: url(images/bgMenuCurrent.png) no-repeat center top;
}

/* ////// Footer ////// */
#footer {
	width: 784px;
	margin: 0 auto; padding: 8px 10px 11px;
	background: url(images/bgFooter.png) no-repeat center top;
	text-align: right;
	font-size: 8pt;
	color: #11648C;
	}
#footer p {margin: 0;}

/* ////// Photos and Events Styles ////// */
.photoBox {
	width: 446px; height: 449px; 
	text-align: center;	
	margin: 0;
	padding: 8px 7px;
	background: url(images/bgPhotoBox.jpg) no-repeat center top;
}

#photosFlash {
	width: 804px;
	text-align: center;
	margin: 0; padding: 0;
}

.picsR_Events {
	text-align: center;
}
.picsR_Events img {
	border: 1px solid black;
	margin: 0 5px;
}

/* ////// Misc Design Elements ////// */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.slideshowHome {
	text-align: center;	
	margin: 0 0 20px;
}

.photosHomeLeft {text-align: center; margin: 18px 0 14px;}
.photosHomeLeft img {margin: 0 5px; border: none;}
.testimonial {font-style: italic; margin: 12px 8px 0 10px;}

/* ////// Ads ////// */
#adsBottom {text-align: center; width: 804px; margin: 0; padding: 10px 0;}
#adsBottom img {margin: 0 9px 10px; border: none;}

/* ////// Video Styles ////// */
.videoBox {
	width: 446px; height: 386px; 
	text-align: center;	
	margin: 0;
	padding: 20px 7px;
	background: url(images/bgVideoBox.jpg) no-repeat center top;
}
#prevScroll {margin: 8px 0 0 9px; height: 332px; overflow: auto;}
.prevVideos {width: 100%;}
.prevVideos .leftCol {width: 94px; vertical-align: top;}
.prevVideos .rightCol {width: 212px; vertical-align: top; font-size: 8pt; background: #D0F1FB;}
.prevVideos .rightCol p {margin: 1px 0; padding-left: 5px;}
.videoTitle {font-weight: bold; background: #93DEF4; padding: 2px 0; color: #003366;}
.videoTitle a, .videoTitle a:visited {color: #003366; text-decoration:none;}
.videoTitle a:hover {color: #004E9B;}
.videoDesc {background: #F2F9FD;}
.viewVideo {font-weight: bold;}
.viewVideo a, .viewVideo a:visited {font-weight: bold; color: #01679E; text-decoration:none;}
.viewVideo a:hover {color: #FF2F2F;}

/* ////// Contact Form Styles ////// */
#contactBPG fieldset {
	margin: 0 30px 20px;
	padding: 14px 24px;
	border: 2px solid #93DEF4;
	font: 9pt Arial, Helvetica, sans-serif;
	background: url(images/bgContactBox2.jpg) no-repeat right top;
	}
#contactBPG fieldset input, #contactBPG fieldset textarea {
	border: 1px solid #93DEF4;
	}
#contactBPG fieldset p {
	margin: 6px 0;
	}	
#contactBPG legend {
	background: white;
	padding: 5px 10px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #1684B9;
}
#contactBPG .btnSubmit {
	background: url(images/tileContact_off.jpg) repeat-x #FC6752;
	padding: 4px 8px;
	border: 1px solid #F5474C;
	color: white;
	font: bold 9pt Arial, Helvetica, sans-serif;
	}
#contactBPG .btnSubmit:hover {
	background: url(images/tileContact_on.jpg) repeat-x #FC6733; 
	border: 1px solid #F4311C;
	color: #FF6;
	}
	
.headerContact, .headerPhotos, .headerEvents, .headerVideos {
	margin: 15px 10px 0; padding: 0; 
	height: 17px; 
	text-align: center; 
	}
.headerContact {background: url(images/headerContact.gif) no-repeat center top;}
.headerVideos {background: url(images/headerVideos.gif) no-repeat center top;}
.headerPhotos {background: url(images/headerPhotos.gif) no-repeat center top;}
.headerEvents {background: url(images/headerEvents.gif) no-repeat center top;}
