/* ----------------------------------------------------------
title: NFPA (master style sheet)

created: 2/18/10
last updated: 4/27/10
---------------------------------------------------------- */
html {
	height: 100%;
	background: #fff;
	}

body {
	float: left;
	width: 100%;
	height: 100%;
	color: #777;
	font-family: "Helvetica Neue", Helvetica;	
	}

#body {
	float: left;
	width: 100%;
	min-height: 100%;
	background: url(img/bg-tile.jpg) repeat-x left top;
	}

#insidePage #body,
#adminPage #body { background-position: 0 -131px; }


/* links  */
a:link,
a:visited {
	color: #63b7f0;
	text-decoration: underline;
	}

#content a:link,
#content a:visited {
	font-weight: bold;
	}

a:hover {
	color: #3e81af;
	}

a:active {}



/* =Page structure
---------------------------------------------------- */
#header,
#feature,
#content,
#footer {
	margin:auto;text-align:left; /* leave unchanged */
	width: 960px;
	min-width: 750px;/* optional but recommended */
	padding: 0;
	}

#header-wrap,
#feature-wrap,
#content-wrap,
#footer-wrap,
#footer-inner-wrap {
	float: left;
	clear: both;
	width: 100%;
	}


	
#content-main {
	float: left;
	width: 660px;
	min-height: 400px;
	margin: 0;
	padding: 0 0 0 10px;
	}

#content-sub {
	float: right;
	width: 263px;
	margin: 0;
	padding: 0 10px 0 0;
	}


/* Home Page */
#homePage #content-main {
	float: left;
	width: 190px;
	padding: 0 0 0 20px;
	min-height: 170px;
	}

#homePage #content-sub {
	float: left;
	width: 190px;
	padding: 0 0 0 48px;
	min-height: 170px;
	}
	
#homePage #content-extra {
	float: right;
	width: 188px;
	padding: 0 0 0 58px;
	min-height: 170px;
	}	
	
#homePage #content-extra-2 {
	float: right;
	width: 208px;
	padding: 0 0 0 49px;
	min-height: 170px;
	}	



/* =Header
---------------------------------------------------- */
#header-wrap {
	min-height: 155px;
	}


#header { position: relative; }
	
#identity {
	float: left;
	width: 57px;
	height: 83px;
	margin: 28px 0 0;
	padding: 0 0 0 54px;
	}
	
#identity strong,
#identity a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	background: url(img/logo-web.jpg) no-repeat 0 0;
	}

.util-nav {
	float: right;
	margin: 15px 0;
	padding: 0;
	}

.util-nav li {
	float: left;
	margin: 4px 0 0;
	padding: 0 10px;
	list-style: none;
	border-right: 1px solid #eee;
	}


.util-nav li:last-child {
	border: none;
	}

.util-nav li a {
	text-decoration: none;
	color: #bbb;
	}

.util-nav li a:hover {
	text-decoration: underline;
	color: #777;
	}

.util-nav li.u-search {
	margin: 0;
	padding: 0 0 0 15px;
	}



/* =Nav
---------------------------------------------------- */
#nav {
	float: right;
	clear: right;
	width: 790px;
	height: 52px;
	margin: 5px 0 0;
	padding: 0;
	background: url(img/nav-bg.jpg) no-repeat 0 0;
	}

.primary-nav {
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	}

.primary-nav li {
	display: none;
	float: left;
	height: 51px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	border-right: 1px solid #dbdbdb;
	}

.primary-nav li a {
	display: block;
	height: 15px;
	line-height: 1em;
	margin: 0;
	padding: 20px 23px;
	color: #5a5a5a;
	font-family: "Gill Sans";
	font-size: 93%;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 1px 0 #fff;
	}

.primary-nav li a:hover {
	color: #aaa;
	}


.primary-nav li.selectedPage a,
.primary-nav li.selectedPageRoot a {
	color: #4da1d9;
	}

.primary-nav li.n-cec {
	display: block;
	}

.primary-nav li.n-personal {
	display: block;
	}

/*
.primary-nav li.n-personal a {
	width: 69px;
	height: 31px;
	padding: 10px 23px;
	line-height: 1.4em;
	}	
*/
	
	
.primary-nav li.n-group {
	display: block;
	}

/*
.primary-nav li.n-group a {
	width: 106px;
	height: 31px;
	padding: 10px 23px;
	line-height: 1.4em;
	}	
*/	
	
.primary-nav li.n-cycle {
	display: block;
	}

/*
.primary-nav li.n-cycle a {
	width: 124px;
	height: 31px;
	padding: 10px 23px;
	line-height: 1.4em;
	}	
*/


.primary-nav li ul.level2 {
	display: none;
	}






/* secondary */

#content .secondary-nav {
	min-height: 300px;
	margin: 0 0 20px;
	padding: 0 0 40px;
	background: url(img/subnav-bottom.jpg) no-repeat left bottom;
	}

#content .secondary-nav li {
	padding: 6px 22px 0 25px !important;
	list-style: none !important;
	background: none !important;
	}

#content .secondary-nav li:first-child {
	padding-top: 27px !important;	
	background: url(img/subnav-top.jpg) no-repeat left top !important;
	}

#content .secondary-nav li a {
	display: block;
	padding: 6px 27px 12px;
	font-size: 146.5%;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #dbdbdb;
	}

#content .secondary-nav li.hasChildren a {
	border-bottom: 1px solid #f3f3f3;
	}


#content .secondary-nav li a:hover {
	color: #999;
	text-decoration: none;
	}

#content .secondary-nav li.selectedPage a,
#content .secondary-nav li.selectedPageParent a,
#content .secondary-nav li.selectedPagePath a  {
	color: #63b7f0;
	}

#content .secondary-nav li ul,
#content .secondary-nav li.selectedPage ul,
#content .secondary-nav li.selectedPageParent ul,
#content .secondary-nav li.selectedPagePath ul {
	margin: 0;
	padding: 0 0 0 42px;
	}



#content .secondary-nav li.hasChildren ul.level2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #dbdbdb;
	}


#content .secondary-nav li ul li,
#content .secondary-nav li.selectedPage ul li,
#content .secondary-nav li.selectedPageParent ul li,
#content .secondary-nav li.selectedPagePath ul li {
	margin: 0;
	padding: 5px 0 0 !important;
	list-style: disc !important;
	color: #bbb;
	border: none;
	}	



#content .secondary-nav .level2 li:first-child {
	padding-top: 5px !important;
	background: none !important;
	}

#content .secondary-nav li ul li a,
#content .secondary-nav li.hasChildren ul li a,
#content .secondary-nav li.selectedPage ul li a,
#content .secondary-nav li.selectedPageParent ul li a,
#content .secondary-nav li.selectedPagePath ul li a,
#content .secondary-nav li.selectedPageParent li.selectedPage ul li a,
#content .secondary-nav li.selectedPagePath li.selectedPageParent ul li a {
	color: #666;
	font-weight: normal;
	font-size: 123.1%;
	padding: 4px 0;
	border: none;
	}

#content .secondary-nav li ul li a:hover,
#content .secondary-nav li.selectedPage ul li a:hover,
#content .secondary-nav li.selectedPageParent ul li a:hover,
#content .secondary-nav li.selectedPagePath ul li a:hover,
#content .secondary-nav li.selectedPageParent li.selectedPage ul li a:hover,
#content .secondary-nav li.selectedPagePath li.selectedPageParent ul li a:hover {
	color: #999;
	font-weight: normal;
	}



#content .secondary-nav li.selectedPageParent li.selectedPage a,
#content .secondary-nav li.selectedPagePath li.selectedPageParent a {
	font-weight: bold;
	color: #63b7f0;
	}

#content .secondary-nav li.selectedPageParent li.selectedPage a:hover,
#content .secondary-nav li.selectedPagePath li.selectedPageParent a:hover {
	font-weight: bold;
	color: #63b7f0;
	}

#content .secondary-nav ul.level3 {
	margin-bottom: 6px;
	}
	
#content .secondary-nav li.selectedPagePath li.selectedPageParent li.selectedPage a {
	font-weight: bold;
	color: #63b7f0;
	}	

#content .secondary-nav li.selectedPagePath li.selectedPageParent li.selectedPage a:hover {
	font-weight: bold;
	color: #63b7f0;
	}		
	
	



/* =Content
---------------------------------------------------- */
#content-wrap {
	padding: 0;
	}

	
	
#content {
	
	}




#content .title {
	margin: .5em 0;
	font-size: 197%;
	color: #63b7f0;
	}
	
#content .title a { }

#content .title em,
#content .title em a {
	}


#content .blogList ul,
#content .eventsList ul {
	margin: 1em;
	}

#content .blogList ul li,
#content .eventsList ul li {
	list-style: none;
	padding: 6px 0 6px 0;
	}

#content .blogList ul li .postTitle,
#content .blogList ul li .postTitle a,
#content .eventsList ul li a {
	font-weight: normal;
	margin: 0;
	text-decoration: underline;
	}

#content .eventsList ul li a {font-size: 161.6%;}


#content .blogList ul li .postTitle a:hover,
#content .eventsList ul li a:hover {
	color: #3e81af;
	text-decoration: underline;
	}


#content .postInfo {
	
	font-size: 85%;
	}

#content .rss { display: none; }

	


#content h1 {
	font-size: 182%;
	}
	
#content h2 {
	font-size: 161.6%;
	}

#content h3 {
	font-size: 146.5%;
	}	
	
#content h4 {
	font-size: 123.1%;
	}

#content h1, 
#content h1 a,
#content h2, 
#content h2 a, 
#content h3, 
#content h3 a, 
#content h4, 
#content h4 a {
	font-weight: normal !important;
	color: #63b7f0;
	font-family: "Gill Sans";
	}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover {
	color: #3e81af;
	text-decoration: underline;
	}


div.comments dl {
	margin: 0;
	padding: 0;
	}

div.comments dl dd {
	margin: 0 0 1em;
	}

div.comments dl dt.comment {
	border-bottom: 1px dotted #aaa;
	}
	
div.comments dl dt.comment,
div.comments dl dd.comment {	
	background: none;	
	}

div.comments dl dt.alternate {
	border-bottom: 1px dotted #ccc;
	}

div.comments dl dt.alternate,
div.comments dl dd.alternate {
	background: none;
	}


#homePage #content ul li,
#insidePage #content ul li {
	padding: 0 0 10px 15px;
	list-style: none;
	background: url(img/black-arrow.gif) no-repeat 0 5px;
	}


/* =Footer
---------------------------------------------------- */	
#footer-wrap {
	padding: 20px 0 30px;
	}
	
#footer {
	padding: 0;
	color: #abb0b6;
	font-size: 85%;
	}

#footer-inner-wrap {
	background: #f3f5f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}


#footer a {
	color: #abb0b6;
	text-decoration: none;
	}

#footer a:hover {
	color: #919ba4;
	text-decoration: underline;
	}

#footer #copyright {
	float: left;
	margin: 0;
	padding: 8px 12px;
	}

#design-meta {
	display: block;
	}	
	
#embraceWater { padding: 0 7px 0 0; }


.footer-nav {
	float: right;
	margin: 15px 16px 0 0;
	}

.footer-nav li {
	display: none;
	padding: 0 10px;
	list-style: none;
	line-height: 1em;
	border-right: 1px solid #abb0b6;
	}
	
.footer-nav li:last-child,
.footer-nav li.n-cec {
	border: none;
	padding-right: 0;
	}

.footer-nav li.n-cec,
.footer-nav li.n-personal,
.footer-nav li.n-group,
.footer-nav li.n-cycle {
	display: inline;
	}

	
/* =Home
---------------------------------------------------- */	
#feature-wrap {
	background: url(img/feature-bg.jpg) no-repeat center 34px;
	}

#feature {
	position: relative;
	height: 524px;
	padding: 0 0 23px;
	overflow: hidden;
	color: #486a97;
	font-size: 146.5%;
	}

#feature-rotator {
	position: absolute;
	left: 0;
	top: 0;
	height: 512px;
	width: 960px;
	z-index: 2;
	overflow: hidden;
	}
	
#feature .f-slide {
	width: 100%;
	height: 100%;
	}
	
#feature #f-aerobics {
	position: relative;
	background: url(img/aero.png) no-repeat 0 0;
	}


#feature #f-personal {
	position: relative;
	background: url(img/personal.png) no-repeat 0 0;
	}

#feature #f-cycling {
	position: relative;
	background: url(img/cycle.png) no-repeat 0 0;
	}


#feature .f-txt {
	position: absolute;
	top: 212px;
	left: 470px;
	width: 480px;
	height: 140px;
	}

#feature .f-txt .title {
	display: none;
	}

#feature #f-title {
	position: absolute;
	top: 18px;
	left: 40px;
	display: block;
	width: 300px;
	color: #fff;
	font-size: 93%;
	font-weight: bold;
	letter-spacing: 0.5px;
	line-height: 1em;
	text-align: center;
	}



#feature-controls {
	position: absolute;
	left: 0;
	top: 400px;
	width: 377px;
	height: 94px;
	background: url(img/f-controls-bg.png) no-repeat 0 0;
	z-index: 3;
	}
	
#feature-controls #f-prev {
	position: absolute;
	top: 16px;
	left: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	outline: none;
	background: url(img/f-arrow-prev.png) no-repeat 0 0;
	}

#feature-controls #f-next {
	position: absolute;
	top: 16px;
	right: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	outline: none;
	background: url(img/f-arrow-next.png) no-repeat 0 0;
	}

#feature-controls #f-prev:hover,
#feature-controls #f-next:hover {
	background-position: 0 -26px;
	}


#feature-controls #f-pager {
	position: absolute;
	text-align: center;
	width: 377px;
	top: 64px;
	left: 0;
	}

#feature-controls #f-pager a { 
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 7px;
	text-indent: -9999px;
	outline: none;
	background: url(img/f-pager-dot.png) no-repeat 1px 1px;
 	}
 
#feature-controls #f-pager a.activeSlide { 
	background: url(img/f-pager-dot-active.png) no-repeat 0 0;
	}


#homePage #content ul li a {
	text-decoration: none;
	}

#homePage #content ul li a:hover {
	text-decoration: underline;
	}

#homePage #content h1, 
#homePage #content h1 a,
#homePage #content h2, 
#homePage #content h2 a, 
#homePage #content h3, 
#homePage #content h3 a, 
#homePage #content h4, 
#homePage #content h4 a {
	font-weight: bold !important;
	color: #888;
	font-family: "Helvetica Neue", Helvetica;
	}





/* =Inside
---------------------------------------------------- */	
#page-head {
	float: left;
	clear: both;
	width: 100%;
	height: 283px;
	margin: 20px 0 0;
	background: url(img/page-head-bg.jpg) no-repeat 0 0;
	}
		
#title-pic {
	float: left;
	width: 540px;
	height: 230px;
	padding: 0 0 0 10px;
	overflow: hidden;
	}


#page-title {
	float: right;
	width: 330px;
	margin: 0;
	padding: 50px 30px 50px 0;
	font-family: "Gill Sans";
	font-size: 400% !important;
	color: #63b7f0 !important;
	font-weight: normal !important;
	text-shadow: 0 -3px 0 #222;
	}



/* =Detail
---------------------------------------------------- */
.p-detail #body {
	background-position:0 -215px !important;
	}

.p-detail #page-head {
	height: 130px;
	background: none;
	}
	
.p-detail #title-pic,
.p-detail #page-title { display: none; }





/* =Admin
---------------------------------------------------- */	
#adminPage #content #content-main {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}


/* =Search
---------------------------------------------------- */
.search {
	float: right;
	width: 165px;
	height: 24px;
	margin: 0;
	padding: 0;
	}

.search label {
	float: left;
	width: 1px;
	height: 1px;
	text-indent: -9999px;
	}

.search .searchInput {
	float: left;
	width: 100px; /* 110 */
	height: 16px; /* 24 */
	margin: 0;
	padding: 4px 5px;
	border: none;
	color: #333;
	letter-spacing: 1px;
	font-weight: bold;
	background: url(img/search-input.gif) no-repeat left top;
	}
	
.search .searchButton {
	float: left;
	width: 54px;
	height: 0;
	padding-top: 24px;
	border: none;
	cursor: pointer;
	background: url(img/search-btn.gif) no-repeat left top;	
	}

.search .searchButton:hover,
.search .searchButton:active {
	background-position: 0 -24px;
	}


/* =Form
---------------------------------------------------- */
.form_container {
	padding: 5px;

	}


.formHeader h2,
.formHeader p {
	margin: 0;
	padding: 0;
	}

.fieldItem,
.fieldItemInner {
	padding: 0 !important;
	}


#content .fieldItem .fieldTitle {
	/* border-bottom: 1px solid #b3a278; */
	}


#content .fieldItem .fieldContent {
	
	}

#content .fieldItem .fieldRow {
	
	}
	
#content .type-address .fieldRow {
	
	}

#content .fieldItem .title {
	font-size: 116%;
	letter-spacing: normal;
	border: none;
	}

#content .type-sectionbreak .fieldTitle {
	display: block;
	}
	
#content .type-sectionbreak .fieldTitle .title {
	letter-spacing: normal;
	font-size: 146.5%;
	}

.fieldSelected {
	
	}

.fieldItem .fieldNote {
	}


.choice-option label {
	display: inline;
	padding: 0 0 0 5px;
	}


#content .submitButtonContainer {
	
	}

#content .submitButtonContainer .submitButton {
		
	}
	
#content .fieldItem {
	border: none;
	}

#content .fieldSelected {
	border: none;
	background: none;
	}

.formHeader .formDescription {
	margin: 0 0 1em;
	}



#homePage .medField textarea.textField {
	width:180px;
	}


div.commentsForm input.submitComment {
	margin-top: 1em;
	width: auto;
	}


/* =Tables
---------------------------------------------------- */




/* =Microformats
---------------------------------------------------- */


/* =CMS
---------------------------------------------------- */	
.sldw_prev a {
	left: 1% !important;
	outline: none;
	}

.sldw_next a {
	right: 1% !important;
	outline: none;
	}

#content .sldw_caption {
/* 	background:transparent url(img/blue-65.png) repeat 0 0; */
	}
		
#content .sldw_caption h3 {
	color: #fff;
	font-size: 123.1%;
	margin: 0;
	padding: 12px;
	text-decoration: none;
	}


#frm {
	height: 100%;
	}
	
.RadWindow th,
.RadWindow td,
.RadEditor th,
.RadEditor td {
	border: 0;
	}


#tree-div ul li { 
	padding-bottom: 0;
	}



/* <textEditor> */
.blue-button {
	float: left;
	clear: both;
	display: block;
	padding: 0;
	background: url(img/blue-btn-right.gif) no-repeat right top;
	}

.pricetag {
	color: #fff !important;
	font-weight: bold !important;
	padding: 6px;
	font-size: 197%;
	letter-spacing: -1px;
	background: #76bf83;
	}
.img-border {
	border: 3px solid #63b7f0;
	}
.imgspacing-upperleft { 
	float: left; 
	margin: 0 10px 5px 0;
	}
.imgspacing-upperright { 
	float: right; 
	margin: 0 0 5px 10px; 
	} 
.imgspacing-midleft { 
	float: left; 
	margin: 5px 10px 5px 0; 
	} 
.imgspacing-midright { 
	float: right; 
	margin: 5px 0 5px 10px; 
	} 
.imgspacing-lowleft { 
	float: left; 
	margin: 5px 10px 0 0; 
	} 
.imgspacing-lowright { 
	float: right; 
	margin: 5px 0 0 10px; 
	}
/* </textEditor> */


.blue-button a {
	display: block;
	padding: 12px 20px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #698fab;
	background: url(img/blue-btn-left.gif) no-repeat left top;
	}

.blue-button a:hover {
	color: #e4f3fe;
	}



/* Calandar */
.eventsCalendar table {
	border: none !important;
	width: 100%;
	border-collapse: collapse;
	}
	
.eventsCalendar table td {	
	border-color: #333;
	}

.eventsCalendar td {padding: 0;}
	
.eventsCalendar table tr td {
	background: #000 !important;
	}
	


.eventsCalendar table table {
	margin: 0 !important;
	}
	
.eventsCalendar table table tr td {
	font-size: 116% !important;
	background: none !important;
	}	
	
.eventsCalendar table table tr td a {
	font-size: 80% !important;
	}	
	
	
.eventsCalendar table .calendarDay, 
.eventsCalendar table .calendarToday, 
.eventsCalendar table .calendarDayHeader, 
.eventsCalendar table .calendarTitle td, 
.eventsCalendar table .calendarWeekendDay, 
.eventsCalendar table .calendarOtherMonthDay   {
	padding: 10px 4px;
	border: 1px solid #bbb;
	}

.eventsCalendar table table, .eventsCalendar table table td {
	border: none;
	width: 100%;
	border-collapse: collapse;
	}
	
.eventsCalendar table tr td.calendarTitle td {
	text-align: center;
	background: #dadada !important;
	color: #333;
	font-weight: normal;
	padding: 6px 4px;
	text-transform: uppercase;
	}

.calendarNextPrevious {
	font-weight: normal;
	}

.calendarNextPrevious a {
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
	}

.calendarNextPrevious a:hover {
	text-decoration: underline;
	}


.calendarDayHeader {
	color: #666;
	font-weight: normal;
	height:1px;
	padding:4px 2px;
	text-align:center;
	border: 1px solid #ddd !important;
	text-transform: uppercase;
	background: #bbb;
	}


.eventsCalendar table tr td.calendarDay {
	color: #777;
	background: #fff !important;
	}

.calendarDay a {
	color: #4284ab;
	}

.eventsCalendar table tr td.calendarToday, 
.calendarToday a {
	color: #fff;
	background: #63b7f0 !important;
	}


.eventsCalendar table tr td.calendarWeekendDay {
	color: #777;
	background: #fff !important;
	}

.calendarWeekendDay a {
	color: #97958a;
	}
	
.eventsCalendar table tr td.calendarOtherMonthDay {
	color: #bbb;
	background: #f5f5f5 !important;
	}
	
.calendarWeekendDay,
.calendarDay,
.calendarOtherMonthDay,
.calendarToday {
	vertical-align: top;
	text-align: left;
	}

	
/* =Misc
---------------------------------------------------- */
.hide {display:none !important;}

.clear {clear:both !important;}

#accessibility {
	position: absolute;
	top: -9999px;
	left: 0; /* IE */
	font-size: 1px;
	}