@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Ubuntu);
p.button { padding:0px; margin:0px; display:inline;}
p.button a { padding:0px; margin:0px; display:inline-block;}
p.button a:hover {padding:0px; margin:0px; display:inline-block; }

ul.nav,
.nav ul, .nav p {
  /*Remove all spacings from the list items*/
  margin: 0px;
  padding: 0px;
  cursor: default;
  list-style-type: none;
  display:inline;
}


body  {
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #303030;
  background-color: #FFF;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  background-image: url(images/PSP_BG.gif);
  background-position: center top;
}
#container {
  width: 1006px;
  text-align: left;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
#header {
  background-image: url(images/PSP_Header.png);
  background-repeat: no-repeat;
  height: 120px;
  float: left;
  width: 1006px;
  text-align: right;
  padding: 0px;
  position:relative;
}

#logo {width:362px; height:74px; position:absolute; left:53px; top:28px; z-index:90;}

#tagline_icon {width:452px; height:133px; position:absolute; top:0px; right:19px; z-index:80; background:url(images/PPC_tagline_icon.png) no-repeat;}

a.phone_number {width:auto; position:absolute; right:127px; top:62px; text-align:right; font:30px 'Ubuntu', sans-serif; color:#706b76; text-decoration:none; z-index:90;}
a:hover.phone_number {width:auto; position:absolute; right:127px; top:62px; text-align:right; font:30px 'Ubuntu', sans-serif; color:#706b76; text-decoration:none; z-index:90;}

a.makebooking_link {width:246px; height:83px; position:relative; margin:0px; display:block; background: url(images/PSP_booking_A.png) no-repeat right; text-decoration:none; border:0px;}
a:hover.makebooking_link {width:246px; height:83px; position:relative; margin:0px; display:block; background: url(images/PSP_booking_ROLL_A.png) no-repeat right; text-decoration:none; border:0px;}

a.requestbooking_link {width:246px; height:83px; position:relative; margin:10px 0 0 0; display:block; background: url(images/PSP_booking_B.png) no-repeat right; text-decoration:none; border:0px;}
a:hover.requestbooking_link {width:246px; height:83px; position:relative; margin:10px 0 0 0; display:block; background: url(images/PSP_booking_ROLL_B.png) no-repeat right; text-decoration:none; border:0px;}

a.facebook_link {width:223px; height:38px; position:relative; margin:8px 0px 8px 23px; display:block; background:url(images/PPC_facebook_link.png) no-repeat right; text-decoration:none; border:0px;}
a:hover.facebook_link {width:223px; height:38px; position:relative; margin:8px 0px 8px 23px; display:block; background: url(images/PPC_facebook_linkRO.png) no-repeat right; text-decoration:none; border:0px;}

.footerPanel_CTAs {display:none;}

#Wrapper {
  height: auto;
  clear: both;
  width: 1006px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url(images/PSP_ContentSlice.png);
  background-repeat: repeat-y;
  padding: 0px;
}
#leftPanel {
  width: 246px;
  text-align: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  float: left;
  height: auto;
}
#menu_1 {
  width: 246px;
  text-align: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  position:relative;
  height: auto;
}
#mainContent {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 246px;
  width: 695px;
  padding-top: 0px;
  padding-right: 45px;
  padding-bottom: 0px;
  padding-left: 20px;
  position:relative;
  z-index: 50;
}
#memberlogo {
  margin-left:23px;}
#memberlogo2 {display:none;}
#footer {
  background-image: url(images/PSP_Footer.png);
  background-repeat: no-repeat;
  height: 51px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0;
  padding-left: 0px;
  clear: none;
  margin: 0px;
  float: left;
  width: 1006px;
}
#footer .runner {
  float: right;
  position: relative;
  z-index:5;
  top: -228px;
  left:-35px;
  
  }
#footer p {
  margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #868889;
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 34px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
  color: #868889;
  text-decoration: underline;
}
#footer a:hover {
  color: #333;
  text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent h1 {
  font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  color: #7877b2;
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#mainContent h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #1a161a;
  margin: 0px;
  padding-top: 7px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: normal;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1a161a;
}
#mainContent h3 {
  font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: 700;
}
#mainContent h4 {
  font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: 700;
  font-style: italic;
}
#mainContent p {
  /* margin: 0px; */
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}
#mainContent ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}
#mainContent li {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 0px;
  list-style-type: disc;
  list-style-position: outside;
}

#mainContent img {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}
#mainContent a:link, #mainContent a:active, #mainContent a:visited {
  color: #F00;
  text-decoration: underline;
}
#mainContent a:hover  {
  color: #832828;
  text-decoration: underline;
}

#mainContent .spacer-gif {
        border: none;
}
.csc-caption {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
}



.csc-mailform ul, .csc-mailform ol, .csc-mailform li {list-style:none; margin:0 auto; padding:0; max-width:540px;}
form ol {list-style:none; margin:0 auto; padding:0;}
form li {margin:40px auto; position:relative;}
div.csc-mailform ol li {margin:16px 0; padding:0; max-width:540px;}
label {font-size:16px; line-height:44px;}
input[type="submit"]{font-family:'Roboto', Sans-serif; white-space:normal; position:relative; overflow:hidden; display:block; border:none; text-decoration:none; text-align:center; color:#ffffff; font-size:18px; font-weight:700; text-transform:uppercase; background-color:#7877b2; line-height:28px; height:auto; padding:16px 30px; margin:10px 0; border:none; transition:all 0.3s; border-radius:5px;}
input[type="submit"]:hover {background-color:#7b4984; color:#ffffff; text-decoration:none; cursor:pointer;}
textarea, input, select {width:100%; line-height:44px; height:44px; box-sizing:border-box; border:1px solid #D6D6D6; background-color:#EAEAEA;}
input, select, option, textarea {font-size:14px; line-height:44px; padding:5px; font-family:'Roboto', sans serif; background-color:#EAEAEA;}
textarea {height:auto; resize:vertical; line-height:26px;}
input[type="checkbox"] {display:none; width:auto; height:auto;}
div.csc-mailform li input[type="checkbox"] + label {margin-left:0;}
input[type="checkbox"] + label:before {content:""; display:inline-block; cursor:pointer; vertical-align:top; width:30px; height:30px; margin:6px 6px 6px 0; border:1px solid #D6D6D6; background-color:#EAEAEA; font-family:'Material Icons'; line-height:30px; text-align:center; font-size:24px; color:#4d4d4d;}
input[type="checkbox"]:checked + label:before {content:"\E5CA";}
.csc-mailform .csc-form-element-radiogroup legend {float:left}
.csc-mailform .csc-form-element-radiogroup label {width:auto; margin:0 10px 0 0; }
.csc-mailform .csc-form-element-radiogroup input {margin:0 30px 0 0; }
.csc-mailform .csc-form-element-radiogroup ol {margin:0; padding:0; display:block; top:0; width:280px; overflow:hidden;}
#content .csc-mailform .csc-form-element-radiogroup ol li {margin:0 0 0 0; padding:0; }

/* --- Blog --- */
.blog {font-size:0;}
.blog-entry {display:inline-block; vertical-align:top; max-width:230px; font-size:12px; padding:10px; box-sizing:border-box;}
.blog-image {display:block; padding-top:10px;  border-top:1px solid #e2e2e2;}
.blog-image img {max-width:100%; margin:0 0 10px 0 !important; vertical-align:top;}
.blog-title {border-bottom-color:#e2e2e2 !important; padding:10px 0 !important; font-size:18px !important;}
.blog-title a {color:#7877b2 !important; text-decoration:none !important;}
.blog-teaser {line-height:1.5;}
.blog-button {display:block; text-align:center; background:#7877b2; padding:10px; color:#ffffff !important; text-decoration:none !important; border-radius:4px;}
.blog-button:hover {background:#8786b3;}


/* --- Book Now Banner --- */
.book-banner {background: #6D6CA9; width: 100%; box-sizing: border-box;}
.book-banner_content {display: flex; align-items: center; flex-direction: row; justify-content: center; margin: 0 auto; padding: 15px; box-sizing: border-box;}
.book-banner_text {font-size: 15px;  line-height: 20px; color: #FFFFFF;}


/* --- Updates 2022 --- */
#mainContent p {
  line-height: 1.25;
}

#mainContent h2 {
  margin-bottom: 5px;
}

#mainContent h2.h3 {
  font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: 700;
}

.btn {
  margin-top: 5px;
  background-color: #7877b2;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700;
  padding: 10px;
}
    
.btn:hover {
  background-color: #4e3977;
  text-decoration: none;
}