.memNoImage{
	width:75px !important;
	height:75px !important;
	background-image:url('/_filelib/ImageGallery/Backgrounds/mem_photo_thumbnail.png') !important;
	background-size:75px 75px;
}

.usrNoProfilePhoto{
	width:200px !important;
	height:200px !important;
	background-image:url('/_filelib/ImageGallery/Backgrounds/mem_photo_thumbnail.png') !important;
	background-size:200px 200px;
	background-repeat:none;
}


.fwGreen{
font-size: 1.3rem !important;
}
a{
color: #005130;
}
a img{
        border: 0;
}
/*dhtml navigation menu styles*/
.mnuMain{
}
.mnuSub{
}
.mnuItem, .mnuItemOver, .mnuItemActive, .mnuItemActiveOver, .mnuItemMembers, .mnuItemMembersOver{	
}
.mnuItemOver,.mnuItemMembersOver,.mnuItemActiveOver{	
}
.mnuItemActive{
font-weight: bold;	
}
.mnuItemSeparatorH{	
}
.mnuItemSeparatorV{	
}
.mnuSeparatorH{
}
.mnuSeparatorV{
}
ul.mnuMain{
margin: 0;
padding: 0;
}
.mnuMain li{
list-style: none;
display: inline-block;
}
.mnuMain li a{
text-decoration: none;
display:block;
padding: 10px 20px;
}

/*content styles*/

.inpButton{
        background: #545454;
        color: #fff;
        border: 1px solid #545454;
        padding: 10px 15px;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        width: auto !important;
        min-width: 130px;
        cursor: pointer;
}
.inpButton:hover{
        background: #888888;
        cursor: pointer;
}
.inpCheckBox{
	border:none;
	
}

.modContainer{
	margin-bottom:10px;
	
}

.modHeader{
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;
	
}

.modContent{

}

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

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

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

.ctAlternate{

	
}

.ctNormal{

	
}

.ctSmall{

	
}

.ctBulletin{
	padding-bottom:5px;
	
}

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

.ctBulletinDate{
	color:#545454;
	
}

.ctBulletinShortText{
	font-size:14px;
	color:#545454;
	font-family: Verdana, sans-serif;
}

/* Login Module Styles */
.lgBox {
        position: relative;
        width: 300px !important;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
}

#lgBox .lgUserName, #lgBox .lgPassword {
        width: 300px !important;
        max-width: 100%;
        font-size: 15px;
font-family: Century Gothic, sans-serif;
}

#lgLoginButton{
        width: 300px !important;
        max-width: 100%;
}

#lgUserNameLabel, #lgPasswordLabel{
        font-family: Century Gothic, sans-serif;
        color: #545454;
        font-size: 13px;
        letter-spacing: 1px;
}

/* Form Field Styles */
input[type="text"], input[type="password"], textarea{
padding: 7px;
background: #FFFFFF;
border: 1px solid #888888;
}
select{
height: 33px;
background: #FFFFFF;
border: 1px solid #888888;
}

/* Default Template Styles */
*{
box-sizing: border-box;
}
#fwBody{
margin: 0;
padding: 0;
width: 100%;
color: #545454;
font-family: Century Gothic, sans-serif;
font-size: 16px;
}
#pageWrapper{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
z-index: 1;
}
#headerContainer{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
/*background: #FFFFFF;*/
z-index: 10;
}
.mem2 #headerContainer{
background: transparent !important;
z-index: 999;
}
#header{
position: relative;
width: 98%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#header:after{
content: '';
display: block;
clear: both;
}
.home #headerLeft, .home #headerRight{
width: 30%;
text-align: center;
color: #FFFFFF;
}
.home #headerCenter{
width: 40%;
display: inline-block;
text-align: center !important;
}
.home #headerCenter img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
text-align: center;
}
#headerLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 15%; /*20%*/
max-width: 100%;
height: auto;
text-align: left;
}
#headerLeft img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
display: block;
}
#headerCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 0%;
max-width: 100%;
height: auto;
text-align: center;
display: none;
}
#headerRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 85%; /*85%*/
max-width: 100%;
height: auto;
text-align: center;
}
.home #headerRight a{
background: #95A67F;
color: #FFFFFF !important;
display: inline-block;
padding: 15px 25px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8rem;
transition: 0.2s ease all;
cursor: pointer;
}
#headerRight ul{
position: relative;
margin: 0;
padding: 0;
}
#headerRight li{
position: relative;
display:inline-block;
list-style:none;
margin:0;
padding:0;
}
#headerRight li a{
display:block;
text-decoration:none;
text-transform: uppercase;
color: #005130;
padding: 12px 30px;
transition: 0.2s ease all;
}
.mem2 #headerRight li a{
color: #FFFFFF !important;
}
#headerRight .mnuItemActive a{
font-weight: bold;
}
#headerRight .mnuSub .mnuItemActive a{
background: #429639;
}
#headerRight .mnuSub .mnuItemMembers a{
font-weight: normal !important;
}
#headerRight ul ul{
display:none;
position:absolute;
top:100%;
left:0;
background-color: #005130;
box-shadow: 1px 1px 7px #222;
padding:0;
text-align: left;
transition: 0.2s ease all;
}
#headerRight ul ul li{
display:block;
width:200px;
transition: 0.2s ease all;
}
#headerRight ul ul li a:hover{
background: #429639 !important;
transition: 0.2s ease all;
}
#headerRight ul ul li a{
line-height:120%;
padding:10px 15px;
text-transform: none !important;
color: #FFFFFF !important;
}
#headerRight ul ul ul{
top:0;
left:100%;
}
#headerRight ul li:hover > ul{
display:block;
transition: 0.2s ease all;
}
#headerRight ul li:hover > a{
background: #005130 !important;
color: #FFFFFF !important;
}
#bannerContainer{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
#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;
}
#bannerImage{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
}
#bannerImage img{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
#bannerContainer:after{
content: '';
display: block;
clear: both;
}
#contentContainer{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
min-height: 500px;
display: block;
background: #FFFFFF;
font-family: Verdana, sans-serif;
}
.sub #content{
/*width: 100% !important;*/
width: 1250px;
margin: 0 auto;
padding: 0 !important;
}
#content{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 1rem;
}
#content:after{
content: '';
display: block;
clear: both;
}
#content img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
h1, h2{
color: #005130;
font-weight: normal;
}
#svyHeader{
background: #005130;
color: #FFFFFF;
font-weight: normal;
padding: 5px 0;
}
#svyHeader .ctHeader{
background: #005130 !important;
color: #FFFFFF !important;
}
#footerContainer{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
font-size: 15px;
background: #9FB190;
color: #FFFEFC;
}
#footerContainer a{
text-decoration: none;
color: #FFFEFC;
}
#preFooter{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
text-align: center;
padding: 1rem;
}
#preFooter img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#preFooter ul{
position: relative;
margin: 0 auto;
padding: 0;
text-align: center;
}
#preFooter li{
list-style: none;
display: inline-block;
text-align: center;
}
#preFooter li a{
text-decoration: none;
text-align: center;
display: block;
padding: 10px 15px;
text-transform: uppercase;
font-size: 0.8rem;
color: #FFFEFC;
}
#footer{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 2rem 1rem;
}
#footer:after{
content: '';
display: block;
clear: both;
}
#footer img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#footerLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 30%;
max-width: 100%;
height: auto;
text-align: left;
}
#footerCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 40%;
max-width: 100%;
height: auto;
text-align: center;
}
#footerRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 30%;
max-width: 100%;
height: auto;
text-align: right;
font-size: 1.2rem;
}
#footerRight .social li{
width: 33%;
}
#copyright{
position: relative;
display: block;
vertical-align: middle;
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
background: #9FB190;
color: #FFFEFC;
padding: 1rem;
font-size: 0.8rem;
}
.social{
position: relative;
margin: 0;
padding: 0;
}
.social li{
list-style: none;
display: inline-block;
}
#footer .social li a{
padding: 10px 15px 10px 0 !important;
font-size: 0.9rem;
}
.social li a{
text-decoration: none;
display: block;
padding: 10px 15px;
transition: 0.2s ease all;
text-align: center;
}
.social li a:hover, .social li a:focus{
opacity: 0.8;
transition: 0.2s ease all;
}
.TableStyle1{
border-collapse: collapse;
}
.TableStyle1 tr:nth-child(odd){
background: #EEEEEE;
}
.TableStyle1 tr:nth-child(even){
background: #FFFFFF;
}
.TableStyle1.center, .TableStyle1.center td{
text-align: center;
}
.LinkButton{
text-decoration: none;
background: #005130;
color: #FFFFFF !important;
display: inline-block;
vertical-align: middle;
padding: 10px 15px;
transition: 0.2s ease all;
}
.LinkButton:hover, .LinkButton:focus{
background: #429639;
transition: 0.2s ease all;
}
a#pull, a#pullSub{
display: none;
}
#leftSideBar{
position: relative;
display: inline-block;
vertical-align: top;
width: 20%;
max-width: 100%;
height: auto;
text-align: left;
padding: 0;
}
#leftSideBar ul{
	margin: 0 auto;
	padding: 0;
}
#leftSideBar li{
	list-style: none;
	display: block;
}
#leftSideBar li a{
	text-decoration: none;
	display: block;
	padding: 10px 15px;
}
#leftSideBar .mnuItemActive a{
	font-weight: bold;
text-transform: uppercase;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #EEEEEE;
}
#leftSideBar .mnuSub a{
padding: 7px 0px 7px 20px !important;
}
#leftSideBar .mnuSub .mnuItemMembers a{
font-weight: normal !important;
text-transform: none !important;
border-top: 0 !important;
border-bottom: 0 !important;
background: #F7F7F7 !important;
}
#leftSideBar .mnuSub .mnuItemActive a{
text-transform: none !important;
border-top: 0 !important;
border-bottom: 0 !important;
background: #F7F7F7 !important;
}
#leftSideBar .mnuSub{
border-bottom: 1px solid #CCCCCC;
}
#main{
position: relative;
display: inline-block;
vertical-align: top;
width: 80%;
max-width: 100%;
height: auto;
min-height: 500px;
text-align: left;
border-left: 1px solid #EEE;
padding: 1rem;
}
#id_cal_date_box{
background: #FFFFFF;
}
#id_cal_date_box a{
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
padding: 3px;
display: block;
text-align: center;
}
.mobileHide{
display: block;
}
.mobileShow{
display: none;
}
#calWeekDayHeader{
background: #005130 !important;
border: 1px solid #005130;
color: #FFFFFF !important;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal !important;
padding: 5px;
}
.formTable{
border-collapse: collapse;
}
.formTable input[type="text"], .formTable select, .formTable textarea{
width: 100%;
}
#quickLinks, #quickLinks ul{
positon: relative;
margin: 0;
padding: 0;
}
#quickLinks li{
list-style: none;
display: block;
}
#quickLinks li a, #quickLinks a{
text-decoration: none;
display: block;
padding: 10px 15px;
margin: 5px auto;
background: #F1F1F1;
color: #514F4C;
transition: 0.2s ease all;
}
#quickLinks li a:hover, #quickLinks a:hover, #quickLinks li a:focus #quickLinks a:focus{
background: #DDDDDD;
transition: 0.2s ease all;
}
/*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: #005130;
        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;
}
.upcomingEvents .modContent{
border-collapse: collapse;
}
.upcomingEvents .ctNormal{
border-bottom: 1px solid #EEEEEE;
transition: 0.2s ease all;
}
.upcomingEvents .ctNormal:hover, .upcomingEvents .ctNormal:focus{
background: #EEEEEE !important;
transition: 0.2s ease all;
cursor: pointer;
}
.upcomingEvents a{
text-decoration: none;
font-weight: bold;
}
.ctBulletinTitle, .ctBulletinTitle a{
text-decoration: none;
font-weight: bold;
font-size: 20px;
font-family: Verdana, sans-serif;
}
.clubNews .modContent{
border-collapse: collapse;
}
.clubNews .ctNormal{
border-bottom: 1px solid #EEEEEE;
text-align: center;
}
#pageWrapper{
position: absolute;
top: 0;
width: 100%;
max-width: 100%;
height: auto;
z-index: 1;
}
#fsSpecialRequests{
display: none !important;
}
img[src*="ico_people.gif"], img[src*="ico_delete.gif"]{
position: relative;
min-width: 18px;
width: 18px;
height: auto;
}
#hovHeadline{
font-family: Verdana, sans-serif !important;
font-weight: normal !important;
}
#mobileHeader, #mobileHeader a{
font-family: Verdana, sans-serif !important;
}
#app2023{
font-family: Verdana, sans-serif !important;
}
#mobileFooter2023{
position: fixed !important;
bottom: 0 !important;
width: 100%;
z-index: 9999;
}
#mobileContent2023{
margin-bottom: 100px !important;
padding: 1rem !important;
}
.fa-thin{
font-size: 2rem;
}
#app2023 h1, #app2023 h2{
margin-top: 0 !important;
}
#app2023 #pageName{
text-align: center !important;
}
#resDining, #resCourts{
display: none !important;
}
.inner{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner850{
position: relative;
width: 850px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.inner:after, .inner850:after{
content: '';
display: block;
clear: both;
}
@media only screen and (max-width: 768px){
#svyQuestionText{
display: block !important;
width: 100% !important;
}
#app2023 #hovHeadline{
font-size: 0.8rem !important;
font-family: Verdana, sans-serif !important;
font-weight: normal !important;
}
#app2023 .hovContent{
    top: 85% !important;
}
#app2023 .hov3Col {
    position: relative;
    display: inline-block !important;
    vertical-align: top;
    width: 33.33% !important;
    max-width: 100%;
    height: auto;
    font-size: 0.5rem;
}
.hov2Col {
    position: relative;
    display: block !important;
    vertical-align: top;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    font-size: 1rem;
}
#navMod2023 li a{
text-align: left;
    background: #005130;
    color: #FFFFFF;
}
#navMod2023 .mnuItemActive a{
text-transform: uppercase;
font-weight: bold;
}
#navMod2023 .mnuItemActive .mnuItemActive a{
text-transform: none !important;
font-weight: bold;
padding-left: 15px;
background: #EEEEEE;
color: #005130 !important;
}
#navMod2023 .mnuItemMembers a{
border-bottom: 1px solid #003820;
}
#navMod2023 .mnuItemActive .mnuItemMembers a{
border-bottom: 0 !important;
background: #F7F7F7;
padding-left: 15px;
color: #005130 !important;
}
#navMod2023 .mnuItemMembers a{
text-transform: none !important;
font-weight: normal !important;
}
#navMod2023 .mnuSub{
margin: 0;
padding: 0;
}
.sub #content{
padding: 2rem !important;
}
#pageWrapper{
position: relative !important;
}
.mobileHide{
display: none !important;
}
.mobileShow{
display: block !important;
}
a#pull, a#pullSub{
display: block !important;
text-decoration: none;
padding: 10px 15px;
transition: 0.2s ease all;
}
a#pull{
color: #005130 !important;
text-transform: uppercase;
letter-spacing: 1px;
}
a#pullSub{
background: #005130 !important;
color: #FFFFFF !important;
text-transform: uppercase;
letter-spacing: 1px;
}
#leftSideBar{
display: block !important;
width: 95% !important;
margin: 0 auto;
padding: 1rem 0;
}
#main{
display: block !important;
width: 100% !important;
border-left: 0 !important;
}
#sideLinks{
display: none;
border-right: 1px solid #005130;
border-bottom: 1px solid #005130;
border-left: 1px solid #005130;
}
#sideLinks li a{
border-bottom: 1px solid #EEEEEE;
}
#headerLeft{
width: 28% !important;
}
#headerCenter{
width: 50% !important;
display: inline-block !important;
}
#headerRight{
width: 22% !important;
}
.mobileTable, .mobileTable tbody, .mobileTable tr, .mobileTable th, .mobileTable td{
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
#footerLeft, #footerCenter, #footerRight{
display: block !important;
width: 100%;
max-width: 100%;
height: auto;
margin: 1rem auto;
text-align: center !important;
}
.upcomingEvents .ctBulletin{
display: table-cell !important;
width: auto !important;
}
/* Edit Profile - Mobile Styles */
form[name="usp_Form"] #inpFirst, form[name="usp_Form"] #inpMiddle, form[name="usp_Form"] #inpLast{
display: inline-block !important;
verical-align: top;
}
form[name="usp_Form"] #lblFirst, form[name="usp_Form"] #lblMiddle, form[name="usp_Form"] #lblLast{
display: none !important;
}
form[name="usp_Form"] #inpMiddle{
padding-left: 4px;
}
form[name="usp_Form"] input[name="usr_firstname"], form[name="usp_Form"] input[name="usr_lastname"]{
display: inline-block !important;
width: 100% !important;
}
form[name="usp_Form"] .input[name="usr_initial"]{
display: inline-block;
width: 100% !important;
}
form[name="usp_Form"] td{
display: block !important;
text-align: left;
vertical-align: top !important;
white-space: normal;
}
form[name="usp_Form"] input[type="text"]{
display: inline-block !important;
text-align: left;
width: 85%;
}
/* Calendar - Mobile Styles */
#calWeekDayHeader{
display: none !important;
}
#calMonthTable, #calMonthTable tbody, #calMonthTable tr, #calMonthTable th, #calMonthTable td{
display: block;
width: 100%;
max-width: 100%;
height: auto !important;
text-align: left !important;
}
#calMonthTable td div{
text-align: left !important;
}
#calViewSelector td{
display: block !important;
text-align: center !important;
}
/* Member Roster - Mobile Styles */
#mdMemberDirectory table, #mdMemberDirectory tbody, #mdMemberDirectory tr, #mdMemberDirectory th, #mdMemberDirectory td{
	display: block;
	width: 100%;
}
#mdLetterLookup, #mdLetterSelected{
display: inline-block !important;
width: auto !important;
    margin: 5px;
    padding: 10px 15px;
}
#mdLetterSelected{
background: #545454 !important;
color: #FFFFFF !important;
}
#mdLetterSelected a{
color: #FFFFFF !important;
text-decoration: none;
}
#mdLetterLookup a{
text-decoration: none;
}
#gridPageNavigation td{
text-align: left !important;
}
.pgNavPagesGrid{
display: inline-block !important;
width: auto !important;
text-align: center;
}
.pgNavPagesGrid a{
display: block;
padding: 5px;
}
#navMod{
display: none;
position: relative;
margin: 0;
padding: 0;
}
#navMod li{
list-style: none;
display: block;
}
#navMod li a{
text-decoration: none;
display: block;
padding: 10px 15px;
text-align: left !important;
color: #FFFFFF !important;
background: #005130 !important;
}
#navMod ul{
display: none !important;
}
#navMod .mnuItemActive a{
font-weight: bold;
text-transform: uppercase;
}
#bannerText{
font-size: 2rem !important;
}
}