/* COLORS

text - gray beige: #5D5F60
submenu border - light brown: #DFDBC3
news sidebar bg - light blue: #D6E4ED
home page dark blue: #3B89A1
*/

/* Imports
------------------------------------------------------------*/
@import "layout.css";
@import "gallery.css";
/* @import "menu.css"; */

body {
background:#595A5B;
background:#ccc;
color:#5D5F60;
margin:0;
padding:0;
font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


a img {margin:0;padding:0;border:none;}
a {color:#003399;text-decoration:none}
a:hover {text-decoration:underline;}
#main a:hover {text-decoration:underline;}

h1 {font-size:2.5em;margin:0;padding:0}
h2 {line-height:1.2em;font:italic 1.5em georgia,serif;margin:0 0 .3em 0;padding:0;color:#000;}
h3 {font-size:1.1em;margin:0;padding:0;}
h4 {font-size:1em;margin:0;padding:0;}
h5 {font-size:1em;margin:0;padding:0;}

h2 a {color:#000}
h2 a:hover {color:#5D5F60;text-decoration:none}

p {margin:0 0 15px 0;}

.clear {clear:both;display:block;height:0;}
.hidden {display:none}
.required {color:#999;font-size:1.3em}
.hidden {display:none}
.error {background:firebrick;color:#fff;padding:3px}

ul {}
li {}

.debug {
text-align:left;
background:#333;
color:#ccc;
padding:25px;
}

.debug, .debug pre {
font-size:11px;
font-family:verdana;
}


/* HOME PAGE BANNER
------------------------------------------------------------*/
#home-header {
background:#80BDDA url(/_media/assets/blanketbay-landscape.jpg) no-repeat center top;
min-height:466px;
text-align:center;
}
#home-logo {
display:block;
padding:60px 20px;
}
#home-logo:active {
outline:0;
}

#home-images {
margin-top:165px;
}
#home-images span {
padding:0 5px;
}




/* INSIDE BANNERS
------------------------------------------------------------*/

.banner img {
float:left;
width:940px;
height:250px;
border:none;
padding:0;
margin:-2.5em 0 0 0;
margin:0;
}

.banner-links {
margin:-1.8em 30px 0 ;
padding:0;
float:right;
}
.banner-links a {
margin:0 0 0 15px;
color:#fff;
font-weight:bold;
}
.banner-links a:hover {
text-decoration:none;
color:#000;
}

a.header-link {
background:transparent url(/_themes/public/images/triangle.gif) no-repeat bottom left;
padding-left:15px;
}



/* SUBMENU - the left hand column
------------------------------------------------------------*/
.submenu h3 {
padding-bottom:.5em;
}
.submenu ul {
list-style:none;
padding:0;
margin:0 0 2em 0;
border-top:1px solid #C0BD85;
border-color:#DFDBC3;
display:block;
}
.submenu li {
display:inline;
}
.submenu li a {
text-decoration:none;
color:#555;
border-bottom:1px solid #DFDBC3;
display:block;
width:100%;
padding:.5em 0;
}
.submenu li a:hover {
color:#000;
}
.submenu li a.current {
color:#88b023;
color:#000;
font-weight:bold;
}
.submenu p {
margin:0;
}


/* CONTENT
------------------------------------------------------------*/
h2.intro {
margin:0;
clear:both;
padding:1.3em 0;
text-align:center;
letter-spacing:-0.02em;
font:italic 1.5em Georgia,sans-serif;
color:#575253;
text-transform:none;
}


/* Home Page Content
------------------------------------------------------------*/
.home-profile .pad ,
.latest-article .pad {
text-align:justify;
padding:10px 80px 15px 80px;
margin:0;
}

.home-profile {background:#3B89A1 url(/_themes/public/images/homenews-topborder.gif) repeat-x top left; color:#fff; width:100%; padding:0;}
.home-profile h2 {color:#fff;text-align:center;font-size:2em;letter-spacing:0.03em;}
.home-profile p {text-align:justify;}
.home-profile p.slogan {text-align:center;font-weight:bold;font-size:1.1em}

.latest-article {background:#80BDDA url(/_themes/public/images/homeprofile-topborder.gif) repeat-x top left; color:#fff; width:100%; margin:0; padding:0;}
.latest-article h2, .latest-article .meta , .latest-article p , .latest-article a {color:#14414F}

.latest-article p {margin-bottom:1em}
.latest-article .article-image {float:left;padding:0 30px 30px 0;}



/* HOME PAGE KEY IMAEGS
------------------------------------------------------------*/
#key-images {
text-align:center;
background:transparent;
}

#footer-logos {
text-align:left;
padding:2em 50px;
}

#footer-logos .other-logos {
padding:21px 0;
}


#footer-logos a {
}

#footer-logos a#slh-logo {
float:right;
width:94px;
}

.home-footer {
padding-bottom:20px;
}


/* Content Footer  (horizontal tabs)
------------------------------------------------------------*/
#content-footer {
position:relative;
margin:0;
text-align:right;
width:450px;
height:35px;
}

#slhLogo {
position:absolute;
width:94px;
top:0;
left:30px;
}

#slhLogo img{
margin:0;
}

#back2Top {
margin:0;
width:230px;
display:inline;
}

div#back2Top img{
padding-top:18px;
}

div#feather {
text-align:center;
}


/* CONTENT FOOTER
------------------------------------------------------------*/
#slhlogo-footer {
position:absolute;
left:30px;
top:-43px;
z-index:5;
}


/* FOOTER
------------------------------------------------------------*/
#footer {
width:940px;
padding:1em 0;
text-align:center;
color:#999;
margin:0 auto;
position:relative;
background:#fff;
}

#homefooter {
width:940px;
height:35px;
padding:1em 0;
text-align:center;
color:#999;
margin:-36px auto 50px auto;
position:relative;
background:transparent;
}

#foxhat-logo {
position:absolute;
width:310px;
right:30px;
}

#footer em {
display:block;
margin-bottom:.2em;
font-size:1.1em;
}

#footer address {
font-style:normal;
padding-right:200px;
}

#footer address p {
text-align:center;
font-weight:bold;
font-size: 0.8em;
padding:0;
line-height:0.1em;
color:#A98030;
}

#footer address a {
color:#000;
}

p.legal {
font-size:90%;
margin:0;
padding:1em 0;
}


/* NEWS
------------------------------------------------------------*/

.news {
background:transparent url(images/content-bg.gif) repeat-y top right;
}
div.news-container {
padding:1em 0;
background:transparent url(images/content-bg.gif) repeat-y top right;
}

.submenu h3{
font-style:italic;
font-size:1.2em;
}

ul.article-index {
list-style:none;
margin:0;
padding:0;
}
.article-index li {
margin:0;
padding:0;
display:block;
}
.article-index li {
display:block;
border-top:1px solid #DFDBC3;
padding:15px 0;
}
.article-index li.first {
border:none;
padding-top:0;
}

.date, .meta {
font-size:90%;
}
.meta span a {
color:inherit;
}
.meta span a:hover {
color:#000;
}

.article-image {
float:right;
padding:0 0 1em 1.5em;
}
.article-image a img {
padding:2px;
background:#fff;
border:1px solid #C0BD85;
}
.article-abstract {
margin:1em 0 0;
padding:0;
}
.article-menu {
font-size:90%;
}
.article-menu li a {
line-height:1.25em;
}
.article-read-more-link {padding:0;margin:0;font-size:90%;display:block;text-align:right;clear:both}


/* FEATURED ARTICLES
------------------------------------------------------------*/

.featured-articles h3{
font-style:italic;
font-size:1.2em;
}

.featured-articles ul {
list-style:none;
margin:.5em 0;
padding:0;
}
.featured-articles li {
border-top:1px solid #ccd;
padding-top:.5em;
margin:0 0 2em 0;
}
.featured-articles h4 {
font:1.5em,Georgia,sans-serif;
font-style:italic;
margin:0;
padding:5px 0 ;
}
.featured-articles .missing-thumbnail {
display:block;
width:160px;
height:120px;
background:#ccc;
}
.featured-articles .image-link {
display:block;
}


/* RESERVATIONS
------------------------------------------------------------*/

.contactpad {padding:20px 0}

/* Reservations Form */
.reservations {width:100%;margin:0 auto;padding:10px 0;text-align:left;position:relative;}
h2.contact-content {padding:10px 0;font-size:1.3em;text-align:center;}

.reservations form {margin:0 0;padding:1em 0;}
.reservations form h3 {color:#5D5F60;line-height:1.8em;background:#CCCC99;margin-bottom:20px;text-transform:uppercase;text-align:center;}
.reservations form div {border-top:1px solid #ddd;padding:10px 0}
.reservations label {float:left;display:inline;width:300px;padding-right:1.5em;text-align:right;color:#777;font-weight:bold;}
.reservations label.required {color:red;text-align:right;font-size:1em}
.reservations label span {width:3em;display:inline;text-align:right;}
.reservations label.inline {display:inline;float:none;}
.reservations input, textarea {text-align:left;display:inline;padding:3px 3px 3px 0;border:1px solid #aaa;background:#f0f0f0}
.reservations input[type="text"] {width:330px;}
.reservations textarea {width:300px;}
.reservations p.note {font-size:90%;margin:7px 0 0 210px}
.reservations img.verification {display:inline;border:1px solid #968A5B}
.reservations input[type="submit"] {line-height:2em;font-size:1.1em;text-align:center}

.inlineInput {}
.inlineInput label.inline {padding:0 15px}
.inlineInput label.small {display:inline;margin:0 10px 0.5em 20px;width:50px}
.inlineInput p {margin:20px 20px 0 220px;}

.reservations .centered {text-align:center;border:none}
.reservations .centered textarea {text-align:left;width:500px;}
.reservations .centered p {text-align:justify;width:600px;margin:0 20px 0 220px;}

.reservations form div.options {text-align:right;background:#fff}
.reservations form input.save {padding:.2em 2em;}
.reservations form input.small {width:60px;display:inline}
.reservations form input.date-control {width:6em;display:inline}
.reservations form select#status {width:200px;}
.reservations form input.short {width:180px;display:inline;}
.reservations p.short {font-size:90%;display:inline;margin:0 0 0 1em}
#status_icons label {display:inline;float:none;margin-right:1em;}
.reservations label em {color:#b22222;font-weight:bold;font-size:1.5em}
.reservations div.error {background:firebrick;color:#fff;margin:.5em 0;padding:.5em;text-align:center}

input.date-control {width:inherit;}

/* Contact Form */
.contact div {margin:.5em 0}
.contact label {display:block;}
.contact-content {padding:.5em 0 1em 0;}
.contact input[type='text'], .contact textarea {border:1px solid #aaa;padding:2px}
.contact input[type="text"] {width:30em;}
.contact input#security {display:block;width:10em;margin:10px 0;}
.contact textarea {width:30em;}
.advice {font-size:90%;font-style:italic;color:#999;margin-left:1em}

.verify_code_hint {font-style:italic;}

/* Page Menu */
ul.pagemenu {
list-style:none;
margin:0;
padding:0;
}
ul.pagemenu li {
font-size:1.1em;
border-top:1px solid #ddd;
}
ul.pagemenu li.first  {
border-top:none;
}
ul.pagemenu li a {
display:block;
padding:.5em 0;
color:#000;
}
ul.pagemenu li a:hover {
color:#999;
}
#popup {
background:#fff;
}


/* SITEMAP
------------------------------------------------------------*/
#sitemap {
padding-bottom:2em;
}
#sitemap h3 {
margin:.5em 0 0;
}

#sitemap ul {
margin:0.25em 0;
padding:0;
list-style:disc;
}
#sitemap ul li {
margin:0 2em;
padding:0;
color:#999;
}

.search-container {
padding:2em 0;
border-top:1px solid #DFDBC3;
border-bottom:1px solid #DFDBC3;
}

.search-container label span {
display:none;
}

.support-container {
padding:2em 0;
border-bottom:1px solid #DFDBC3;
margin-bottom:30px;
}

.search-container h3, .support-container h3 {
margin:0 0 .5em 0;
}

.support-container p {
margin:0;
}



/* EXTERNAL FOOTER
------------------------------------------------------------*/
#external-footer {
text-align:center;
background:transparent url(images/footer-bg.gif) no-repeat top center;
font-size:90%;
padding:15px 0 25px 0;
}
#external-footer, #external-footer a {
color:#555;
}
#external-footer span {
padding:0 1em;
color:#999;
}



/* HOME PAGE PACKAGES
------------------------------------------------------------*/
#package-offers {
z-index:9;
line-height:1.1em;
display:block;
min-height:70px;
height:70px;
clear:both;
}

#package-offers a {
display:block;
width:432px;
line-height:1.1em;
font-size:90%;
background:#D0B98A url(images/inside-package-bg.gif) no-repeat center;
height:65px;
color:#002A41;
}

#package-offers a:hover {
color:#000;
text-decoration:none;
}

#package-offers a span.thumbnail {
width:85px;
float:left;
text-align:right;
}
#package-offers a span.thumbnail img {
margin-right:10px;
}

#package-offers a span.copy {
padding-top:.5em;
float:left;
width:340px;
}

#package-offers span.copy b {
font-style:italic;
}

#package-offers em {
display:block;
text-align:right;
color:firebrick;
}

#home-packages {
text-align:center;
width:432px;
margin:0 auto;
}

#home-packages #package-offers a {
text-align:left;
background:#D0B98A url(images/home-package-bg.gif) no-repeat center;
}