a.nound{text-decoration:none !important;color:#000000;}
a.nound:hover{text-decoration:none !important;color:#0069AC;}

td#tdTopMenu60{display:table-cell;}/*  display:none; or  display:table-cell;  to see momentarily */

/* state pages */
DIV.stateClasses{margin:0 auto 0 auto;}/*main container for state-specific pages*/

/* HEADER DESIGN */
.hdGreen{
width:100% !important;
background:#7CB7B1;
border-top:3px solid #692441;
border-bottom:6px solid #0476B4;
margin:0; 
padding:0;
justify-content:center;
align-items:center;
}

.hdGreen div#logoContainer {
    display:inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
}
.hdGreen div#headerText {
    display: inline-block;
    width: 100%;
    padding: 5px 0px ;
    text-align: center;
}

.title-bigger {
    
}

.hdGreen div#google_translate_element {
    display:inline-block;
    width: 100%;
    padding: 5px 0px ;
    height: 50px;
    text-align: center;
}

div#headerContent {
    width: 100%;
    justify-content: center; 
    align-items: center;
}
 

TABLE.hdTable {width:75%; margin:0 auto 0 auto;}/*inside hdGreen 100% */
TABLE.hdTable TR TD{text-align:left;}
TABLE.hdTable TR TD:nth-child(1){width:105px;overflow:none;}
TABLE.hdTable TR TD:nth-child(3){width:150px;overflow-y:visible;}
IMG.hdLogo{
margin:2px 15px 2px 0;
width:90px; 
height:auto;
}

TABLE.hdTable TR TD P{
font-family:'Special Elite',sans-serif !important;
font-size:22px;
color:#ffffff !important;
}

div#headerText {
    font-family:'Special Elite', sans-serif !important;
    font-size:22px;
    color:#ffffff !important;
}

TABLE.hdTable TR TD P A{
color:#ffffff !important;
text-decoration:none;
}
TABLE.hdTable TR TD P.hdBigger{margin-top:10px;}
TABLE.hdTable TR TD P.hdBigger A{font-size:34px;}

DIV.hdWhite{
width:1024px;
margin:0 auto 0 auto; 
position:relative;
background:#ffffff;
padding:10px 0 10px 0;
padding-top:10px;
} 
div.hdWhite P{
margin-top:0;
font-size: 24px !important;  
color:#202020 !important; 
font-family:'Lato',sans-serif !important; 
}
.hdSearch{
padding-top:10px;
position:absolute;/*parent hdWhite is relative*/
left:503px; 
top:-3px;
z-index:1000;/*lower than 2000 #TopMenu anylinkcss*/
}
TEXTAREA#hdSearchBox{
width:500px;
background-color:#e9ebec;
margin:0;
padding: 6px;
color:#888888;
font-size:18px;
line-height:normal;
border:1px solid #cccccc;
border-radius:6px;
-moz-border-radius:6px;
resize:none;
outline:0;/*omit "glow" on focus*/
}
#HeaderDesignDiv div#hdSearchResults{
display:none;
background-color:#EEEFF0; 
color:#000000;
line-height:normal; 
padding:15px; 
margin:0 0 50px 0;
border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px; 
border-bottom-right-radius:10px; 
-moz-border-bottom-right-radius:10px;
border-radius:10px;
-moz-border-radius:10px; 
border-left:1px solid #cccccc; 
border-right:1px solid #cccccc; 
border-bottom:1px solid #cccccc;
color:#000000;
font-size:13px;
line-height:normal;
}
div#hdSearchResults P, div#hdSearchResults DIV, div#hdSearchResults A{
color: #000000;
font-size:13px;
line-height:normal;
}
div#hdSearchResults A{
color:#0069AC !important;
text-decoration:underline !important;
}
/*END HEADER DESIGN*/

/*PAGE BODY*/
/*
H1, 
H1.calendar{
text-align:center;
font-size:32px;
font-family: 'Special Elite',sans-serif;
margin:0;
padding:30px 0 10px 0;
border-bottom:1px solid #dddddd;
line-height:normal !important;
}*/
/*
H2{
text-align:center;
font-size:24px;
font-family: 'Special Elite',sans-serif;
color:#0069AC;
margin:20px 0 20px 0;
line-height:normal !important;
}
*/
table.calendarDates{width:100%;margin:0;}
table.calendarDates TD{border:0 !important;}


/* HOMEPAGE BODY */
DIV.hpChoose{
background:#6F2341;
padding:8px;
margin-top:-4px;
}
DIV.hpChoose P{text-align:center;color:#FCED0A !important;}

.bodyPad.notLeft{padding-left: 0px;}
.bodyPad.notRight{padding-right: 0px;}

/*ROUND wine color HOMEPAGE & COURTS PAGE NAV BUTTONS 
LIKE: <div class="navRoundButton">  */
div.hpNavButtons{display:block;width:240px;overflow:hidden;}
div.navRoundButton{
display:block;
width:220px;
padding:5px 10px;
margin:8px 0 8px 0;
text-align:center;
color: #ffffff !important;
border:2px solid #481A2E;
font-weight: normal;
letter-spacing: .5px;
transition: all 0.3s ease-out;
background-color:#6F2341;
box-sizing: border-box;
border-radius:25px;
-moz-border-radius:25px;
font-size: 14px;
text-decoration:none !important;
overflow:hidden;
cursor:pointer;
}
div.navRoundButton:hover,
div.navRoundButton.on{
background-color: #ffffff;
color:#481A2E !important;/*dark wine text*/
}

/*HOMEPAGE & COURTS PAGE sub navigation WINE COLOR BUTTONS */
a.subnavRoundButton{
display:block;
float:right;
width:190px;
margin:8px 0 8px 0;
text-align:center;
overflow:hidden;
color: #ffffff !important;
border: 2px solid #481A2E;
font-weight: normal;
transition: all 0.3s ease-out;
background-color:#6F2341;
box-sizing: border-box;
border-radius: 18px;
-moz-border-radius:18px;
font-size: 13px;
padding: 4px 8px;
text-decoration:none !important;
cursor:pointer;
}
a.subnavRoundButton:hover{
background-color: #ffffff;
color:#481A2E !important;/*dark wine*/
}
a.subnavRoundButton.left{/*on courts page*/
float:none;
}
/* END  HOMEPAGE &COURTS PAGE sub navigation WINE COLOR BUTTONS */ 



/*AD VIDEO*/
iframe.adVideo{margin-bottom:50px;}/*video page*/
#index div.adVideo.home{
border:0;
display:block;
float:right;
margin:-25px 0 -55px 10px;
width:640px;
height:480px;
}
#index iframe.adVideo.home{
width:640px;
height:480px;
}
H2.hp{margin:0 0 10px 0;line-height:normal;}
TABLE.hpGroup {width:100%;} 
.hpClassBorder{/* used in inc_homePage.cfm  webm include */
padding:10px;
border:1px solid #0075BB;
border-radius:10px;
-moz-border-radius:10px;
margin-bottom:20px;
background:#E0F4F2;
}
.hpClassBorder.white{background:#ffffff;}
table.courseTable{width:100%;}
table.courseTable tr td{vertical-align:top;padding:0;line-height:normal !important;}
table.courseTable tr td:nth-child(1){width:86px;}
table.courseTable tr td:nth-child(1) div{margin:0 6px 20px 0;}
table.courseTable tr div.name a {
text-decoration:none !important;
font-weight:bold !important;
}
table.courseTable tr td div.upcoming {margin:6px 0 0 0;line-height:normal;}

/*BUTTONS*/
/* FOR ROUNDED RED BUTTONS : USE  LIKE: <a class="aRoundButtonRed">  */
a.aRoundButtonRed {
color: #800000 !important;
border: 2px solid #800000;
font-weight: normal;
letter-spacing: 1px;
transition: all 0.3s ease-out;
background-color: transparent;
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 15px;
padding: 10px 20px;
text-decoration:none !important;
line-height:1;
}
a.aRoundButtonRed:hover {
background-color: #800000;
color:#ffffff !important;
}
/*end Red Rounded buttons */

/* FOR ROUNDED WHITE BUTTONS : USE  LIKE: <a class="aRoundButton">  */
a.aRoundButton {
color: #ffffff !important;
border: 2px solid #ffffff;
font-weight: normal;
letter-spacing:1px;
transition: all 0.3s ease-out;
background-color: transparent;
box-sizing:border-box;
border-radius:30px;
-moz-border-radius:30px;
font-size:14px;
padding:10px 20px;
text-decoration:none !important;
line-height:normal;
}
a.aRoundButton:hover {
background-color: #ffffff;
color:#2c2724 !important;
}
/*End white buttons */


/* FOR COURTS page & EXTENDED SERVICES PAGE */
/*wine colored buttons for login on courts page*/
a.winebutton.login{width:120px;margin:0 auto 0 auto;}
a.winebutton.video{
background:#7CB7B1;/* green like site top */
border:1px solid #0074BA;/* blue like site top */
text-decoration: none !important;
}
a.winebutton.video span{color:#000000;font-weight:bold;}
div.topOfCourtPage{margin-top:-60px;}

/* EVENT INFO PAGE */
H2.eventSub{
margin-bottom:5px !important;
text-align:left !important;
}
H2.event{
font-size:32px;
margin-bottom:30px;
border-bottom:1px solid #dddddd;
}

/* SHOPPING CART PAGES */
h1.cartTitle{border-bottom:0 !important;}
/* hide the class search while on Cart pages */
#pagetype_Cart .hdSearch {display:none !important;} 
#pagetype_Cart_Admin .hdSearch{display:none !important;}
#pagetype_Cart_Admin #TopMenuDiv{display:none !important;}
#pagetype_Cart_Admin #FooterMenuDiv{display:none !important;}
#pagetype_Cart_Admin #PageFooterDiv{display:none !important;}

/*CALENDAR PAGE & ONLINE-CLASSES PAGE */
#calendar-page table#calendarListTable{margin-bottom:40px;}
#online-classes table#calendarListTable{margin-bottom:30px;}
#index table.courseTable td,
#calendar-page table#calendarListTable td,
#online-classes table#calendarListTable td{line-height:1 !important;}

.LgrHeadiTxt{line-height:normal !important;}
#sitemap #PageBodyDiv A{line-height:1 !important;}


/*
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
?

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

    .hdGreen div#logoContainer {
        display:inline-block;
        width: auto;
        text-align: left;
    }
    .hdGreen div#headerText {
        display: inline-block;
        width: 60%;
        height: 50px;
        vertical-align: top;
        padding: 15px;
        text-align: left;
    }
    .hdGreen div#google_translate_element {
        display:inline-block;
        width: 15%;
        height: 50px;
        padding: 15px;
        vertical-align: top;
        float: right;
    }

    div#headerContent {
        width: 1024px; max-width: 1024px; 
        margin: 0 auto; 
        justify-content: center; 
        align-items: center;
    }

    .title-bigger {
        font-size: 34px;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }