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

body
{
	background-color:#007847;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.78em;
	line-height:1.26em;
}

H1
{
	font-size:1.80em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#007847;
	line-height:1.4em;
}


H2
{
	font-size:1.26em;
	font-weight:bold;
	color:#e1392d;
	line-height:1.4em;
}

ul li
{
	line-height:1.4em;
	list-style:square;
}

HR
{
	width:90%x;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#C8D255;
}

.dividerScrollSmall
{
	text-align:center;
	margin:0 auto;
	background-image:url(../images/divider_Small.jpg);
	background-repeat:no-repeat;
	height:15px;
	width:98px;
}

.dividerScrollMedium
{
	text-align:center;
	margin:0 auto;
	background-image:url(../images/divider_Medium.jpg);
	background-repeat:no-repeat;
	height:75px;
	width:630px;
}

.dividerScrollFullPage
{
	text-align:center;
	margin:0 auto;
	background-image:url(../images/divider_FullPage.jpg);
	background-repeat:no-repeat;
	height:55px;
	width:750px;
}

.subHeading, a.subHeading:link, a.subHeading:visited,  a.subHeading:active
{
	font-size:0.98em;
	font-weight:bold;
	color:#000;
}


html, body
{
	height:100%;
}

a:link, a:visited, a:active
{
	/*color:#C60;*/
	color:#e1392d;
}

a:hover, a.subHeading:hover
{
	color:#760b04;
	text-decoration:none;
}

a.footerTextLinks:link, a.footerTextLinks:visited, a.footerTextLinks:active  
{
	color:#FFF;
	text-decoration:none;
	padding:0 0.52em;
}

a.footerTextLinks:hover
{
	color:#C8D255;
	text-decoration:underline;
}


#boxPage
{
	background-color:#007847;
	height:100%;
	width:100%;
}

#boxGreyRust
{
	height:65px;
	width:948px;
	background: url(../images/patternRedBlue.jpg) repeat-x;
	margin:0 auto;
	padding:0 0;
	background-color:#000c8a;
}


/* ---- CSS that controls the Top Navigation TABS ----- */

#TabsContainer
{
	height:50px;
	position: relative;
/*	top:15px; */
	overflow: hidden;  
}


.tab_left, .tab, .tab_right, .tabActive, .tabActive_left, .tabActive_right
{ 
	position: relative;
	top: 10px;
}

.tab_left, .tab, .tab_right, .tabActive, .tabActive_left, .tabActive_right
{
	float: left;
	margin: 0;
	padding: 0;
}

.tab_left, .tab_right, .tabActive_left, .tabActive_right
{
	width:10px;
}

.tab_left, .tab_right, .tabActive_left, .tabActive_right
{
	margin-right: -1px;
}

.tab, .tabActive
{ 
	padding: 16px 10px 0 10px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/navbartab_bak.jpg) repeat-x;
 	height:40px;
	font-size: 0.96em;
	text-align:center;
	position: relative;
}


.tabActive
{ 
	color: #C9D255;
	background: url(../images/navbartabactive_bak.jpg) repeat-x;

}


a.navTextTab:link, a.navTextTab:visited, a.navTextTab:active
{ 
	color: #000;
	text-decoration: none;
}


a.navTextTab:hover
{
	color: #C9D255;
	text-decoration: none;
}


a.navTextTabActive:link, a.navTextTabActive:visited, a.navTextTabActive:active, a.navTextTabActive:hover
{ 
	color: #C9D255;
	text-decoration: none;
}


/* ---- End of the CSS  Top Navigation TABS ----- */



#boxBanner
{
	background-color:#000;
	width:948px;
	height:270px;
	border-bottom:1px solid #5F6B77;
	margin:0 auto;
	border-left:1px solid #000;
	border-right:1px solid #000;
}


/* ---- CSS that controls the containers for content ----- */

.pageFrame, .pageFrame2Col, #ZoneFullPage, #ZoneFooterContainer
{
	margin:0 auto;
	height:auto;
}

.pageFrame
{
	background-color:#FFF;
	width:948px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

.pageFrame2Col
{
	background-image:url(../images/pattern230pxYellow.jpg);
	background-repeat:repeat-y;
	background-color:#FFF;
	width:948px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#ZoneFullPage
{
	
	background-image:url(../images/logoPage.jpg);
	background-repeat:no-repeat;
	background-position: 820px bottom;
	position:relative;
	padding:30px 40px 30px 45px;
	width:800px;
}

#ZoneLeftContainer
{
	width:220px;
	margin:0px 5px 30px 5px;
	float:left;
}

#ZoneRightContainer
{
	width:630px;
	background-image:url(../images/logoPage.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding:30px 40px 30px 45px;
	background-position: 640px bottom;
}

#ZoneFooterContainer
{
	background-color:#000c8a;
	width:948px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

.membershipBox
{
	width:100%;
}

#feeSchedule table
{
	border:1px solid #666;
}

.feeScheduleRow
{
	background-color: #CCC;
	text-align:center;
	font-weight:bold;
}

.feeScheduleRowCenter
{
	text-align:center;
}


/* ---- End of containers for content ----- */


/* ---------- Footer CSS Rules ------------ */
#footerText, #footerSAWS
{
	text-align:center;
	font-size:0.86em;
	color:#FFF;
	width:948px;
}

#footerText
{
	padding:10px 0 12px 0;
	height:auto;
	margin:0 0;
}

#footerSAWS
{
	background-color:#cd151d;
	height:20px;
	position: relative;
	vertical-align:baseline;
	padding-top:4px;	
	margin:0 auto;
}
/* ------- End of Footer CSS Rules -------- */


/* ---- Controls the Teaser Images and copy --- */

.leftNavTabBox
{
	width: 224px;
	margin:0 0 0 -3px;
	padding:4px 2px 0 0;
	background-color:#000c8a;
	text-align:center;
	font-size:0.96em;
	font-weight:bold;
	color:#FFF;	
}

a.lleftNavTabBoxTitleLink:link, a.leftNavTabBoxTitleLink, a.leftNavTabBoxTitleLink:active, a.leftNavTabBoxTitleLink:hover
{
	color:#FFF;	
	text-align:center;
	font-size:0.96em;
	font-weight:bold;
	background-color:#000c8a;
}


.leftNavTabBottom
{
	background-image:url(../images/eventTabBottom.jpg);
	height:8px;
	width: 230px;
	margin:0 0 25px -5px;
}


.leftNavBox
{
	width: 210px;
	margin:15px 5px 5px 5px;
	border-bottom:1px dotted #000;
	padding-bottom:8px;
}

.leftNavBoxFull
{
	width:210px;
	margin:-15px 0 0 4px;
}

.leftNavTextBox 
{
	width: 138px; 
	position: relative;
	margin-right:0;
	padding: 0 0;
	float: right;
	font-size:0.78em;
	color:#000;
}

.leftNavPicture
{
	width: 60px;
	margin-left:0;
	margin-right: 10px;
	border:1px solid #000;
	float:left;
}

a.leftNavTitleText:link, a.leftNavTitleText:visited, a.leftNavTitleText:active
{
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
}

a.leftNavTitleText:hover
{
	text-decoration: none;
	color:#993300;
}


.EventBox
{
	background-color:#F2F2F2;
	width:88%;
	border-top:1px solid dotted;
	border-bottom:1px solid dotted;
	padding:3.00em;
	margin-bottom:1.50em;
}

.EventSubHead
{
	font-weight:bold;
	background-color:#CCC;
	padding:0.30em;
	line-height:3.00em;
}

.EventSubHeadPhotoLeft
{
	font-weight:bold;
}

.eventContainerDots
{
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	margin-left:80px;
	margin-right:80px;
	padding-top:5px;
	padding-bottom:15px
}

.PhotoRight
{
	float:right;
	border:1px solid #000;
	margin:0 0 25px 25px;
}

.PhotoLeft
{
	float:left;
	border:1px solid #000;
	margin-right:5px;
}


.PhotoLeftBox
{
	width:98%;
	margin:15px 0px 15px 0px;
	padding-bottom:8px;
}

.PhotoLeftTextBox 
{
	width:465px; 
	position: relative;
	margin:0;
	padding:0;
	float: right;
}


.twoColDivBox 
{
	width:800px; 
	margin:0;
	padding:0;
}

.twoColDivBoxLeft
{
	margin:0 0;
	padding:0;
	float:left;
}

.twoColDivBoxRight
{
	padding:0;
	margin-left:400px;
}


.topGraphic
{
	text-align:center;
}




/* ----------------- CSS for Printer Friendly Page ----------------------- */
/* ----------------- ***************************** ----------------------- */
 @media print

{
	
	
body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	line-height:12pt;
}

H1
{
	font-size:14pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#007847;
	line-height:18pt;
}


H2
{
	font-size:11pt;
	font-weight:bold;
	color:#e1392d;
	line-height:14pt;
}	
	
.button {
	font-size: 14px; 
	padding: 10px;
	background-color:#000c8a;
}	

.button_link {
	text-decoration: none; 
	color: #ffffff;
}

#boxGreyRust
{
	height:100px;
	width:948px;
	margin:0 auto;	
	padding:0 0;

}



#boxGreyRust, #TabsContainer, #boxBanner, #ZoneFooterContainer, .dividerScrollSmall, .dividerScrollMedium,
.dividerScrollFullPage, .topGraphic
{
	display:none;
}

.pageFrame, .pageFrame2Col
{
	background-color:#ffb915;
	width:100%;
	border:none;
}


#ZoneFullPage
{
	width:100%;
}

#ZoneLeftContainer
{
	width:100%;
	margin:0px 5px 30px 5px;
/*	float:left; */
}

#ZoneRightContainer
{
	width:100%;
	position:relative;
/*	float:left;	
	padding:30px 40px 30px 45px; */
}


.leftNavTextBox, .leftNavTabBox
{
	color:#000;
	font-size:14pt;
}

.leftNavTabBox
{
	margin:14pt 0 -10pt 0;
}

.leftNavBox
{
	width: 100%;
	margin:15px 5px 5px 5px;
	border-bottom:1px dotted #000;
	padding-bottom:12px;
}

.leftNavBoxFull
{
	width:100%;
	margin:0px 0 0 4px;
}

.leftNavTextBox 
{
	width:90%; 
	position: relative;
	margin-right:0;
	padding: 0 0;
	float: right;
	font-size:12pt;
	color:#000;
	text-align:left;
}

.leftNavPicture
{
	width: 60px;
	margin-left:0;
	margin-right: 10px;
	border:1px solid #000;
	float:left;
}

.PhotoRight
{
	float:right;
	border:1px solid #000;
	margin:0 0 2% 2%;
	width:auto;
}

.PhotoLeft
{
	float:left;
	border:1px solid #000;
	margin-right:5px;
}


#upcomingEvents, .EventBox, photoLeftBox, photoRightBox, #boxPage
{
	width:100%; 
}


#upcomingEvents
{
	margin:0 0;
}


#upcomingEvents, #ZoneFullPage, #ZoneLeftContainer, #ZoneRightContainer, .pageFrame, .pageFrame2Col
{
	padding:12pt 0 12pt 0; 
}

.EventBox
{
	background-color:#FFF;
}


.PhotoLeftBox
{
	width:98%;
	margin:15px 0px 15px 0px;
	padding-bottom:14pt;
}

.PhotoLeftTextBox 
{
	width:80%; 
	position: relative;
	margin:0;
	padding:0;
	float:right;
}


}