html, body { height: 100%; }
#aspnetForm { height: 100%; }
body { background-color: #fff; color: #555; font-family: 'PT Sans' , 'Arial' , Sans-Serif; line-height: 1.8em; font-weight: normal; font-size: 18px; margin: 0px auto; }
#wrap { min-height: 100%; margin-bottom: -85px; background-color: #fff; }
#wrap:after { display: block; }
#main { overflow: hidden; padding-bottom: 85px; background-color: #fff; }
.page { width: 960px; margin: 0px auto; padding-left: 10px; padding-right: 10px; }
#header { width: 100%; height: 64px; background-color: #008754; padding: 0px; }
#logo_div { width: 350px; height: 64px; padding-left: 0px; float: left; }
#logo_div a { color: #fff; text-decoration: none; }
.LogoHyperlink { margin: 0px; padding: 16px 0px 0px 60px; height: 50px; background-image:url(images/dd-logo.png); background-repeat:no-repeat; display: block; font-family: 'PT Sans' , 'Arial' , Sans-Serif; font-weight: 400; font-size: 30px; line-height:1.3em; }
#mobile_menu_div { display: none; }
#menu_div { display: block; float: right; margin-top: 14px; }
#mobile-menu { width: 100%; background-color: #222; }
MobileMenuButton { outline: none; }
#footer { padding: 0px; clear: both; background-color: #414441; font-size: 15px; color: #eee; height:85px; }
#footer a { color: #fff; }
#footer a:hover { color: #fff; }

h1 { font-size: 32px; font-family: Roboto, Sans-Serif; line-height: 1.3em; color: #003300; }
h2 { font-size: 26px; font-family: Roboto, Sans-Serif; line-height: 1.3em; color: #003300; }
h3 { font-size: 20px; font-family: Roboto, Sans-Serif; }
h4 { font-size: 15px; font-family: Roboto, Sans-Serif; font-weight: bold; line-height: 1.2em; margin-bottom: 0px; }
input { font-family: 'PT Sans' , 'Arial' , Sans-Serif; }
a { color:#0088aa; text-decoration:none; }
ul { list-style-type:none; }

.smis { border-bottom-color: #eee; font-size: 18px; }
a.smis { color: #fff; display: block; padding: 0px 10px; margin: 0px 6px; font-weight: bold; }
.shs a { background-color: #ccc; color: #000; }
.sss { background-color: #444; }
.sss a { color: #fff; }

.sms2 { width: 100%; font-size: 24px; }
.smis2 { color: #fff; padding: 5px 10px; }
.smis2 a { display: block; }
.shs2 { background-color: #555; width: 100%; }
.shs2 a { background-color: #555; width: 100%; }


.dskt { display:block; }
.mob { display:none; }
.chktbl { margin-top: 20px; }
.chk1 { text-align:center; }
.chk2 { text-align:left; }

#content { padding-bottom: 30px; }
#content a { color: #00aaff; }
#content a:hover { color: #0099ff; }

#contact1 { float: left; min-width: 400px; padding-bottom: 30px; }
#contact2 { float: left; min-width: 500px; border-left: solid 1px #ddd; padding-left: 60px; padding-bottom: 30px; }
#contact2 input { width: 270px; }
#contact2 textarea { width: 270px; }
.tbl { display: table; width:inherit; }
.tblfw { display: table; width: 100%; }
.tr { display: table-row; }
.th { display: table-cell; }
.td { display: table-cell; vertical-align: middle; text-align: left; padding: 10px; }

.WatermarkCss { font-size:14px; color:#aaa; padding:10px; }

.TextBox { font-size:18px; color:#222; padding:8px; }
.TextArea { font-size:18px; color:#222; padding:8px; width:90%; }
.LoginButton { padding:10px; font-size:16px; }

.FindTextBox { padding: 10px; width: 400px; font-size:20px; }
.add-loc-tb { width:500px;}

#ResultsTable { width:50%; height: 560px; }
#map { width:50%; height: 560px; }

#copyright { font-size:12px; }

/*
*/
/*
.FiveStarHyperlink { margin: 0px; padding: 2px 0px 0px 10px; height: 42px; display: block; font-family: 'PT Sans' , 'Arial' , Sans-Serif; font-size: 14px; font-weight: bold; position: relative; top: -10px; }
*/
/*
#address_div { font-size: 12px; font-weight: normal; text-align: right; margin-right: 20px; margin-bottom: 10px; line-height: 1.4em; color: #000; }

#header-img { width: 100%; display: block; }



.PopupHeaderPanel { color: #555; font-size: 14px; font-weight: bold; }
.ModalPopupBackground { height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }

ss.home-gallery-img { filter: grayscale(10%); -webkit-filter: grayscale(10%); -moz-filter: grayscale(10%); filter: grayscale(10%); filter: gray; -webkit-filter: grayscale(0.1); }
.home-gallery-img { filter: #555; -webkit-filter: #555; -moz-filter: #555; filter: #555; filter: gray; -webkit-filter: grayscale(0.1); }
.home-gallery-img:hover { filter:none; -webkit-filter:none; -moz-filter:none; filter:none; filter:none; -webkit-filter:none; }

.TextBox { padding:4px; }

.cdiv { margin-top:10px; }
.cdiv input, .cdiv textarea { width:400px;}
.vimg { width:inherit; }

.vfacilities li { list-style-image: url(images/checkmark.png); margin-bottom:20px;  }
*/

@media print {
    #banner { display: none !important; }
    .no-print { display: none !important; }
}

@media screen and (min-width: 880px) and (max-width: 1080px) {
    .page { width: auto; padding-left: 20px; padding-right: 20px; }
    z#logo_div { display: block; width: 300px; height: 58px; font-family: 'Exo'; font-size: 48px; font-weight: 900; padding-left: 10px; float: left; }
    .smis { font-size: 18px; }
    .smis a { display: block; padding: 0px 10px; }
    #ResultsTable { width:50%; height: 560px; }
    #map { width:50%; height: 560px; }
}

@media screen and (min-width: 800px) and (max-width: 879px) {
    .page { width: auto; padding-left: 20px; padding-right: 20px; }
    z#logo_div { display: block; width: 300px; height: 58px; font-family: 'Exo'; font-size: 38px; font-weight: 900; padding-left: 10px; float: left; }
    .FiveStarHyperlink { display:block; }
    .chktbl { margin-top: 10px; }
    .smis { font-size: 18px; }
    .smis a { display: block; padding: 0px 5px; }
    #ResultsTable { width:50%; height: 560px; }
    #map { width:50%; height: 560px; }
}

@media screen and (min-width: 700px) and (max-width: 799px) {
    .page { width: auto; padding-left: 10px; padding-right: 10px; }
    z#logo_div { display: block; width: 280px; height: 58px; font-family: 'Exo'; font-size: 28px; font-weight: 900; padding-left: 10px; float: left; }
    .LogoHyperlink { font-size:24px; }
    .FiveStarHyperlink { display:block; }
    .chktbl { margin-top: 0px; }
    .smis { font-size: 14px; }
    .smis a { display: block; padding: 0px 4px; }
    #ResultsTable { width:50%; height: 560px; }
    #map { width:50%; height: 560px; }
}

@media screen and (max-width: 699px) {
    .page { width: 95%; }
    #logo_div { width: 330px; height: 64px; padding-left: 0px; float: left; }
    .LogoHyperlink { padding: 13px 0px 0px 60px; font-size: 26px; }
    #mobile_menu_div { display: block; padding: 16px 0px 0px 10px; font-size: 12px; vertical-align: middle; }
    .FindTextBox { width: 90%; }
    #menu_div { display: none; }
    .tbl { display: block; }
    .tr { display: block; }
    .th { display: block; }
    .td { display: block; }
    #ResultsTable { width:100%; height: 560px; }
    #map { width:100%; height: 560px; }
}
@media screen and (max-width: 500px) {
    .page { width: auto; padding-left: 10px; padding-right: 10px; }
    #logo_div { width: 180px; height: 60px; padding-left: 0px; float: left; }
    .LogoHyperlink { padding: 10px 0px 0px 60px; font-size: 18px; }
    #mobile_menu_div { display: block; padding: 16px 0px 0px 10px; font-size: 12px; vertical-align: middle; }
    #footer { height:90px; }
    .FindTextBox { width: 90%; }
    .tbl { display: block; }
    .tr { display: block; }
    .th { display: block; }
    .td { display: block; }
    #ResultsTable { width:100%; height: 100%; }
    #map { width:100%; height: 560px; }
}

@media screen and (max-width: 320px) {
    #logo_div { width: 140px; height: 60px; padding-left: 0px; float: left; }
    .LogoHyperlink { padding: 10px 0px 0px 60px; font-size: 14px; }
    #mobile_menu_div { display: block; padding: 16px 0px 0px 10px; font-size: 12px; vertical-align: middle; }
    #footer { height:120px; }
    .FindTextBox { width: 90%; }
    .TextBox { width: 90%; }
    .tbl { display: block; }
    .tr { display: block; }
    .th { display: block; }
    .td { display: block; }
   
}