/*	Primary Styles
	Author: ImageWorks, LLC
	Questions: Please visit http://www.imageworksllc.com or call 860-647-7725 
-----------------------------------------------------------------------------*/
/*	Browser resets
-----------------------------------------------------------------------------*/	
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
	body { margin: 0; font-size: 1em; line-height: 1.4; }
	::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
	::selection { background: #fe57a1; color: #fff; text-shadow: none; }
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	figure { margin: 0; }
	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }
	table { border-collapse: collapse; border-spacing: 0; }
	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0;}
/*	Mixins (can be called in other items without being duplicated)
-----------------------------------------------------------------------------*/	
	.page-width {width:930px;}
	.curvy {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius: 6px; behavior:url(css/pie/PIE.php);}
	.top-curve {-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; behavior:url(css/pie/PIE.php);}
	.bottom-curve {-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px; behavior:url(css/pie/PIE.php);}
	.shadow {box-shadow:0 0 8px #333; -o-box-shadow:0 0 8px #333; -moz-box-shadow:0 0 8px #333; -webkit-box-shadow:0 0 8px #333; behavior:url(css/pie/PIE.php);}
	.linear-gradient {
		background:#EEFF99;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
		background: -moz-linear-gradient(#EEFF99, #66EE33);
		background: linear-gradient(#EEFF99, #66EE33);
		-pie-background: linear-gradient(#EEFF99, #66EE33);
		behavior:url(css/pie/PIE.php);
		}
	.piped-nav { /* Inserts vertical pipes between nav items  */
		li:after {content:" | ";}
		li.last:after {content:"";}
		}
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
	.ir br { display: none; }
	.hidden { display: none !important; visibility: hidden; }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
	.invisible { visibility: hidden; }
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

/*	Typography
-----------------------------------------------------------------------------*/	
	a:link, a:visited {color: #00f;}
	a:hover, a:active {color: #69f;}
	a:active {text-decoration: none;}
	a:hover, a:active, a:focus { outline: none; }
	h1, h2, h3, h4, h5, h6, th {padding:0; margin-top:0; line-height:1em; color:#00115b;}
	#tertiary-content h2,#tertiary-content h3,#tertiary-content h4 {color:#fff; margin:0; padding:0;} 
	h1 {font-size:30px;}
	h2 {font-size:24px;}
	h3 {font-size:18px;}
	h4 {font-size:16px;}
	.normal-font {font-size:14px; line-height:1.5em; margin-bottom:1em; color:#444;}
	.small, small {font-size:10px;}
	.quotes p {text-indent: -0.5em;} /*usually used for testimonials, and such */
	.quotes q:before {content: "\"";}
	.quotes q:after {content: "\"";}
	.quotes cite {display: block;text-align: right;font-style: normal;font-weight: bold;}
/*	Containers
-----------------------------------------------------------------------------*/	
	html {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/template/html-back.png) top left repeat-x;}
	body {text-align: center;}
	#document {
		margin:0 auto /*this centers the web page in the middle of the screen*/; position:relative;
		width:950px;
		background:url(../images/template/document-back.png) top left repeat-x;
		.clearfix;
		header, #marquee, #banner #content, footer {.page-width; margin-left:10px;}	
		}
	header {
		height:200px; z-index:2; text-align:left; position:relative /*gives the ability to position child items within *this* container */ /*for CSS3 PIE */;
		background:url(../images/template/header-back.jpg) bottom left no-repeat;
		#logo {position: absolute; top:55px; left:25px; z-index:1;}	
		#join-now {top:90px; right:3px; position:absolute;}
		#social-media {position:absolute; top:40px; right:10px;}	
		}
		#marquee {background:url(../images/template/marquee-back.png) top left repeat-x; height:40px; position:relative; float:left;
			h3 {position:absolute; line-height:40px; color:#fff; top:0; left:15px; margin:0; padding:0}
			.marquee {position:absolute; height:40px; top:0; left:150px; color:#fff; float:left;}
			p {line-height:40px; padding:0; margin:0; float:left !important; span{padding-right:20px; line-height:40px; display:inline; float:left !important;}}
		}
	#content {
		float:left; text-align:left; z-index:1; margin-left:10px; width:930px; 
		background: url(../images/template/content-back.png) top left repeat-x;
		.clearfix;
		p, ul, ol, td {.normal-font;}
		#wide-content {width:100%; position:relative;}
		#primary-content {
			float:left; width:600px; margin:30px 0 0 30px; position:relative; /*for CSS3 PIE */	
			}
		#secondary-content {
			float:right; width:230px; margin:30px 30px 0 0;  position:relative /*for CSS3 PIE */;
			}
		#tertiary-content {
			margin-top:20px;
			.gutter {padding:15px 25px;}
			clear:both; width:930px; margin-left:10px;
			#contact-form {width:224px; height:334px; float:left; margin-right:10px; background-color:#172668;
				h5 {margin:15px 0; text-transform:uppercase; color:#fff;}
				form {
					input[type="text"], input[type="password"] {width:100%; border-color:#fff; background-color:#fff;}
					label {display:block; color:#fff; font-size:12px;}
					div {margin:5px 0;}
				}
			}
			#member-directory {float:left; height:334px; width:291px; background-color:#313f79; text-align:center;}
			#chalk-board {float:right; width:396px; height:334px; background:url(../images/template/chalkboard.jpg);
					p {color:#FFF;}
				}
			}	
		}
	footer {clear:both; position:relative; padding:15px 0;
		ul, ol, p, h5, a {margin:0 !important; font-size:11px; color:#999 !important; font-weight:normal;}
		}
		
		#primary-content2 {
			float:left; width:880px; margin:30px 0 0 30px; position:relative; /*for CSS3 PIE */	
			}
		
/*	Navigation
-----------------------------------------------------------------------------*/	
	#main-nav {
		position:absolute; top:0; left:0; z-index:5; text-align:center;
		background:url(../images/template/nav-back.png) repeat-x;
		ul {float:left;}
		li {float:left; list-style:none; width:132px; background:url(../images/template/nav-border.png) top right repeat-y; line-height:40px;
			a {line-height:40px; width:130px; text-decoration:none; float:left; display:block; color:#fff;}
			a:hover, a:focus, a.active {background:url(../images/template/nav-hilite.png) top left repeat-x; color:#ccc;}
			a.active:hover {cursor: default;}
			}
		li.last {background-image:none; width:138px;}
		li.last a {width:138px;}
		}
	/* 
	Superfish Drop Down Navigation
	-----------------------------------------------------------------------------*/	
	.sf-menu {}
	.sf-menu ul {position:absolute;	top:-999em;	width:15em !important; /* left offset of submenus need to match (see below) */}
	.sf-menu ul li {width:15em !important;}
	.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
	.sf-menu li {float:left; position:relative;}
	.sf-menu a {}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {left:0;top:40px; /* match top ul list item height */z-index:99;}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {top:-999em;}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left:15em !important; /* match ul width */top:0;}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {top:-999em;}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {left:15em; /* match ul width */top:	0;}
	.sf-menu ul {}
	.sf-menu ul a {background-color:#; display:block; width:15em !important;  color:# !important; background:url(../images/template/nav-back.png) repeat-x !important;}
	.sf-menu ul a:hover {background-color:#!important;}
	.sf-menu {float:left;}
/*	Images
-----------------------------------------------------------------------------*/	
	.img-right {float:right; margin:0 0 1em 1em;}
	.img-left {float:left; margin:0 1em 1em 0;}
/* 	Container for JQuery Tools Image Slider
-----------------------------------------------------------------------------*/	
	.images, .images2 {position:relative;height:300px;width:650px;float:left;cursor:pointer;}
	/* single slide */
	.images div, .images2 div {display:none;position:absolute;top:0;left:0;height:256px;}
	/* tabs (those little circles below slides) */
	
	.images2 {height:239px; width:930px;}
	.images2 div {height:239px;}
	.slidetabs {}
	/* single tab */
	.slidetabs a {}
	/* mouseover state */
	.slidetabs a:hover {}
	/* active state (current page state) */
	.slidetabs a.current {}	
	/* disabled navigational button. is not needed when tabs are configured with rotate: true */
	.disabled {visibility:hidden !important;}
/*	Forms
-----------------------------------------------------------------------------*/	
	input[placeholder], [placeholder], *[placeholder]{color: #999 !important;}
	label {display:block;}
/*	Tables
-----------------------------------------------------------------------------*/	
.images{position:relative;height:auto;width:200px;float:left;cursor:pointer;}
.images div{display:none;position:absolute;top:0;left:0;height:auto;}.images div p{color:#fff;}
.images div p{text-indent:-0.5em;}
.images div q{font-style:italic;}
.images div q:before{content:"\"";}
.images div q:after{content:"\"";}
.images div cite{display:block;text-align:right;font-style:normal;}

#calc{width:450px;margin-left:7px;background-color:#fff;color:#000;display:block;clear:both;font:11px Arial,Helvetica,Geneva,Verdana,sans-serif;text-decoration:none;line-height:14px;}
#calc td{color:#000;height:18px;}
#calc input{border:1px solid #808080;font:11px 'Trebuchet MS',Arial,Helvetica,Geneva,Verdana,sans-serif;text-decoration:none;letter-spacing:1px;}
#calcCon{background-color:#a2a2a2;width:418px;}
#cogT{position:relative;left:10px;top:0px;display:block;}
#container{width:418px;margin-left:7px;}
#op{margin:5px 0 5px 0px;border:1px solid black;font-weight:bold;}
#tCash{padding:10px 0 10px 0;}
#title{font-weight:bold;margin-bottom:5px;font-style:italic;}
.bBottom{border-bottom:1px solid black;}
.bLeft{border-left:1px solid black;}
.bold{font-weight:bold !important;}
.bRight{border-right:1px solid black;}
.bTop{border-top:1px solid black;}
.bottomB{border-bottom:1px solid #808080;}
.center{text-align:center;}
.eInfo{float:left;width:205px;margin:15px 0 0 0;font-style:italic;}
.extra{list-style-type:disc;margin:0 0 0 12px;padding:5px;font:11px 'Trebuchet MS',Arial,Helvetica,Geneva,Verdana,sans-serif;text-decoration:none;letter-spacing:1px;}
.grey{background-color:#C0C0C0;}
.hiddenI{border:0px !important;background-color:#ffffff;font-size:.9em;}
.leftB{border-left:1px solid #808080;}
.mRight{margin-right:10px;}
.pad{padding:5px;color:#000;}
.pTop{padding:10px 0 0 0;}
.subText{font-size:.8em;font-style:italic;}
.rightB{border-right:1px solid #808080;}
.tIndent{padding-left:15px;}
.tSpace{padding-left:5px;}
.topB{border-top:1px solid #808080;}