/* CSS Document */

body {
	margin: 0px;
	padding: 0px;	
	background: #cae1e8;
}

	#pattern-bg {
		background: url('../images/blue-bg.jpg');
		background-repeat: repeat;
		background-position: top right;
		background-size: cover;
		width: 1200px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -1354px;
		z-index: -1;			
	}
#an_alert {
	display: block;
	width: 100%;
	height: 10px;
	z-index: 999;
	position: relative;
	background-color:#FF9900;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#announce {
	display: block;
	width: 100%;
	height: 15px;
	z-index: 999;
	position: relative;
	background-color:#FFCC00;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	border-bottom-color:#FF9900;
	border-bottom-width: 4px;
	border-bottom-style:solid;
	margin-bottom: 5px;
	-moz-box-shadow: 4px 0px 5px #000;
	-webkit-box-shadow: 4px 0px 5px #000;
	box-shadow: 4px 0px 5px #000;
}


#site-wrapper {
	display: block;
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	z-index: 99;
	position: relative;
}

	#header {
		display: block;
		height: 200px;
		position: relative;
		z-index: 99;
		background: url('../images/bg-gradient.jpg');
		background-repeat: repeat-y;
		background-position: top right;
	}
	
		.tag-line {
			display: block;
			width: 305px;
			height: 195px;
			
			position: absolute;
			top: 0px;
			left: 40px;
			z-index: 19;
		}
		
		.logo {
			display: block;
			width: 577px;
			height: 141px;
			
			position: absolute;
			top: 50px;
			left: 225px;
			z-index: 9;
		}
		
		.top-nav {
			position: absolute;
			top: 70px;
			right: 0px;
			display: block;
			z-index: 19;	
		}
		
			.top-nav a {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				font-weight: normal;
				color: #666666;
				display: block;
				padding-top: 1px;
				padding-bottom: 1px;
				border-right: 1px solid #666666;
				padding-left: 6px;
				padding-right: 6px;	
				float: left;
				text-decoration: none;
			}
			
			.top-nav a.last {
				font-family: Verdana, Geneva, sans-serif;
				border-right: none;
				font-size: 12px;
				font-weight: normal;
				color: #666666;
				display: block;
				padding-top: 1px;
				padding-bottom: 1px;
				padding-left: 6px;
				padding-right: 6px;	
				float: left;
				text-decoration: none;
			}
			
			.top-nav a.last:hover {
				text-decoration: underline;	
			}
			
			.top-nav a:hover {
				text-decoration: underline;	
			}
			
			.clearall {
				display: block;
				height: 0px;
				overflow: hidden;
				clear: both;	
			}
			
		.top-search {
			display: block;
			z-index: 19;
			position: absolute;
			top: 75px;
			right: 0px;	
			padding: 0px;
		}
		
			.search-label {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				color: #666666;	
				float: left;
				padding: 4px;
				margin: 0px;
			}
			
			.search-input {
				float: left;
				padding: 0px;
				margin: 0px;
			}
			
			.search-input {			
				padding: 0px;
				margin: 0px;	
			}
			
				.search-input input {
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;
					font-weight: normal;
					margin: 0px;
					color: #000000;
					border: 1px solid #666666;
					padding: 3px;	
				}
			
			.search-button {
				padding: 0px;
				margin: 0px;
			}
			
			.search-button input {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				font-weight: normal;
				color: #ffffff;	
				border-top: 1px solid #666666;
				border-bottom: 1px solid #666666;
				margin: 0px;
				border-right: 1px solid #666666;
				background: #f47920;
				border-left: 1px solid #f47920;
				padding: 3px;
			}
			
		.social-media {
			display: block;
			z-index: 19;
			position: absolute;
			top: 100px;
			right: 0px;	
			padding: 0px;
		}
			
		.events-header {
			display: block;
			margin-left: 40px;
			float: left;	
		}
			
		.navigation {
			float: left;
			background: #afd89c;
			width: 654px;
		}
			
			.nav-link {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				text-decoration: none;
				color: #4471b1;	
				margin-left: 4px;
				display: block;
				float: left;
				border-right: 1px solid #dd9949;
				padding-left: 6px;
				padding-right: 6px;
				padding-top: 2px;
				padding-bottom: 2px;
				margin-top: 9px;
				margin-bottom: 8px;
			}
			
				.nav-link:hover {
					color: #000000;	
				}
			
			.nav-link-last {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				text-decoration: none;
				color: #4471b1;	
				margin-left: 4px;
				display: block;
				float: left;
				padding-left: 6px;
				padding-right: 6px;
				padding-top: 2px;
				padding-bottom: 2px;
				margin-top: 9px;
				margin-bottom: 8px;
			}
			
				.nav-link-last:hover {
					color: #000000;
				}
				
	#hp-content {
		display: block;
		width: 1000px;	
		padding-left: 40px;
		z-index: 99;
	}

	
		.event-listings {
			display: block;
			float: left;
			width: 306px;
			height: 383px;
			background: #7ec566;	
			position: relative;
		}
		
			.up_events {
				list-style-type: none;
				width: 280px;
				margin-left: 20px;
				margin-top: 10px;
			}
			
			
			
			.up_events  h2 {
				font-family: 'Carme', sans-serif;
				font-weight: normal;
				font-size: 22px;
				color: #ffffff;
				margin: 0px;
				padding: 0px;
				margin-bottom: -12px;
			}
			
			.up_events  p {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #000000;
				display: block;
				padding-left: 0px;
				padding-right: 30px;
			}
			
			.up_events  a {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #000000;
			}
			
			.up_events  a:hover {
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #4471b1;
			}
			
			
			
			
			
			
		
			.event-gradient {
				background: url('../images/gradient-2.jpg');
				background-repeat: repeat-y;
				display: block;	
				height: 45px;
				width: 100%;
				position: absolute;
				left: 0px;
				bottom: 0px;
			}
			
				.event-gradient a {
					font-family: 'Carme', sans-serif;
					font-size: 20px;
					font-weight: normal;
					text-align: center;
					display: block;
					width: 100%;
					height: 35px;
					padding-top: 10px;
					padding-bottom: 8px;
					color: #ffffff;
					text-decoration: none;
				}
				
				.event-gradient a:hover {
					color: #000000;	
				}
		
		.splash-image {
			display: block;
			float: left;
			width: 	694px;
			height: 383px;
		}
		
	#hp-footer {
		display: block;
		width: 654px;
		height: 125px;
		margin-left: 346px;	
		background: #97c4d0;
		z-index: 99;
	}
	
	#footer-nav {
		margin-left: 40px;
		display: block;
		background: #afd89c;
		position: relative;
	}
	
	#video {
			display: block;
			left: 40px;
			top: 620px;
			width: 306px;
			height: 125px;
			background-color: #000;
			position: absolute;
		}
	
	#everify {
		margin-left: 40px;
		width: 600px;
		display: block;
		position: relative;
	}
	
		.copyright {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #000000;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 8px;
			position: absolute;
			top: 30px;
			right: 0px;	
		}
		
		.copyright a { color: #4471b1; text-decoration:underline; }
		.copyright a:hover { color: #000000; }
		
		
	#frameAlertPAY {
	width: 750px;
	background-color:#FFF;
	background-repeat: no-repeat;
	display: none;
	position: absolute;
	margin-left: -375px;
	left: 50%;
	top: 350px;
	z-index: 999;	
}

	#frameAlertContent {
		width: 700px;
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 10px;
		margin-bottom: 15px;
		font-family: verdana;
		font-size: 19px;
		color: #ffffff;
		font-weight: normal;
		line-height: 25px;	
	}
	
	#frameAlertContent h1 {
		display: block;
		color: #ffffff;
		font: 45px/48px 'MerriweatherRegular', Arial, sans-serif;
		text-shadow: 1px 1px 1px #000000;	
		margin-bottom: 12px;
		border-bottom: 1px solid #ffffff;
	}
	
	#closeAlert {
		width: 170px;
		height: 27px;
		position: absolute;
		top: -30px;
		right: -5px;
		padding: 6px;
		cursor: arrow;
	}
	
#frameAlertSafety {
	width: 250px;
	height: 400px;
	background-color:#FFF;
	background-repeat: no-repeat;
	display: none;
	position: absolute;
	margin-left: -175px;
	left: 50%;
	top: 350px;
	z-index: 999;	
}
#frameAlertContent2 {
		width: 250px;
		height: 400px;
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 10px;
		margin-bottom: 15px;
		font-family: verdana;
		font-size: 19px;
		color: #ffffff;
		font-weight: normal;
		line-height: 25px;	
	}
	
#whiteScreen2 {
	display: none;
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;		
	background-image: url("../images/wTransbg.png");
	background-repeat: repeat;
	z-index: 999;
	cursor: pointer;
}

#html5-watermark { display:none !important; }