#topBanner{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
padding: 12px;
text-align: center;
background: #496C6C;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 1px;
}
.offsetUp{
position: absolute;
width: 100%;
margin-top: -30px;
}
#inavMod20256133 a{
background: #496c6c !important; 
color: #FFFFFF !important;
}
#topBanner a{
color: #FFFFFF !important;
text-underline-position: under;
}
.openSearchBtnM {
background: transparent !important;
color: #0B6EAA !important;
border: none !important;
padding: 5px 15px;
font-size: 16px !important;
cursor: pointer;
transition: 0.2s ease all;
}
.openSearchBtnM:hover {
color: #0B6EAA;
background: rgba(255,255,255,0.5);
}
.overlayScreen {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(62, 62, 59);
    background-color: rgba(62, 62, 59,0.9);
}
/* VIDEOS & iFRAMES */
.iframeContainer{
    position: relative;
	padding-bottom: 32%;
	padding-top: 0;
	height: 0;
}
.iframeContainer iframe, .iframeContainer object, .iframeContainer video{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-event: none; 
}
.videoContainer {
	position: relative;
	padding-bottom: 46.875%; 
	/*padding-top: 25px;*/
	height: 0;	
}
.videoContainer iframe, .videoContainer object, .videoContainer video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 	max-width: 100% !important;		
}

.mnuMain{
/*display: none;*/
}
/* 2021 FONTS */
@font-face {
  font-family: Metropolis-Medium;
  src: url(/_filelib/FileCabinet/2021_Redesign_Fonts/Metropolis-Medium_500.otf);
}
@font-face {
  font-family: Metropolis-Bold;
  src: url(/_filelib/FileCabinet/2021_Redesign_Fonts/Metropolis_Bold_700.otf);
}
#fwBody2021 #inavMod24854 .mnuSub{
display: none;
}
#fwBody2021 #Heading{
font-family: Metropolis-Bold;
text-transform: uppercase;
letter-spacing: 2px;
}
#fwBody2021 #SubHeading{
font-family: Metropolis-Medium;
text-transform: uppercase;
letter-spacing: 2px;
}
#fwBody2021 #content{
font-family: Metropolis-Medium;
}
#fwBody2021 #accent{
font-family: Book Antiqua, serif;
font-style: italic;
}
#fwBody2021 .nav3 li{
position: relative;
}
#fwBody2021 .nav3 ul ul{
	/*display:none;*/
	position:absolute;
	top:100%;
	left:0;
	/*box-shadow: 1px 1px 7px #222;*/
	padding:0;
    text-align: left;
z-index: 9999 !important;
}
#fwBody2021 .nav3 ul a{
font-family: Metropolis-Medium !important;
color: #0B6EAA;
}
#fwBody2021 .nav3 ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #0B6EAA !important;
    box-shadow: 1px 1px 7px #222;
    padding: 0;
    text-align: left;
z-index: 9999 !important;
}
#fwBody2021 .nav3 ul li:hover > a{
	background: #0B6EAA !important;
 	color: #FFFFFF !important;
}
#fwBody2021 .nav3 .mnuSub a:hover{
background: #147dba !important;
transition: 0.2s ease all;
}
/* BUTTON COLOR STYLES */


/*MEMBER FIXED BUTTON*/


.widget-button {
    width: auto;
    height: auto;
    position: fixed;
    display: flex;
    align-items: center;
    left: 1rem;
    bottom: 0;
    padding: 0.75rem 3rem;
    background-color: #0B6EAA;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 0.5rem 0.5rem 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #0B6EAA;
    transition: 0.3s;
    z-index: 2; 
    box-sizing:border-box;
}

.widget-button::before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    display: flex;
    top:0;
    left: 0;
    bottom: 0;
    border-radius:0.5rem 0.5rem 0 0;
    background-color: #fff;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: -1;
}


.widget-button:hover {
    color:#0B6EAA;
}


.widget-button:hover::before {
    width: 100%;
}

.long-arrow-right {
    display: block;
    width: 1rem;
    height: 1rem;
    margin: 0.5rem 0 0.5rem 1rem;
    border-top: 0.125rem solid #fff;
    border-left: 0.125rem solid #fff;
    transform: rotate(135deg);
     transition: 0.3s;
}

.long-arrow-right::after {
    content: "";
    width: 0.125rem;
    height: 1.5rem;
    display: block;
    background-color: #fff;
    transform: rotate(-45deg) translate(0.5rem, 0.25rem);
    left: 0;
    top: 0;
     transition: 0.3s;
}


.widget-button:hover .long-arrow-right {

    border-top: 0.125rem solid #0B6EAA;
    border-left: 0.125rem solid #0B6EAA;

}

.widget-button:hover .long-arrow-right::after {
    background-color:#0B6EAA;
}


/*DARK GREEN BUTTON*/
.DarkGreenButton{
background: #152C09;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.DarkGreenButton:hover, .DarkGreenButton:focus{
transition: background-color 0.5s ease;
background: #FFFFFF !important;
color: #152C09 !important;
border: 1px solid #152C09;
}
/*BRIGHT BLUE BUTTON*/
.BrightBlueButton{
background: #266FBF;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.BrightBlueButton:hover, .BrightBlueButton:focus{
transition: background-color 0.5s ease;
background: #FFFFFF !important;
color: #266FBF !important;
border: 1px solid #266FBF !important;
}	
/*GREEN BUTTON*/
.GreenButton{
background: #387418;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.GreenButton:hover, .GreenButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #387418 !important;
	border: 1px solid #387418;
}
.inner{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner500{
position: relative;
width: 500px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner850{
position: relative;
width: 850px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner1500{
position: relative;
width: 1500px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner:after,.inner500:after, .inner850:after, .inner1500:after{
content: '';
display: block;
clear: both;
}
#fwBody2021 .subNav #kellyGreenNav{
display: none;
}
#kellyGreenNav{
margin: 0 auto;
padding: 0;
/*position: relative;
width: 300px;
max-width: 100%;
height: auto;*/
}
#kellyGreenNav li{
list-style: none;
display: block;
}
#kellyGreenNav li a{
background: #1C7B62;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
text-align: left; /*center*/
}
#kellyGreenNav li a:hover, #kellyGreenNav li a:focus{
transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #1C7B62 !important;
	border: 1px solid #1C7B62;
}
/*KELLY GREEN BUTTON*/
.KellyGreenButton{
background: #1C7B62;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.KellyGreenButton:hover, .KellyGreenButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #1C7B62 !important;
	border: 1px solid #1C7B62;
}
	
/*RED BUTTON*/
.RedButton{
background: #F52C09;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.RedButton:hover, .RedButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #F52C09 !important;
	border: 1px solid #F52C09;
}

	
/*MEDIUM BLUE BUTTON*/
.MediumBlueButton{
background: #3B6287;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.MediumBlueButton:hover, .MediumBlueButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #3B6287 !important;
	border: 1px solid #3B6287;
}
	
	
/*OCEAN BLUE BUTTON*/
.OceanBlueButton{
background: #0D5F73;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.OceanBlueButton:hover, .OceanBlueButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #0D5F73 !important;
	border: 1px solid #0D5F73;
}
	

	
/*BRIGHT ORANGE BUTTON- EA560B*/	
.BrightOrangeButton{
background: #EA560B;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.BrightOrangeButton:hover, .BrightOrangeButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #EA560B !important;
	border: 1px solid #EA560B;
}
	
	
/*ORANGE BUTTON- EA560B*/
.OrangeButton{
background: #EA560B;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.OrangeButton:hover, .OrangeButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #EA560B !important;
	border: 1px solid #EA560B;
}

	
/*DARK ORANGE BUTTON- ED4B11*/
.DarkOrangeButton{
background: #ED4B11;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.DarkOrangeButton:hover, .DarkOrangeButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #ED4B11 !important;
	border: 1px solid #ED4B11;
}	

/*PEACH BUTTON - EA9E49*/
.PeachButton{
background: #EA9E49;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.PeachButton:hover, .PeachButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #EA9E49 !important;
	border: 1px solid #EA9E49;
}	
	
/*BRIGHT PURPLE BUTTON*/
.BrightPurpleButton{
background: #7734F3;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.BrightPurpleButton:hover, .BrightPurpleButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #7734F3 !important;
	border: 1px solid #7734F3;
}
/*PURPLE BUTTON- 995E9A*/	
.PurpleButton{
background: #995E9A;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.PurpleButton:hover, .PurpleButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #995E9A !important;
	border: 1px solid #995E9A;
}

/*BROWN BUTTON*/
.BrownButton{
background: #95490A;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.BrownButton:hover, .BrownButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #95490A !important;
	border: 1px solid #95490A;
}

/*GREY BUTTON*/
.GreyButton{
background: #5C5C5C;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.GreyButton:hover, .GreyButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #5C5C5C !important;
	border: 1px solid #5C5C5C;
}
	
/*CHARCOAL BUTTON*/
.CharcoalButton{
background: #2C2C2C;
display: block;
text-decoration: none;
color: #FFFFFF !important;
padding: 10px;
margin: 8px 0;
border-radius: 4px;
font-weight: bold;
}
.CharcoalButton:hover, .CharcoalButton:focus{
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #2C2C2C !important;
	border: 1px solid #2C2C2C;
}

/*CLEAR BUTTONS*/
.DarkGreenButton:after, .GreenButton:after. .RedButton:after, .MediumBlueButton:after, .OrangeButton:after, .PurpleButton:after, .BrownButton:after, .PeachButton:after, 
.LightPurpleButton:after, .KellyGreenButton:after, 
.OceanBlueButton:after, .GreyButton:after, .CharcoalButton:after, .BrightOrangeButton:after{
	content: '';
	display: block;
	clear: both;
}


.formTable input[type="text"], .formTable textarea, .formTable select{
width: 99%;
padding: 8px; /*10px*/
border: 1px solid #CCCCCC;
transition: 0.2s ease all;
}
.formTable input[type="text"]:focus, .formTable textarea:focus{
outline: 0;
border: 1px solid #0C0189;
}
.formTable input[type="submit"]{
    background: #FFFFFF;
    padding: 10px 15px;
    border: 1px solid #0C0189;
    color: #0C0189;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer !important;
    font-size: 16px;
}
.formTable input[type="submit"]:hover{
background: #0C0189 !important;
color: #FFFFFF !important;
}
#svyAnswerText{
display: block !important;
margin-bottom: 10px;
}
#svyHeader .ctHeader {
    font-weight: bold;
    display: block;
    margin-top: 2px !important;
color: #0C0189;
}
#svyQuestionText{
display: block;
margin-top: 5px;
width: 100% !important;
}
#svyQuestionText input[type="text"], #svyQuestionText textarea{
display: block !important;
}
.Forum .ctBulletinTitle a{
text-decoration: none;
font-weight: bold;
font-size: 23px !important;
}
.Forum .ctBulletinShortText{
font-size: 15px !important;
}
#cnt_rating_comment{
display: block !important;
margin-bottom: 10px !important;
}
#rating_text{
position: relative;
display: block;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.ctRatingForm{
position: relative;
background: #F7F7F7;
border: 1px solid #CCCCCC;
font-family: sans-serif !important;
font-size: 14px;
color: #444;
top: 20px;
}
.ctRatingForm .inpButton{
margin-left: -8px;
}
.ctRatingForm input[type="text"], .ctRatingForm textarea{
border: 1px solid #AAAAAA !important;
}
#ctRatingResults{
margin-top: 30px !important;
top: 30px;
display: block !important;
color: #0C0189;
}
#RatingLabel{
text-transform: uppercase;
font-family: sans-serif !important;
}
#ctRatingName{
font-weight: bold;
font-size: 15px;
}
#ctRatingDate{
font-size: 13px;
color: #545454;
}
#ctRatingComment{
font-size: 20px;
}

/*dhtml navigation menu styles*/

.mnuSub{
}

.mnuItem, .mnuItemOver, .mnuItemActive, .mnuItemActiveOver, .mnuItemMembers, .mnuItemMembersOver{
}

.mnuItemOver,.mnuItemMembersOver,.mnuItemActiveOver{
}

.mnuItemActive{
}

.mnuItemSeparatorH{
}

.mnuItemSeparatorV{
}
 
.mnuSeparatorH{

}

.mnuSeparatorV{

}

/*content styles*/
a{
/*text-decoration: none;*/
}
.searchBox{
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
padding: 10px;
}
.inpButton{

}

.inpCheckBox{
	border:none;
}


.modContainer{
	margin-bottom:10px;
}

.modHeader{
    text-align:center;
    text-transform: uppercase;
   font-weight:bold;
color: #0C0189;
/*font-family: 'Anton', sans-serif;*/
}

.modContent{
}

.ctHeader{
	font-weight:bold;
}

.ctHeader A{
	font-weight:bold;
    color:#FFFFFF;
}

.ctToolBar, .ctToolBar TD{
	font-weight:bold;
}



.ctAlternate{
}

.ctNormal{
font-family: Garamond;
}
#fwBody2021 .ctNormal{
/*font-family: Metropolis-Medium !important;*/
font-family: Arial, sans-serif !important;
}

.ctSmall{
	
}

.ctBulletin{
	padding-bottom:5px;
}

.ctBulletinNew{
	/*
	background: url(/_filelib/ImageGallery/Bullets/new.gif) no-repeat 100% 2px;
	padding-right: 28px;
	*/
}

.ctBulletinDate{
	color:#000000;
}

.ctBulletinShortText{
	color:#111111;
}
.ctBulletinDate{
font-size: 15px !important;
}
.ctBulletinDate img{
display: inline-block;
padding-right: 3px;
vertical-align: top;
}
#calMonthTable{
font-family: Arial Narrow,Arial,sans-serif; 
font-size: 14px;
line-height: 1em;
}
/*Template Styles*/
*{box-sizing: border-box;}
#lwwBody{
margin: 0;
padding: 0;
width: 100%;
background: url(/_filelib/ImageGallery/Design/Background_Texture.jpg) repeat;
color: #222222;
}



.top-bar {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding:0.5rem 0.75rem;
    background-color: #0B6EAA;
    box-sizing: border-box;
}

.top-bar p {
    margin:0 1rem 0 0;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;    
    color:#fff;

}


.top-bar a {
    text-decoration: none;
    color: #0B6EAA;
    background-color: #fff;
    padding: 0.5rem 1rem;
    text-align: center;
    transition: 0.2s ease all;
}


#headerContainer{
position: relative;
width: 100%;
height: 113px;
text-align: center;
background: #f4f0ef;
}
#headerContainer2 img{
position: absolute;
z-index: 999;
margin-left: -85px;
}
#headerContainer3 {
        position: fixed; /*relative*/
        width: 100%;
        height: 50px;
        display: block;
        font-family: 'Raleway', sans-serif;

background: rgba(135, 1, 1,0.7);
        box-shadow: 1px 1px 7px #000;
        z-index: 10;
        border-top: 1px solid #E1DED6;
        border-bottom: 1px solid #E1DED6;
        margin-top: 50px;
z-index: 9999;
}
#headerContainer4 {
        position: fixed; /*relative*/
        width: 100%;
        height: 50px;
        display: block;
        font-family: 'Raleway', sans-serif;
background: rgba(12, 1, 137, 0.7);

        box-shadow: 1px 1px 7px #000;
        z-index: 10;
        border-top: 1px solid #E1DED6;
        border-bottom: 1px solid #E1DED6;
        margin-top: 50px;
z-index: 9999;
}
#headerContainer2{
position: relative;
width: 100%;
height: auto;
text-align: center;
background: #f4f0ef;
}
/*#headerContainer2 img{
position: absolute;
z-index: 999;
margin-left: -85px;
}*/
#headerContainer2 img{
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
}
#header{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#header:after{
content:'';
display: block;
clear: both;
}
#headerLeft2{
position: relative;
display: inline-block;
vertical-align: middle;
width: 20%;
height: 150px;
padding: 10px 0;
margin: 0;
text-align: center;
}
#headerLeft2 img{
margin-top: -22px;
}
#headerRight2{
position: relative;
display: inline-block;
vertical-align: middle;
width: 80%;
height: 110px;
padding: 10px 0;
margin: 0;
text-align: left;
}
#headerLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 33%;
height: 150px;
padding: 10px 0;
margin: 0;
text-align: left;
}
#headerCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 33%;
height: auto;
padding: 10px 0;
margin: 0;
text-align: center;
}
#headerRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 33%;
height: auto;
padding: 10px 0;
margin: 0;
text-align: right;
}
#bannerContainer{
position: relative;
width: 100%;
height: auto;
text-align: center;
font-size: 0;
margin: 0;
padding: 0;
}
#banner{
position: relative;
width: 100%;
height: auto;
text-align: center;
}
#banner img{
position: relative;
width: 100%;
height: auto;
text-align: center;
}
#contentContainer{
position: relative;
width: 100%;
height: auto;
display: block;
clear: both;
}
#content{
position: relative;
width: 1200px; /*1100px;*/
max-width: 100%;
height: auto;
margin: 5px auto; /*0 auto;*/
background: #FFF;
color: #222;
box-shadow: 1px 1px 3px #89837a;
padding: 10px;
color: #243c52;
font-family: Garamond;
font-size: 18px;
line-height: 1.35em;
}
#contentSub{
position: relative;
width: 1200px;
max-width: 100%;
height: auto;
min-height: 500px;
margin: -5px auto 0 auto;
background: #FFF;
color: #222;
box-shadow: 1px 1px 3px #89837a;
padding: 30px 10px 10px 10px;
font-family: Garamond;
/*font-family: 'Open Sans', sans-serif;*/
font-size: 18px;
line-height: 1.35em;
}
#breadcrumbs{
display: block;
margin-bottom: 20px;
margin-left: 1%;
color: #555555;
font-size: 16px !important;
}
#content a, #contentSub a{
color: #0c0189;
/*text-decoration: none;*/
}
#content img, #contentSub img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#fwBody2021 #content a, #contentSub a{
color: #2b5ca8;
/*color: #0c0189;*/
/*text-decoration: none;*/
}
#main img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#leftSideBar{
position: relative;
display: inline-block;
vertical-align: top;
width: 25%;
height: auto;
}
#leftSideBar ul{
        margin: 0 10px;
        background: #EEE;
        padding: 10px;
}
#leftSideBar li{
list-style: none;
}
#leftSideBar li a{
text-decoration: none;
display: block;
padding: 5px 0;
font-size: 18px;
color: #222222;
}
#leftSideBar .mnuItemActive a{
font-weight: bold;
}
.mnuSub li a{
font-weight: normal !important;
}
.mnuSub a li a{
font-weight: normal !important;
}
.mnuSub .mnuItemActive li a{
font-weight: bold !important;
}
.mnuSub .mnuItemActive li a:after{
content: ' > ';
display: inline-block;
vertical-align: middle;
padding-left: 3px;
}
/*#content a[target="_blank"]:after, #contentSub a[target="_blank"]:after {
    content: url("/_filelib/ImageGallery/Design/ico-new-link-15.png");
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    width: 15px;
    height: 15px;
}
#content a[target="_new"]:after, #contentSub a[target="_new"]:after {
    content: url("/_filelib/ImageGallery/Design/ico-new-link-15.png");
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    width: 15px;
    height: 15px;
}*/
#main{
position: relative;
display: inline-block;
vertical-align: top;
width: 75%;
height: auto;
border: 1px solid #EEE;
padding: 0 1% 1% 1% !important;
}
#content:after{
content: '';
clear: both;
display: block;
}
#navContainer{
position: relative;
width: 100%;
height: auto;
text-align: center;
/*background: #bec9db;*/
background: #0c0189 !important;
}
.nav{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 text-align: center;
 /*background: #BEC9DB;*/
background: #0c0189 !important;
/*font-family: Arial Narrow,Arial,sans-serif; */
/*font-family: Book Antiqua;*/
font-family: Garamond;
font-size: 11pt;
color: #243c52;
}
.nav ul{
 	position:relative;
	margin:0;
	padding:0;
}
.nav ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav ul a{
   	text-decoration: none;
	display: block;
	/*color: #1F3346;*/
padding: 10px 25px;
font-size: 20px;
color: #F4F0EF;
}
.nav ul li a:hover{
	/*background: #FFFFFF;*/
background: #949494 !important;
color: #949494 !important;
/* color: #1F3346;*/
}
.nav .mnuItemActive a{
	 background: #FFFFFF;
font-weight: bold;
color: #0C0189;
}
.nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	background: #F4F0EF !important;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
z-index: 9999;
}
.nav ul ul li{
	display:block;
	width:200px;
}
.nav ul ul a{
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #000000 !important;
text-shadow: 0 !important;
}
.nav ul ul li:hover{
}
.nav ul ul li a:hover{
	 background: #FFFFFF !important;
}
.nav ul ul ul{
	top:0;
	left:100%;
}
.nav ul li:hover > ul{
	display:block;
}
.nav ul li:hover > a{
	background: #F4F0EF !important;
 	color: #0C0189 !important;
}


.nav2{
 position: relative;
 width: auto;
 height: auto;
 display: block;
 text-align: center;
font-family: Garamond;
font-size: 11pt;
color: #0c0189;
}
.nav2 ul{
 	position:relative;
	margin:0;
	padding:0;
}
.nav2 ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav2 ul a{
   	text-decoration: none;
	display: block;
padding: 10px 25px;
font-size: 20px;
color: #E1DED6;
}
.nav2 ul li a:hover{
	/*background: #FFFFFF;*/
background: #949494 !important;
color: #949494 !important;
/* color: #1F3346;*/
}
.nav2 .mnuItemActive a{
	 background: #FFFFFF;
font-weight: bold;
color: #0C0189;
}
.nav2 ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	background: #F4F0EF !important;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
z-index: 9999;
}
.nav2 ul ul li{
	display:block;
	width:200px;
}
.nav2 ul ul a{
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #000000 !important;
text-shadow: 0 !important;
}
.nav2 ul ul li:hover{
}
.nav2 ul ul li a:hover{
	 background: #FFFFFF !important;
}
.nav2 ul ul ul{
	top:0;
	left:100%;
}
.nav2 ul li:hover > ul{
	display:block;
}
.nav2 ul li:hover > a{
	background: #F4F0EF !important;
 	color: #0C0189 !important;
}


a#pull, a#pullSub{
display: none;
}
#footerContainer{
position: relative;
width: 100%;
height: auto;
clear: both;
display: block;
margin: 10px auto;
font-size: 14px;
font-family: Garamond;
}
#footer{
position: relative;
width: 1100px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#footer:after{
content: '';
clear: both;
display: block;
}
#footerLeft{
position: relative;
display: inline-block;
vertical-align: top;
width: 20%;
height: auto;
text-align: left;
}
#footerCenter{
position: relative;
display: inline-block;
vertical-align: top;
width: 60%;
height: auto;
text-align: center;
}
#footerRight{
position: relative;
display: inline-block;
vertical-align: top;
width: 20%;
height: auto;
text-align: right;
}
#footer a{
color: #222222;
}
/*Layout Content Templates*/
.row{
	width: 100%;
	height: auto;
	clear: both;
        text-align: center;
}
.row:after{
	content: '';
	clear: both;
	display: table;
}
.fiveColumns{
	position: relative;
	width: 18%;
        margin: 1%;
	height: auto;
	display: inline-block;
        vertical-align: top;
        text-align: left;
}
.fourColumns{
	position: relative;
	width: 23%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 1%;
}
.threeColumns{
	position: relative;
	width: 29%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
	margin: 1%;
}
.twoColumns{
	position: relative;
        display: inline-block;
	width: 46%;
	height: auto;
	margin: 1%;
        padding: 5px;
        text-align: left;
	vertical-align: top;
}
.oneThird{
position: relative;
	width: 31%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 1%;
}
.twoThirds{
	width: 64%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 1%;
}
.oneColumn{
text-align: left;
    padding-left: 30px;
    display: block;
    position: relative;
}
.blankUL li{
list-style: none;
}
.flexslider .slides img{
width: auto !important;
}
.ctBulletinImage{
min-width: 150px;
}
.bodStaff a{
text-decoration: none;
}
.bodStaff img{
/*border: 3px solid #bec9db;*/
border: 3px solid #0c0189;
}
.iframeContainer{
    position: relative;
	padding-bottom: 32%;
	padding-top: 0;
	height: 0;
}
.iframeContainer iframe{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-event: none; /*stops Google Map Zoom when scrolling*/
}
.iframeContainer object{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-event: none; /*stops Google Map Zoom when scrolling*/
}
.mapContainer{
    position: relative;
	padding-bottom: 50%;
	padding-top: 0;
	height: 0;
}
.mapContainer iframe{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-event: none; /*stops Google Map Zoom when scrolling*/
}
.pageTitle{
font-weight: bold;
color: #0C0189;
/*font-family: 'Anton', sans-serif;*/
       font-family: Book Antiqua;
        font-size: 30px;
        margin-bottom: 2px;
        padding-bottom: 2px;
        text-transform: capitalize;
        width: 100%;
display: block;
border-bottom: 1px solid #0C0189;
text-align: left;
margin-bottom: 10px;
}
th{
text-align: left !important;
}
.scoreTable td{
margin: 0 auto;
}
.scoreTable, .scoreTable1{
width: 100%;
height: auto;	
}
.blackRow{
background-color: #000;
color: #fff;
}
.blueRow{
background-color: #0000ff;
color: #fff;
}
.whiteRow{
background-color: #999999;
color: #fff;
}
.oakRow{
background-color: #ff9900;
color: #fff;
}
.greenRow{
background-color: #009900;
color: #fff;
}
.pineRow{
background-color: #808000;
color: #fff;
}
.backBtn{
text-decoration: none;
/*border: 1px solid #BEC9DB;*/
border: 1px solid #0c0189;
padding: 5px 10px;
/*color: #BEC9DB;*/
color: #0c0189;
text-shadow: 0 1px 1px #FFFFFF;
}
.backBtn:hover{
/*background: #BEC9DB !important;*/
background: #0c0189 !important;
color: #FFFFFF !important;
}

/* Home Slideshow - slideshowHome */
/*HOME SLIDESHOW*/
#fwBody2021 .ssslideshowHome{
    position: relative;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 37%;
}

#fwBody2021 #ssislideshowHome{
    overflow: visible !important;
    position: relative; 
    left: 0px; 
    z-index: 4; 
    opacity: 0; 
    width: 100% !important; 
    height: auto !important; 
    padding-bottom: 37%;
    background-position: 50% 50%; 
    background-size: 100% !important;
    background-repeat: no-repeat no-repeat;
}
#fwBody2021 #ssdslideshowHome{
    text-shadow: 0 2px 2px #000;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-align: right;
    font-size: 30px;
    color: #FFF !important;
    opacity: 1 !important;
    font-weight: normal !important;
    background: rgba(0,0,0,0.4) !important;
}



/* Home Slideshow - slideshowHome */
/*HOME SLIDESHOW*/
.ssslideshowHome{
    position: relative;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 26%;
}

#ssislideshowHome{
    overflow: visible !important;
    position: relative; 
    left: 0px; 
    z-index: 4; 
    opacity: 0; 
    width: 100% !important; 
    height: auto !important; 
    padding-bottom: 26%;
    background-position: 50% 50%; 
    background-size: 100% !important;
    background-repeat: no-repeat no-repeat;
}
#ssdslideshowHome{
    text-shadow: 0 2px 2px #000;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-align: right;
    font-size: 30px;
    color: #FFF !important;
    opacity: 1 !important;
    font-weight: normal !important;
    background: rgba(0,0,0,0.4) !important;
}

/* Subpage Banner Slideshow - slideshowSub */
/*SUB PAGE SLIDESHOW*/
.ssslideshowSub{
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    text-align: center;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 26%;
}

#ssislideshowSub{
    overflow: visible !important;
    position: relative; 
    left: 0px; 
    z-index: 4; 
    opacity: 0; 
    width: 100% !important; 
    height: auto !important; 
    padding-bottom: 26%;
    background-position: 50% 50%; 
    background-size: 100% !important;
    background-repeat: no-repeat no-repeat;
}
#ssdslideshowSub{
    text-shadow: 0 2px 2px #000;
    font-family: 'Great Vibes', cursive;
    text-align: center;
    font-size: 48px;
    color: #FFF !important;
    opacity: 1 !important;
    font-weight: normal !important;
    background: rgba(0,0,0,0.5) !important;
    padding: 15px;
    line-height: 1.5em;
    letter-spacing: 1px;
}

/* Default Slideshow - slideshow1 */
.ssslideshow1{
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    text-align: center;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 66.67%;
}

#ssislideshow1{
    overflow: visible !important;
    position: relative; 
    left: 0px; 
    z-index: 4; 
    opacity: 0; 
    width: 100% !important; 
    height: auto !important; 
    padding-bottom: 66.67%;
    background-position: 50% 50%; 
    background-size: 100% !important;
    background-repeat: no-repeat no-repeat;
}
#ssdslideshow1{
    text-shadow: 0 2px 2px #000;
    font-family: 'Great Vibes', cursive;
    text-align: center;
    font-size: 48px;
    color: #FFF !important;
    opacity: 1 !important;
    font-weight: normal !important;
    background: rgba(0,0,0,0.5) !important;
    padding: 15px;
    line-height: 1.5em;
    letter-spacing: 1px;
}
h1{
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
color: #1F3346;
}
#leftSideBar .mnuSub{
padding: 0 !important;
}
.forum .ctBulletinLink{
font-size: 23px !important;
text-decoration: none !important;
color: #0C0189;
font-weight: bold !important;
}
.ctBulletinLink{
font-size: 15px;
text-decoration: none !important;
color: #0C0189;
font-weight: normal !important;
}
#SearchValue{
padding: 7px;
width: 90%;
}
#btnSearch{
color: #0C0189;
border: 1px solid #0C0189;
background: #FFFFFF;
padding: 5px 10px;
display: inline-block;
}
#btnSearch:hover{
background: #0C0189 !important;
color: #FFFFFF !important;
}
.inpButton, input[type="submit"], input[type="button"]{
background: #FFFFFF;
color: #0C0189;
border: 1px solid #0C0189;
padding: 10px 15px;
cursor: pointer;
}
.inpButton:hover, input[type="submit"]:hover, input[type="button"]:hover{
color: #FFFFFF !important;
background: #0C0189 !important;
}
input[type="text"], input[type="password"], textarea{
padding: 7px;
}
select{
border: 1px solid #0c0189;
height: 33px;
}
.memberBtn{
text-align: center;
}
.memberBtn a{
	display: block;
	text-decoration: none;
	background: #0C0189 !important;
	color: #FFFFFF !important;
	padding: 10px;
	margin: 8px 0;
	border-radius: 4px;
	font-weight: bold;
/*font-family: 'Anton', sans-serif;*/
}
.memberBtn a:hover {
	transition: background-color 0.5s ease;
	background: #FFFFFF !important;
	color: #000 !important;
	border: 1px solid #222;
}
.buttons{
/*font-family: 'Anton', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #FFFFFF;
}
.buttons a{
/*font-family: 'Anton', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #FFFFFF !important;
text-decoration: none !important;
}
.lgBox, .lgBox .inpButton, #lgBox .lgUserName, #lgBox .lgPassword {
    width: 98% !important;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
}
.lgBox{
line-height: 1em !important;
}
#lgClearCookies, .lgClearCookies{
/*display: none !important;*/
}
#mobileHeader{
display: none;
}
#fwBody{
padding: 0;
margin: 0;
width: 100%;
}
#pageWrap{
position: absolute;
top: 0;
width: 100%;
height: auto;
}
#header2 {
        position: relative;
        width: 1250px;
        max-width: 100%;
        height: auto;
        margin: -28px auto 0 auto;
}
#banner2{
text-align: center !important;
margin: 0 auto;
min-height: 123px;
}
#banner2{
position: relative;
width: 1200px;
max-width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
}
#banner2 img{
position: relative;
width: 1200px;
max-width: 100%;
height: auto;
}
#mobileHeader{
display: none;
}
.form{
position: relative;
width: 600px;
max-width: 100%;
height: auto;
margin: 0 auto;
background: #F7F7F7;
border: 1px solid #CCCCCC;
}
.form input[type="text"]{
width: 100%;
}
#footer2{
        padding: 10px;
        font-size: 15px;
        color: #333;
        text-shadow: 0 1px 1px #FFF;
}
#footer2 a{
color: #0C0189;
}
#faq{
margin: 0;
padding: 0;
}
#faq li{
list-style: none;
}
#faq li a{
    text-shadow: 0 1px 0 #FFF;
    line-height:24px;
    font-size:15px;
    font-weight:700;
    color: #152d60;
    padding: 5px 75px 0px 5px;
    cursor:pointer;
    background-image:url('/_filelib/ImageGallery/Design/down_arrow.png');
    background-position:right;
    background-repeat:no-repeat;
    text-align: left;
    background-color: #FFF;
    border: 1px solid #EEE;
text-decoration: none;
display: block;
margin: 10px 0;
}
.mnuMain2, .mnuSub2{
}
#rating_done_text{
color: #870101 !important;
        text-transform: uppercase;
        font-size: 20px;
        border: 1px solid #870101;
        text-align: center;
        background: #fffcfc;
}
/* 2021 REDESIGN STYLES */
/*Accessibility*/
.visuallyhidden{
 border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#skiptocontent {
        position: absolute;
        background: #545454;
        color: #fff;
        -webkit-transition: top 0.1s ease-out;
        transition: top 0.1s ease-out;
        left: 0;
        top: -40px;
        padding: 6px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        z-index: 99999;
}
#skiptocontent:focus {
        top: 0;
        outline-color: #0000;
        -webkit-transition: top 0.1s ease-out;
        transition: top 0.1s ease-out;
}
/* CLEARFIX  */
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
ul.social{
position: relative;
margin: 0;
padding: 0;
}
.social li{
list-style: none;
display: inline-block;
vertical-align: middle;
}
.social li a{
text-decoration: none;
display: block;
padding: 10px;
text-align: center;
}
#footer .social li a{
font-size: 2.5rem;
}
#fwBody2021 .HeaderText{
font-family: Metropolis-Bold;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
color: #04695E !important;
line-height: 39px;
}
#fwBody2021{
margin: 0;
padding: 0;
font-size: 16px;
font-family: Metropolis-Medium !important;
}
#fwBody2021 .AccentText{
font-family: Book Antiqua, serif !important;
}
#fwBody2021 #footerContainer, #fwBody2021 #copyright{
background: #04695E !important;
color: #FFFFFF !important;
}
#fwBody2021 #footer a{
color: #FFFFFF !important;
}
#fwBody2021 #footer hr{
height: 10px;
background: #FFFFFF !important;
border: 1px solid #FFFFFF !important;
position: relative;
width: 75%;
margin: 10px auto;
}
#fwBody2021 #footer{
width: 100% !important;
}
#fwBody2021 #footerLeft .HeaderText{
font-size: 2rem;
color: #FFFFFF !important;
}
#fwBody2021 #footerLeft{
width: 50%;
vertical-align: middle;
line-height: 2.1rem;
font-size: 1.5rem;
text-align: center !important;
}
#fwBody2021 #footerLeft a{
text-decoration: none;
}
#fwBody2021 #footerLeft hr{
height: 10px;
background: #0B6EAA;
border: 1px solid #0B6EAA;
position: relative;
width: 75%;
margin: 10px auto;
}
#fwBody2021 #footerRight{
vertical-align: middle;
width: 50%;
}
#fwBody2021 #copyright{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 2rem 1rem;
font-size: 0.8rem;
text-align: center;
color: #0B6EAA;
font-family: Metropolis-Medium !important;
}
#fwBody2021 #copyright a{
color: #0B6EAA;
}
#fwBody2021 #footerContainer{
margin: 0 auto !important;
border-bottom: 30px solid #04695E;
font-family: Metropolis-Medium !important;
}
#fwBody2021 #footerLinks{
border-top: 20px solid #04695E;
}
#fwBody2021 #headerContainer{
position: fixed;
top: 0;
width: 100%;
max-width: 100%;
height: auto !important;
text-align: center;
background: rgba(255,255,255,0.9) !important;
box-shadow: 1px 1px 7px #222;
z-index: 99;
}
#fwBody2021 #header{
width: 95% !important;
}
#fwBody2021 #headerLeft{
width: 15%;
vertical-align: middle !important;
height: auto !important;
padding: 5px 0;
}
#fwBody2021 #headerLeft img{
position: relative;
width: auto;
max-width: 100%;
height: 100px;
display: block;
margin: 0 auto;
}
#fwBody2021 #headerCenter{
width: 70%;
text-align: center;
vertical-align: middle !important;
}
#fwBody2021 #headerRight{
width: 15%;
vertical-align: middle !important;
}
#fwBody2021 #headerRight a{
text-decoration: none;
background: #0B6EAA;
color: #FFFFFF !important;
padding: 10px 15px;
text-align: center;
transition: 0.2s ease all;
}
#fwBody2021 #headerRight a:hover{
background: #04695E !important;
color: #FFFFFF !important;
transition: 0.2s ease all;
}
.nav3{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 z-index: 10;
}
.nav3 ul{
 	position:relative;
	margin:0;
	padding:0;
}
.nav3 ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav3 ul a{
	text-decoration: none;
    display: block;
    color: #2b5ca8;
    padding: 10px 15px;
	text-transform: uppercase;
	font-family: 'Josefin Slab', serif;
}
.nav3 ul li a:hover{
}
.nav3 .mnuItemActive a{
	 font-weight: bold;
}
.nav3 ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	background-color: #2b5ca8;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
}
.nav3 ul ul li{
	display:block;
	width:200px;
}
.nav3 ul ul a{
	display: block;
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #FFFFFF !important;
}
.nav3 ul ul li:hover{
}
.nav3 ul ul li a:hover{
	 background: #3a71c4 !important;
}
.nav3 ul ul ul{
	top:0;
	left:100%;
}
.nav3 ul li:hover > ul{
	display:block;
}
.nav3 ul li:hover > a{
	background: #2b5ca8 !important;
 	color: #FFFFFF !important;
}
#fwBody2021 #bannerContainer{
position: relative;
min-height: 150px;
margin-top: 160px;
background: #F7F7F7;
z-index: 1;
}
#fwBody 2021 #bannerText{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: center;
    color: #FFFFFF;
    z-index: 9;
	font-size: 3rem;
	letter-spacing: 2px;
}
#fwBody2021 #bannerImage{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}
#fwBody2021 #bannerImage img{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
#fwBody2021 #contentContainer{
min-height: 500px;
}
#fwBody2021.home #content {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    margin: 0px auto !important;
    background: #FFF;
    color: #222;
    box-shadow: none !important;
    padding: 0 !important;
     font-family: Metropolis-Medium !important;
    font-size: 1rem;
    line-height: 1.5em;
}
.mobileShow{
display: none;
}
.mobileHide{
display: block;
}
/* 2021 Public Home - Full Width Image Hovers */
.hov1Col .hovLink {
background: #5A5D6B;
margin: 0 !important;
}
#fwBody2021 #hovHeadline, #fwBody2021 #hovHeadlineHover{
 font-family: Metropolis-Medium !important;
}
#fwBody2021 #fwButtonLink{
 font-family: Metropolis-Medium !important;
}
#hovHeadline, #hovHeadlineHover{
font-family: Century Gothic, sans-serif !important;
}
.hov1Col #hovHeadline, #hovHeadlineHover{
text-transform: uppercase;
font-size: 60px;
letter-spacing: 0.1em;
line-height: 1.25em;
}
.home .hov1Col .hovContent{
text-align: left !important;
}
.home .hov1Col #hovHeadline{
text-align: left !important;
margin-bottom: 0 !important;
font-weight: normal !important;
}
.home .hov1Col #hovHeadlineHover{
margin-bottom: 0 !important;
}
.home .hov1Col #hovText{
width: auto;
/*margin: 25px 0 15px 0;*/
padding: 5px;
display: table-cell;
text-align: left !important;
border-bottom: 3px solid #FFF;
}
.home .hov1Col #hovTextHover{
/*margin: 25px 0 15px 0;*/
margin: 0 !important;
}
.home .hov1Col #fwButtonLink{
color: #FFFFFF !important;
text-decoration: none !important;
padding: 5px 10px;
border: 3px solid #FFFFFF;
text-transform: uppercase;
clear: both;
width: 200px;
margin-top: 15px;
text-align: center;
background: rgba(0,0,0,0.3);
}
.home .hov1Col #fwButtonLink:hover, .home .hov1Col #fwButtonLink:focus{
outline: 0;
background: #FFFFFF !important;
color: #222222 !important;
transition: 0.2s ease all;
}
#fwBody2021.mem .subNav{
background: #0B6EAA !important;
}
#fwBody2021 .subNav{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
background: #04695E;
color: #FFFFFF;
}
#fwBody2021 .subNav ul{
margin: 0;
padding: 0;
}
#fwBody2021 .subNav li{
list-style: none;
display: inline-block;
}
#fwBody2021 .subNav li a{
text-decoration: none;
display: block;
padding: 10px 15px 7px 15px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
margin: 10px;
font-size: 0.9rem;
letter-spacing: 1px;
text-transform: uppercase;
  font-family: Metropolis-Medium !important;
}
#fwBody2021 .subNav li a:hover, #fwBody2021 .subNav li a:focus{
background: #FFFFFF !important;
color: #04695E !important;
transition: 0.2s ease all;
}
#fwBody2021 .subNav .mnuItemActive a{
background: #FFFFFF !important;
color: #04695E !important;
font-weight: bold;
}
#fwBody2021.sub #content{
/*font-family: 'Quicksand', sans-serif;*/
  font-family: Metropolis-Medium;
}
.flex-direction-nav a {
    width: 40px;
    height: 30px !important;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 24px !important;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}
.pageName{
margin: 0;
padding: 10px;
color: #FFFFFF !important;
font-family: Metropolis-Medium !important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.9rem;
}
#fwBody2021.mem.sub #content{
width: 100% !important;
}
#fwBody2021 .question{
font-size: 1.6rem;
color: #04695E;
font-weight: bold !important;
}
#fwBody2021 #leftSideBar li a{
padding: 10px 0 !important;
}
#pageWrapper{
position: absolute;
top: 0;
width: 100%;
height: auto;
z-index: 1;
}
#kioskTop, #kioskBottom{
margin: 0;
padding: 0;
}
#kioskTop li, #kioskBottom li{
list-style: none;
display: block;
}
#kioskTop a{
text-decoration: none;
background: #00AFEF;
color: #FFFFFF !important;
padding: 10px 15px;
margin: 5px 0;
display: block;
}
#kioskBottom a{
text-decoration: none;
background: #def5fd;
color: #222222 !important;
padding: 10px 15px;
margin: 5px 0;
display: block;
}
.upcomingEvents .modHeader{
display: none;
}
/* 2022 Primary Nav */
.nav4{
	 position: relative;
	 width: 100%;
	 height: auto;
	 display: block;
	 z-index: 10;
}
.nav4 ul{
 	position:relative;
	margin:0;
	padding:0;
}
.nav4 ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav4 ul a{
	display:block;
	text-decoration:none;
    text-transform: uppercase;
    padding: 10px 15px;
font-family: Metropolis-Medium !important;
color: #0B6EAA !important;
}
.mem .nav4 ul a{
color: #FFFFFF !important;
}
.mem .nav4 .mnuItemActive a{
border-bottom: none !important;
}
.nav4 ul li a:hover{
}
.nav4 .mnuItemActive a{
border-bottom: 1px solid #CCC;
}
.nav4 ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
background-color: #0B6EAA;
z-index: 9999 !important;
}
.nav4 ul ul li{
	display:block;
	width:200px;
}
.nav4 ul ul a{
	display: block;
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
background: #0B6EAA !important;
color: #FFFFFF !important;
border: 0 !important;
}
.nav4 .mnuSub .mnuItemActive a{
border: 0 !important;
}
.nav4 ul ul li a:hover{
background: #147dba !important;
transition: 0.2s ease all;
}
.nav4 ul ul ul{
	top:0;
	left:100%;
}
.nav4 ul li:hover > ul{
	display:block;
}
.nav4 ul li:hover > a{
border-bottom: none !important;
background: #0B6EAA !important;
color: #FFFFFF !important;
}
.nav4 .mnuSub .mnuItemActive li a:after{
content: ' ' !important;
display: inline-block;
vertical-align: middle;
padding-left: 0 !important;
}
#fwContent{
font-family: Arial, sans-serif;
font-size: 16px;
}
#fwContent img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#footerLinks{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
}
#footerLinks ul{
margin: 0 auto;
padding: 0;
}
#footerLinks li{
list-style: none;
display: inline-block;
}
#footerLinks li a{
text-decoration: none;
color: #FFFFFF;
display: block;
padding: 10px 15px;
}
/* WEDDING SITE STYLES */

@font-face{
font-family: "Avenir";
source: url(/_filelib/FileCabinet/Wedding_Fonts/AvenirNextLTPro-Regular.otf);
}
#weddings2025{
font-family: "Avenir";
margin: 0;
font-size: 16px;
background: #FFFFFF;
}
#hovHeadline{
font-family: "Avenir" !important;
}
#footerContainer2025{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
padding: 1rem;
background: #496c6c;
color: #FFFFFF;
}
#footerContainer2025 a{
color: #FFFFFF;
text-decoration: none;
}
#footer2025{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#footer2025:after{
content: '';
display: block;
clear: both;
}
#footerLeft2025{
position: relative;
display: inline-block;
vertical-align: middle;
width: 40%;
max-width: 100%;
height: auto;
text-align: center;
padding: 1rem;
line-height: 1.1rem;
}
#footerRight2025{
position: relative;
display: inline-block;
vertical-align: middle;
width: 60%;
max-width: 100%;
height: auto;
text-align: left;
}
#footer2025 .LinkButton{
background: #FFFFFF;
color: #496c6c;
padding: 10px 15px;
display: inline-block;
text-decoration: none;
text-align: center;
font-weight: bold;
}
#footer2025 .LinkButton:after{
content:'';
display: block;
clear: both;
}
#navContainer2025{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
border-bottom: 1px solid #ebdfd5;
z-index: 9999;
}
.nav2025 ul{
margin: 0;
padding: 0;
}
.nav2025 li{
list-style: none;
display: inline-block;
}
.nav2025 li a{
text-decoration: none;
display: block;
padding: 15px;
color: #496c6c;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 100;
}
.nav2025 .mnuItemActive a{
font-weight: bold;
}
#bannerContainer2025{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
}
#bannerContainer2025:after{
content: '';
display: block;
clear: both;
}
#bannerText2025{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: center;
    color: #FFFFFF;
    z-index: 9;
	font-size: 3rem;
	letter-spacing: 2px;
}
#bannerImage2025{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}
#bannerImage2025 img{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.scriptFont{
font-family: "contempora-script", sans-serif;
}
#weddings2025 #fwContent{
font-family: "Avenir" !important;
font-size: 16px;
}
#contentContainer2025{
z-index: 10;
}
#contentContainer2025 img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#weddings2025 td{
font-family: "Avenir" !important;
}
#contentContainer2025{
font-weight: 100;
}
#contentContainer2025 a{
color: #496C6C;
}
#contentContainer2025 .LinkButton{
text-decoration: none;
    background: #ceaf9a;
    color: #FFFFFF !important;
    padding: 5px 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;
    min-width: 165px;
}
#contentContainer2025 .LinkButton:hover{
}
#contentContainer2025 .LinkButton:after{
content: '';
display: block;
clear: both;
}
.BeigeBox{
background: #f8f3ef; 
text-align: center; 
padding: 2rem; 
color: #496C6C;
font-size: 20px;
line-height: 32px;
}
.TealBox{
background: #496c6c;
    color: #f8f3ef;
    font-weight: bold;
    padding: 10px 35px;
    position: relative;
    width: auto !important;
    margin: 0px auto;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    z-index: 9;
    display: table;
    letter-spacing: 2px;
}
.TealBox a{
text-decoration: none;
color: #f8f3ef !important;
}
.BeigeHeading{
   background: #ceaf9a;
    color: #FFFFFF;
    padding: 5px 15px;
    position: relative;
    display: block;
    margin: -25px -15px 0 15px;
font-size: 20px;
line-height: 32px;
}
.BeigeHeading a{
color: #FFFFFF !important;
text-decoration: none;
}
.ClearBox{
    position: absolute;
    width: 300px;
    max-width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.85);
    padding: 1rem;
    text-align: center;
    border-bottom: 25px solid #ceaf9a;
    z-index: 999;
    margin-top: 4%;
    margin-left: 2%;
}
.SerifFont{
font-family: "goldenbook", serif;
}
.introTable tr:first-child td{
text-align: right;
}
.FullWidthImage{
display: block;
height: auto;
max-width: 100%;
position: relative;
width: 100% !important;
position: relative;
}
.flexslider{
background: transparent !important;
border: 0 !important;
}
/* Accordion Styles */
#accordion .modContainer{
position: relative;
width: 100% !important;
}
#accordion .ctBulletinTitle a:before{
content: "\25BC";
    color: #c19a80;
    font-size: 16px !important;
    display: inline-block;
    vertical-align: top;
text-shadow: none !important;
padding: 0 10px;
}
#accordion .ctBulletinTitle a{
text-decoration: none;
display: block;
font-weight: bold;
font-size: 18px;
color: #c19a80;
letter-spacing: 2px;
line-height: 3.6rem;
background: #FFFFFF;

}
#accordion .ctBulletin{
border: 1px solid #FFFFFF;
margin-bottom: 10px;
display: block;
padding: 0;
}
#accordion .ctContent{
padding: 10px;
background: #FFFFFF;
color: #496c6c;
}
.nav2025 ul{
 	position:relative;
	margin:0;
	padding:0;
}
.nav2025 ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav2025 ul a{
	display:block;
	text-decoration:none;
}
.nav2025 ul li a:hover{
}
.nav2025 .mnuItemActive a{
	font-weight: bold;
}
.nav2025 ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	background-color: #FFFFFF;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
z-index: 9999;
}
.nav2025 ul ul li{
	display:block;
	width:200px;
}
.nav2025 ul ul a{
	display: block;
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #496c6c !important;
}
.nav2025 ul ul li:hover{
}
.nav2025 ul ul li a:hover{
	font-weight: bold;
}
.nav2025 ul ul ul{
	top:0;
	left:100%;
}
.nav2025 ul li:hover > ul{
	display:block;
}
.nav2025 ul li:hover > a{
	font-weight: bold;
}
@media only screen and (max-width: 850px){
.BeigeHeading {
    margin: -25px 0 5px 0 !important;
}
.offsetUp{
position: relative !important;
width: 100%;
margin-top: 0 !important;
}
.introTable tr:first-child td{
text-align: center !important;
}
.introTable td{
text-align: center !important;
}
#footerLeft2025, #footerRight2025{
display: block !important;
width: 100% !important;
text-align: center !important;
}
.nav4 li{
display: block !important;
width: 100% !important;
text-align: left;
}
.nav4 ul ul{
display: none !important;
}
.hov2Col{
display: block !important;
width: 100% !important;
}
#pageWrapper{
position: relative !important;
}
#fwBody2021 #headerCenter a{
color: #0B6EAA;
}
#fwBody2021 #headerContainer{
position: relative !important;
}
#fwBody2021 #bannerContainer{
min-height:unset;
margin-top: 0 !important;
}
#fwBody2021 .nav3{
text-align: left !important;
}
#fwBody2021 .nav3 li{
display: block !important;
}
#fwBody2021 .nav3 li a{
background: #0B6EAA !important;
color: #FFFFFF !important;
}
#fwBody2021 .nav3 .mnuItemActive a{
font-weight: bold !important;
}
#fwBody2021 .nav3 ul ul{
display: none !important;
}
.mobileShow{
display: block !important;
}
.mobileHide{
display: none !important;
}
#fwBody2021 #header{
width: 100% !important;
}
#fwBody2021 #headerLeft{
width: 30% !important;
}
#fwBody2021 #headerCenter{
width: 40% !important;
}
#fwBody2021 #headerRight{
width: 30% !important;
}
#fwBody2021 #footerLeft, #fwBody2021 #footerRight{
display: block !important;
width: 100% !important;
margin: 1rem auto;
text-align: center !important;
}
#fwBody2021 #footerLeft{
font-size: 1rem !important;
line-height: 1.75rem !important;
}
#headerContainer3, #headerContainer4{
position: relative !important;
}
.homeBoxes img, #homeBoxes img{
width: 100% !important;
max-width: 100% !important;
}
#mobileHeader{
display: block !important;
}
#mSiteName{
text-align: center !important;
padding: 5px;
background: #EEEEEE;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
color: #0C0189;
text-shadow: 0 1px 1px #FFFFFF;
}
#mHeader{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
background: #0c0189;
}
#mHeader:after{
content: '';
display: block;
clear: both;
}
#mHeaderLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
height: auto;
text-align: left;
}
#mHeaderLeft img{
max-width: 66px;
height: auto;
}
#mHeaderRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
height: auto;
text-align: center;
}
#navMod{
display: none;
}
.nav2 ul ul{
display: none !important;
}
.nav2{
background: #FFFFFF;
}
.nav2 li{
display: block !important;
text-align: left !important;
}
.nav2 li a{
display: block !important;
text-align: left !important;
width: 100% !important;
padding: 10px;
color: #0c0189 !important;
border-bottom: 1px solid #EEEEEE;
}
table, tbody, thead, tr, th, td{
display: block;
width: 100%;
max-width: 100%;
height: auto !important;
text-align: left;
white-space: normal;
}
td input[type="text"]{
width: 100% !important;
display: block !important;
}
#banner2{
min-height: 1px;
}
#leftSideBar ul{
margin: 0 !important;
}
#main{
margin-top: 10px !important;
}
#headerContainer3, #headerContainer4{
display: none;
}
#pageWrap{
position: relative !important;
}
#mobileHeader{
display: block !important;
}
.buttons td{
margin: 10px 0 !important;
padding: 15px;
}
#gridLookup{
display: none !important;
}

img[align="left"], img[align="right"]{
clear: both !important;
float: none !important;
text-align: center !important;
margin: 10px auto;
display: block !important;
}
#leftSideBar, #main{
display: block !important;
width: 100% !important;
}
.twoColumns, .threeColumns, .fourColumns, .oneThird, .twoThirds{
display: block !important;
width: 100%;
}
.nav{
position: relative !important;
height: auto !important;
}
.nav li, .nav a{
display: block !important;
width: 100% !important;
text-align: left !important;
}
table, tr, td, tbody, thead{
display: block;
width: auto !important;
height: auto !important;
}
#main td:first-child{
font-weight: bold;
}
.empty{
display: none !important;
}
.realtyTable{
width: auto !important;
}
.realtyTable th{
display: none !important;
}
.realtyTable td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.realtyTable td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.realtyTable td:nth-of-type(1):before {
 content: "";
}
.realtyTable td:nth-of-type(2):before {
 content: "Address";
}
.realtyTable td:nth-of-type(3):before {
 content: "Location";
}
.realtyTable td:nth-of-type(4):before {
 content: "Phone (area code 503)";
}
.realtyTable td{
text-align: right;
}
.womensClub th{
display: none !important;
}
.womensClub td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.womensClub td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.womensClub td:nth-of-type(1):before {
 content: "";
}
.womensClub td:nth-of-type(2):before {
 content: "Name";
}
.womensClub td:nth-of-type(3):before {
 content: "Phone";
}
.womensClub td{
text-align: right;
}
.yachtClub th{
display: none !important;
}
.yachtClub td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.yachtClub td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.yachtClub td:nth-of-type(1):before {
 content: "";
}
.yachtClub td:nth-of-type(2):before {
 content: "Day";
}
.yachtClub td:nth-of-type(3):before {
 content: "Event";
}
.yachtClub td:nth-of-type(4):before {
 content: "Location";
}
.yachtClube td:nth-of-type(5):before {
 content: "Time";
}
.yachtClub td{
text-align: right;
}
.proShop{
width: auto !important;
}
.proShop th{
display: none !important;
}
.proShop td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.proShop td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.proShop td:nth-of-type(1):before {
 content: "";
}
.proShop td:nth-of-type(2):before {
 content: "Single Adult";
}
.proShop td:nth-of-type(3):before {
 content: "Series of 4";
}
.proShop td:nth-of-type(4):before {
 content: "Full Hour";
}
.proShop td{
text-align: right;
}
.proShopPackage{
width: auto !important;
}
.proShopPackage th{
display: none !important;
}
.proShopPackage td:first-child{
background: #000;
color: #FFF;
text-align: right;
}
.proShopPackage td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.proShopPackage td:nth-of-type(1):before {
 content: "Cost";
}
.proShopPackage td:nth-of-type(2):before {
 content: "Ball Value";
}
.proShopPackage td{
text-align: right;
}
.golfFees th{
display: none !important;
}
.golfFees td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.golfFees td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.golfFees td:nth-of-type(1):before {
 content: "";
}
.golfFees td:nth-of-type(2):before {
 content: "18 Hole";
}
.golfFees td:nth-of-type(3):before {
 content: "9 Hole";
}
.golfFees td{
text-align: right;
}
.annualGolfFees th{
display: none !important;
}
.annualGolfFees td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.annualGolfFees td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.annualGolfFees td:nth-of-type(1):before {
 content: "";
}
.annualGolfFees td:nth-of-type(2):before {
 content: "Cost";
}
.annualGolfFees td{
text-align: right;
}
.aquatics th{
display: none !important;
}
.aquatics td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.aquatics td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.aquatics td:nth-of-type(1):before {
 content: "";
}
.aquatics td:nth-of-type(2):before {
 content: "Time";
}
.aquatics td:nth-of-type(3):before {
 content: "Event";
}
.aquatics td{
text-align: right;
}
.votingMembers th{
display: none !important;
}
.votingMembers td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.votingMembers td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.votingMembers td:nth-of-type(1):before {
 content: "";
}
.votingMembers td:nth-of-type(2):before {
 content: "Address";
}
.votingMembers td:nth-of-type(3):before {
 content: "Phone";
}
.votingMembers td:nth-of-type(4):before {
 content: "Email";
}
.votingMembers td{
text-align: right;
}
.jazzMembers th{
display: none !important;
}
.jazzMembers td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.jazzMembers td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.jazzMembers td:nth-of-type(1):before {
 content: "";
}
.jazzMembers td:nth-of-type(2):before {
 content: "Phone";
}
.jazzMembers td:nth-of-type(3):before {
 content: "Email";
}
.jazzMembers td:nth-of-type(4):before {
 content: "Address";
}
.jazzMembers td:nth-of-type(5):before {
 content: "Responsibilities";
}
.jazzMembers td{
text-align: right;
}
.recreation th{
display: none !important;
}
.recreation td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.recreation td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.recreation td:nth-of-type(1):before {
 content: "";
}
.recreation td:nth-of-type(2):before {
 content: "Phone";
}
.recreation td:nth-of-type(3):before {
 content: "Position";
}
.recreation td{
text-align: right;
}
.sightings th{
display: none !important;
}
.sightings td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.sightings td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.sightings td:nth-of-type(1):before {
 content: "";
}
.sightings td:nth-of-type(2):before {
 content: "Time of Call";
}
.sightings td:nth-of-type(3):before {
 content: "Location";
}
.sightings td{
text-align: right;
}
.contact th{
display: none !important;
}
.contact td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.contact td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.contact td:nth-of-type(1):before {
 content: "";
}
.contact td:nth-of-type(2):before {
 content: "Name";
}
.contact td:nth-of-type(3):before {
 content: "Phone";
}
.contact td:nth-of-type(3):before {
 content: "Email";
}
.contact td{
text-align: right;
}
.energyPrices th{
display: none !important;
}
.energyPrices td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.energyPrices td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.energyPrices td:nth-of-type(1):before {
 content: "";
}
.energyPrices td:nth-of-type(2):before {
 content: "CFN Price for 9/9/15";
}
.energyPrices td:nth-of-type(3):before {
 content: "Posted as of 9/9/15";
}
.holeInOne td{
text-align: right;
}
.holeInOne th{
display: none !important;
}
.holeInOne td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.holeInOne td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.holeInOne td:nth-of-type(1):before {
 content: "";
}
.holeInOne td:nth-of-type(2):before {
 content: "Hole";
}
.holeInOne td:nth-of-type(3):before {
 content: "Date";
}
.holeInOne td{
text-align: right;
}
.openDays th{
display: none !important;
}
.openDays td:first-child{
background: #000;
color: #FFF;
text-align: center;
}
.openDays td:before {  
position: absolute; 
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
} 
.openDays td:nth-of-type(1):before {
 content: "";
}
.openDays td:nth-of-type(2):before {
 content: "Location";
}
.openDays td{
text-align: right;
}
/*Score Card TEMPLATE - Mobile Styles*/
table, tr, td, tbody, thead{
display: block !important;
width: 100% !important;
height: auto !important;
}
.scoreTable1 th{
display: none !important;
}
.scoreTable1 td{
text-align: right;
}
.scoreTable1 td:first-child{
background: #FFF;
color: #000;
text-align: center;
}
.scoreTable1 td:before {
position: absolute;
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
word-break: normal;
}
.scoreTable1 td:nth-of-type(1):before {
content: "";
}
.scoreTable1 td:nth-of-type(2):before {
content: "Tees";
}
.scoreTable1 td:nth-of-type(3):before {
content: "Rating";
}
.scoreTable1 td:nth-of-type(4):before {
content: "Slope";
}
a#pull{
display: block;
text-align: left;
background: #0c0189;
color: #FFFFFF;
text-shadow: 0 1px 0 #222222;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 15px;
padding: 10px 15px;
text-align: center !important;
font-family: Book Antiqua;
}
a#pullSub{
text-decoration: none;
padding: 10px 15px;
border: 1px solid #0c0189;
color: #0c0189;
background: #FFFFFF;
display: block !important;
}
#sideLinks{
display: none;
border-right: 1px solid #0c0189;
border-bottom: 1px solid #0c0189;
border-left: 1px solid #0c0189;
margin: 0;
}
#headerContainer2 img{
position: relative !important;
margin-left: 0 !important;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-top: -10px;
}
/*Calendar Module*/
#calMonth td{
font-size: 14px !important;
}
#calMonthTable td div{
text-align: left !important;
height: auto !important;
font-size: 14px !important;
}
#calWeekDayHeader{
display: none !important;
}
#calViewSelector select{
height: 35px;
}
select[name="MonthSelector"], select[name="YearSelector"]{
display: inline-block !important;
width: 40% !important;
margin: 5px !important;
height: 35px;
}
#calMonthName, #calDayCounter{
font-size: 15px !important;
}
.calToday{
background: #EEEEEE;
font-weight: bold !important;
}
/*Directory Module*/
#mdLetterLookup, #mdLetterSelected{
display: inline-block !important;
padding: 5px 10px;
width: auto !important;
}
#mdLetterLookup a{
position: relative; 
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #545454;
padding: 5px 10px;
}
#mdLetterSelected a{
position: relative;
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #545454;
outline: 1px solid #545454;
padding: 5px 10px;
background: #545454 !important;
color: #FFFFFF !important;
}
.pgPageLink{
  	padding: 5px 10px !important;
  	color: #545454 !important;
  	margin: 0 3px !important;
  	outline: 1px solid #545454;
}
.pgPageLink:hover{
	background: #545454 !important;
	color: #FFFFFF !important;
}
.pgPageCurrent{
	background: #545454 !important;
  	padding: 5px 10px !important;
 	color: #FFFFFF !important;
 	margin: 0 3px !important;
	outline: 1px solid #545454;
}
#gridPageNavigation{
	position: relative; 
	margin-top: 15px !important;
    display: inline-block !important;
    width: auto !important;
}
#gridPageNavigation td:first-child{
	width: auto !important;
	display: inline-block !important;
	text-align: left !important;
	float: none !important;
	clear: both !important;
}
#gridPageNavigation td:last-child{
    width: auto !important;
    display: inline-block !important;
    text-align: right !important;
    float: none !important;
    clear: both !important;
}
.pgNavPagesGrid, .pgMovePreviousGrid, .pgMoveNextGrid {
    padding-top: 0px;
    display: inline-block !important;
    width: auto !important;
}
#mdMemberDirectory .ctToolBar td{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
}
#mdMemberDirectory .ctToolBar td:last-child{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    text-align: right !important;
}
#mdGroupFilter, #mdPaging, #gridSort{
display: none !important;
}
#gridLookupStart{
text-decoration: none !important;
font-weight: bold;
font-size: 15px !important;
}
#gridLookup{
        border: 1px solid #545454;
        display: block;
        padding: 5px 10px;
        background: #FFFFFF;
        color: #FFFFFF;
}
#gridLookup input[type="text"]{
margin-bottom: 5px !important;
}
#gridLookup select{
height: 32px;
margin-bottom: 5px !important;
}
#gridTextLookup, #gridDateLookup{
color: #FFFFFF !important;
}
}