@charset "utf-8";
/* CSS Document */

body {
	background:url(/images/topBack.jpg) #000 no-repeat;
	background-position:top center;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
}
.background {
		
	}
.bodyframe {
	width:960px;
	height:auto;
	background-position:center;
	/* [disabled]text-align:center; */
	margin-left:auto;
	margin-right:auto;
}
.topBar {
	background:#ffc423;
	width:100%;
	height:10px;
}
.top {
	width:960px;
	height:282px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
.top-left {
	float:left;
	width:600px;
	height:308px;
	background-image: url(images/header-1.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	/* [disabled]margin-left:auto; */
	/* [disabled]margin-right:auto; */
	margin-top:0px;
	margin-bottom:0px;
}
.top-right {
	float:left;
	width:400px;
	height:308px;
	/* [disabled]background-image: url(images/header-2.jpg); */
	/* [disabled]background-repeat:no-repeat; */
	background-color:#000000;
	/* [disabled]margin-left:auto; */
	/* [disabled]margin-right:auto; */
	margin-top:0px;
	margin-bottom:0px;
}
.counter {
	float:left;
	padding: 0px 0px 0px 5px;
}
.navbar {
	width:950px;
	height:25px;
	border-radius:5px;
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 5px 2px 5px;
	margin:0px 0px 15px 0px;
	border: 1px solid #555;
	color:#f3b723;
	/* height:66px;
	background-image:url(images/nav_background.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin:0px 0px -25px 0px;
	padding:18px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #f3b723;
	border:none; */
}
.class1 A {
	text-decoration: none;
	color:#f3b723;
	margin:0px 27px 0px 27px;
}
.class1 A:visited {
	text-decoration: none;
	color:#f3b723;
	margin:0px 27px 0px 27px;
}
.class1 A:active {
	text-decoration: none;
	color:#FF9900;
	margin:0px 27px 0px 27px;
}
.class1 A:hover {
	text-decoration: none;
	color:#FF9900;
	text-decoration:underline;
	margin:0px 27px 0px 27px;
}
.topcopy {
	width:960px;
	height:42px;
	background-image:url(images/top_body.jpg);
	background-repeat:no-repeat;
}
.copy {
	width:920px;
	background-color:#FFFFFF;
	text-align:left;
	padding:0px 20px 0px 20px;
	border-radius:5px;
	/* background-image:url(images/background_body.jpg); */
	background:#eef0e2;
	background-repeat:repeat-y;
	margin-left:auto;
	margin-bottom:auto;
	margin-top:0px;
	margin-right:auto;
	height:auto;
	min-height:400px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:150%;
}
.copy p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 10px 0px 5px;
	font-weight:500;
}
.copy a:link, .copy a:visited, .copy a:active {
	text-decoration: none;
	color:#804000;
	margin:0px 5px 0px 5px;
}
.copy a:hover {
	color:#666666;
}
img {
	border:0;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1 {
	font-family:Tahoma, serifSansSerifMonospace;
	font-size:20px;
	font-weight:700;
	color:#666666;
}
h2 {
	font-family:Tahoma, serifSansSerifMonospace;
	font-size:18px;
	font-weight:700;
	color:#D4A017;
}
.bottomcopy {
	width:1000px;
	height:41px;
	background-image:url(images/bottom_body.jpg);
}
.pdfbullets {
	list-style-image:url(images/pdf16.gif);
	margin:0px 0px 0px 60px;
	padding:0px 0px 0px 0px;
}
li {
	padding:0;
	margin:0px 0px 0px 0px;
}
.footer {
	width:100%;
	background:#333;
	color:#fff;
	text-align:center;
	padding:0px 0px 0px 0px;
	/* background-image:url(images/footer.jpg); */
	background-repeat:no-repeat;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:35px;
	margin-right:0px;
	padding:15px 0px 5px 0px;
	height:54px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
}
.footer p {
	padding:40px 0px 0px 0px;
	margin:0px 0px -70px 0px;
}
.footer a:link, .footer a:visited, .footer a:active {
	text-decoration: none;
	color:#804000;
	margin:0px 5px 0px 5px;
	padding:0;
}
.footer h2 {
	font-family:Tahoma, serifSansSerifMonospace;
	font-size:18px;
	font-weight:700;
	color:#D4A017;
	margin:10px 0px 0px 0px;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: url(images/back.png);
		/* background: rgba(255,255,255,.9); */
		/* opacity:0.9;
		filter:alpha(opacity=90); */
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50% !important; 
		left: 50%;
		margin-left: -370px;
		margin-top:-260px;
		width: 758px !important;
		height:502px;
		background: url(images/fpemodal.png);
		position: fixed;
		z-index: 101;
		/* -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4); */
		}
	
	.reveal-modal .interior {
		position: relative;
		width:750px;
		height:500px;
	}
	.reveal-modal .inter a {
	margin:0px !important;
	}
	.reveal-modal .interior .modalLeft {
		position:absolute;
		left:9px;
		top:190px;
		padding:37px 0px 0px 40px;
		background:#000;
		width:300px;
		height:138px;
		cursor:pointer;
	}
	.reveal-modal .interior .modalLeft:hover {
	background:url(images/leftRoll.jpg) no-repeat;
	}
	
	.reveal-modal .interior .close-reveal-modal {
		position:absolute;
		right:3px;
		top:190px;
		padding:37px 0px 0px 15px;
		background:#000;
		width:384px;
		height:138px;
		cursor: pointer;
	}
.reveal-modal .interior .close-reveal-modal:hover {
		background:url(images/rightRoll.jpg) no-repeat;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

