@charset "utf-8";
/* CSS Document */

html {
	background: url(../images/body_bg.jpg);
}

a:link { color: #D2232A; }
a:visited { color: #D71C1C; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

body {
	background: url(../images/body_bg.jpg);
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 960px;
	padding: 20px;
	margin: 0 auto;
	background: url(../images/wrapper_bg.png);
}

#header {
	height: 125px;
	padding: 34px 60px 0px 20px;
}

#nav {
	height: 91px;
	margin: 15px 15px 0px 0px;
	line-height: 91px;
	position: relative;
	z-index: 9;
}

	#navLabel {
		display: block;
		color: #c7c8ca;
		font-weight: bold;
		font-size: 1.6em;
		height: 91px;
		float: right;
		padding-right: 15px;
	}
	
	#nav ul {
		float: right;
	}
	
	#nav ul li {
		margin: 0px 10px; 
		float: left;
	}
	
		#nav ul li ul { display: none; }
	
	#nav ul li a {
		font-size: 1.4em;
		color: #c7c8ca;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-family: Arial, Helvetica, sans-serif;
		padding-bottom: 6px;
	}
	
	#nav ul li a:hover, #nav ul li.active a {
		border-bottom: 7px solid #d2232a; 
	}
	
	.navSponsorship {
		height: 30px;
		line-height: 18px;
		display: block;
		text-align: center;
		margin: 22px 0 0 0;
	}
	
#featured {
	height: 318px;
	margin: -25px 0px 5px 15px;
	background: url(../images/featured_bg.jpg) 25px 0px no-repeat;
	padding: 107px 0px 0px 75px;
	color: #fff;
	text-align: justify;
	line-height: 140%;
	font-size: 1.5em;
}

	#featured_left {
		float: left;
	}
	
	#featured p {
		width: 343px;
	}

	#featured h1 {
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	#featured h2 {
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	#featured h1 span {
		color: #979a9d;
	}

#slideshow {
	float: right;
	width: 444px;
	height: 431px;
	margin: -107px 70px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	}
#seven {
	height: 629px;
	width: 100%;
	background: url(../images/7.png) top right no-repeat;
	position: relative;
	z-index: 10;
}

#main {
	font-size: 1.6em;
	position: relative;
	z-index: 20;
	margin-top: -629px;
	min-height: 450px;
}

	#main ul li {
		list-style-type: disc;
		display: list-item;
		margin-left: 2em;
	}
	
	#main ol li {
		list-style-type: decimal;
		display: list-item;
		margin-left: 2em;
	}
	
	#main ul, #main ol {
		margin-bottom: 15px;
	}

	#leftContent {
		width: 340px;
		padding: 15px;
		padding-bottom: 30px;
		background: #b6b5b6;
		color: #000;
		float: left;
		margin: 0px 53px 0px 50px;
		text-align: justify;
		line-height: 140%;
	}
	
		#leftContent h1 {
			color: #fff;
			width: 65%;
			height: 31px;
			line-height: 31px;
			text-align: center;
			text-transform: uppercase;
			margin: 0px auto;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 1.3em;
			padding-bottom: 15px;
			border-bottom: 7px solid #d2232a;
		}
		
			#leftContent h1 span {
				font-size: 1.7em;
				color: #d2232a;
			}
		#leftContent h2 {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		#leftContent p {
			padding-bottom: 15px;
		}

	#rightContent {
		width: 455px;
		float: left;
		color: #fff;
		text-align: justify;
		line-height: 140%;
	}
	
		#rightContent h1 {
			width: 100%;
			background: #d2232a;
			text-align: center;
			text-transform: uppercase;
			margin: 0 auto;
			font-weight: bold;
			font-size: 1.3em;
			padding: 8px 0px;
			margin-bottom: 20px;
		}
		
			#rightContent h1 span {
				color: #231f20;
			}
		#rightContent h2 {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.1em;
		}
		#rightContent p {
			padding-bottom: 15px;
		}
	
#footer {
	background: #fff;
	margin-top: 60px;
	height: 42px;
	line-height: 42px;
	color: #8a8b8c;
	text-align: center;
	font-size: 1em;
	letter-spacing: 3px;
	text-transform: uppercase;
	clear: both;
	position: relative;
	z-index: 9999;
}

	#footer a {
		color: #8a8b8c;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	.legal { float: left; padding-left: 300px; }
	.social { float: right; clear: none; padding: 3px 7px 0 0; }
	

#contactForm {
	padding: 0px 20px;
}

#contactForm input, #contactForm textarea {
	width: 100%;
	padding: 3px;
	text-transform: uppercase;
	color: #999;
}

#contactForm textarea {
	height: 10em;
	font-family: Arial, Helvetica, sans-serif;
}

#contactForm #cfContact {
	width: 5em;
	float: right;
	clear: both;
	margin-top: -10px;
	background: #D2232A;
	color: #fff;
	font-size: 1.3em;
	padding: 3px;
	border: 0px;
	cursor: pointer;
	
}

#subMenu {
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: -50px;
	height: 30px;
	line-height: 30px;
}

	#subMenu ul {
		margin: 0 auto;
		text-align: center;
	}

	#subMenu ul li { 
		float: left; 
		list-style-type: none;
		
	}
	
		#subMenu ul li a {
			text-decoration: none;
			font-weight: bold;
			display: block;
			padding: 0px 10px;
			color: #D2232A;
			
		}
		
		#subMenu ul li a:visited {
			color: #D2232A;
		}
		
		#subMenu ul li.active a, #subMenu ul li a:hover {
			color: #fff;
			background: #D2232A;
		}


a.tooltip span {display:none; padding:10px; margin-left:8px; width:230px; text-align:left;font-size:.8em; line-height: 125%; }

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border: 2px solid #999; color:#6c6c6c;}

#accordion h3 a {
	width: 100%;
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #333;
	background: #B6B5B6;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 2px;
}

#qmEditor { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; margin: 0 auto; }
.clear { clear: both; }
.inline { display: inline; }


/* LIGHTBOX STYLES */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#main .thumbscontainer .thumbs li { list-style-type: none; }
#main .thumbscontainer .thumbs li a img { border: 2px solid #fff; }


#id37 #leftContent h1 { width: 90%; }

#id16 #main #rightContent .thumbscontainer ul.thumbs li  { padding: .7em; }

#id38 #rightContent { width: 80%; margin: 0 auto; float: none; }
#id38 #subMenu { display: none; }
#id38 #main #rightContent .thumbscontainer ul.thumbs li  { padding: 1.2em; }

#id7 #testimonial { display: none; }
#testimonial { background: #D2232A; padding: 10px; color: #FFF; font-weight: bold; font-size: 14px; font-style: italic; position: relative; z-index: 55; margin: 15px 0 0 0;}