@charset "UTF-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML change
   http://www.alistapart.com/articles/fluid-images/ 
*/



img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */



.ie6 img {
	width: 100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/





.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
	max-width: 1000px;
}

.fluidList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	clear: left;
}

.floatLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1.5em;
}

.floatRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 12px;
}

.fluid.rates {
	background-color: #fffcbe;
}

.fluid.rates ul li {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 9px;
	list-style: none;
	padding: 0;
}

strong {
	color: #631e24;
}

h2 {
	font: 24px/26px "Gilda Display", serif;
	color: #006;
}



h3 {
	color: #631e24;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2;
}

.fluid.maincontent figure {
	float: left;
	display: table;
	margin-right: 1em;
	clear: both;
}

.fluid.maincontent figure img {
	display: block;
	clear: both;
}

.fluid.maincontent figure figcaption {
	font-size: 90%;
	color: #666;
	padding-top: 6px;
	font-style: italic;
	font-family: Georgia, serif;
	float: left;
	padding-bottom: 2em;
	width: 100%;
	line-height: 1;
	display: table-caption;
	caption-side: bottom;
}

.fluid.maincontent dt {
	font: 22px/24px "Gilda Display", serif;
	padding-top: 0px;
}

.fluid.maincontent dt a.linksSmall {
	font-size: 80%;
}

#hgroup h2 a {
	color: #FFFcbe;
}

#footer {
	font-size: 12px;
	background: #CCC url(../images/bg.png) repeat scroll 0px 0px;
	margin-left: -2em;
    padding: 2em;
}

.gridContainer.clearfix .fluid.maincontent.middle .fluid {
	margin-bottom: 1.5em;
}

.fluid.maincontent.wide.zeroMargin_tablet ul li {
	list-style: disc inside;
}

dl dt {
	font: 20px/22px "Gilda Display", serif;
	color: #006;
	margin: 0 0 6px;
}

dd {
	margin: 0 0 24px 0;
}

.clearboth {
	clear: both;
}

body {
	background: #CCC url(../images/bg.png) repeat scroll 0px 0px;
	line-height: 1.5;
}

.fluid.sideNav ul li .submenu li {
	padding-bottom: 6px;
}

.fluid.section_wide.directions.Margin_desktop {
	margin-left: 2%;
}

.desktop_floatright {
	float: right;
	width: 72.0478%;
	clear: none;
	margin-right: 2.5%;
}

h1 {
	font-family: "Gilda Display";
	font-size: 22px;
	line-height: 24px;
	color: #006;
	font-weight: normal;
}

.fluid.content .clearNone {
	clear: none;
}

.fluid.maincontent.zeroMargin_tablet .oneColumn {
}

.fluid.maincontent.wide.zeroMargin_tablet ul li {
	text-indent: 18px;
}

.leftside_image {
	font-style: italic;
	padding: 0px;
	text-align: center;
	font-size: 0.8em;
	margin: 0px 18px 0px 0px;
	float: left;
	clear: both;
	line-height: 0.8em;
}

.rightside_image {
	font-style: italic;
	padding: 0px;
	text-align: center;
	font-size: 0.8em;
	margin: 0px 0px 0px 18px;
	float: right;
	clear: both;
	line-height: 0.8em;
}

h1, h3, h4, h5 {
	font-weight: normal;
	color: #631e24;
	font-size: 1.2em;
}


h2, h3 {
	page-break-after: avoid;
	clear: both;
}

p {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	;
	line-height: 1.5;
}

.fluid.maincontent .first {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	;
	color: #631e24;
}

#p7LSM_box img {
	max-width: none; /*for IE 8*/
}

.p7LSM_wrapper #p7LSMtrg_1 ul li {
	text-indent: 0px;
	padding: 6px;
}

.fluid.tips h3 {
	font-size: 1.2em;
	padding: 0px;
	line-height: 1.2em;
}

article h4 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	float: none;
}



figure .floatLeft {
	margin-bottom: 0px;
}

.nap {
	clear: both;
	margin-bottom:25px;
	margin-top: 383px;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
	max-width: 1000px;
	padding-left: 10px;
}


/* Mobile Layout: 480px and below. ---------------------------------*/
  



.gridContainer {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 88.4722%;
	clear: none;
	float: none;
}

.fluid.maincontent h1 {
	color: #633;
	font: 28px/30px "Gilda Display", serif;
}

.fluid.maincontent h2, .fluid.directions h2 {
	font: 24px/26px "Gilda Display", serif;
	font-weight: normal;
	color: #006;
}

#hgroup .title {
	font-weight: normal;
	font-size: 2px;
	text-indent: -1500px;
	line-height: 2px;
	margin: 0px;
	padding: 0px;
}

#hgroup h2 {
	padding: 6px 12px;
	text-align: center;
	background: #000066;
	color: #FFF;
	font: .7em "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	letter-spacing: 0.12em;
	margin: 6px 0px 0px;
}

.sideNav {
	width: 100%;
	display: block;
	text-transform: uppercase;
}

.fluid.sideNav ul {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background: none;
	padding: 0;
	margin: 0px;
	float: left;
}

.maincontent {
	width: 100%;
	margin-left: 0;
	clear: both;
}

.rates {
	clear: both;
	margin-left: 0;
	width: 100%;
}

.directions {
	width: 100%;
	margin-left: 0;
	clear: both;
}

.article_wide {
}

.section_wide {
	clear: both;
	margin-left: 0;
}

.tips {
	width: 100%;
	clear: both;
	margin-left: 0;
}

.col_1 {
	width: 100%;
	clear: both;
	margin-left: 0;
}

.col_2 {
	width: 100%;
	clear: both;
	margin-left: 0;
	padding-top: 0px;
	margin-top: 0px;
}

.col_3 {
	width: 100%;
	clear: both;
	margin-left: 0;
}

.col_1_gallery {
	width: 100%;
	clear: both;
	margin-left: 0;
	border-bottom: #ccc thin solid;
	margin-bottom: 1em;
}

.col_2_gallery {
	width: 100%;
	clear: both;
	margin-left: 0;
	border-bottom: #ccc thin solid;
	margin-bottom: 1em;
}

.col_3_gallery {
	width: 100%;
	clear: both;
	margin-left: 0;
	border-bottom: #ccc thin solid;
	margin-bottom: 1em;
}

.fluid.col_1_gallery .leftside_image {
	margin: 12px 6px;
}

.fluid.col_2_gallery .leftside_image {
	margin: 12px 6px;
}

.fluid.col_3_gallery .leftside_image {
	margin: 12px 6px;
}

.content {
	width: 100%;
}

.landscape {
	clear: both;
	margin-left: 0;
}

.fluid.landscape {
	border-top: medium dotted #ccc;
	padding-top: 1em;
	margin-top: 1em;
	padding-bottom: 2em;
}

.zeroMargin_mobile {
	margin-left: 0;
}

.hide_mobile {
	display: none;
}

figure.quote {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #666;
	font-family: Georgia,serif;
}


/* -----------------------Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. -------------------*/

@media only screen and (min-width: 300px) {


.fluid.homecontent {
	clear: none;
	float: left;
	margin-left: 1.5%;
	width: 100%;
}

aside.fluid.tips {
	clear: none;
	float: right;
	width: 100%;
	}

.floatRight {
	
	float: none;
	
}



body {
	
	background: none;
	
	
}



}


@media (max-width: 700px) {
	.nap{
		margin-top: 0px !important;
	}
}

/* -----------------------Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. -------------------*/

@media only screen and (min-width: 481px) {






aside.fluid.tips {
	clear: none;
	float: right;
	width: 100%;
	}

.floatRight {
	
	float: right;
	
}



.fluid.homecontent {
	clear: none;
	float: left;
	margin-left: 1.5%;
	width: 60%;
}


.gridContainer {
	width: 91.0625%;
	clear: none;
	float: none;
	margin-left: auto;
}

.fluid.maincontent h1 {
	color: #633;
	font: 30px/32px "Gilda Display", serif;
}

.fluid.maincontent h2, .fluid.directions h2 {
	font: 24px/26px "Gilda Display", serif;
	color: #006;
}

#hgroup h2 {
	padding: 6px 16px;
	text-align: center;
	background: #000066;
	color: #FFF;
	font: .9em "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	letter-spacing: 0.12em;
	margin: 6px 0px 0px;
}

/* nav menu */



.sideNav {
	width: 36.1702%;
	display: block;
	overflow: visible;
	height: 850px;
	padding-top: 10px;
	padding-right: 0px;
	background: url(../images/statuebar_sky.png) no-repeat;
}

/* main content */



.maincontent {
	width: 61.7021%;
	margin-left: 2.1276%;
	clear: none;
}

.maincontent.wide {
	width: 61.7021%;
	margin-left: 2.1276%;
}

.rates {
	clear: none;
	width: 62%;
	float: right;
}

.directions {
	width: 100%;
	margin-left: 0;
	clear: both;
}

.article_wide {
}

.section_wide {
	clear: both;
	margin-left: 0;
}

.tips {
	
	clear: none;
	background: #fffcbe;
	float:none ;
	padding-right: 0;
	padding-left: 0;
	
}

.col_1 {
	clear: none;
	margin-left: 2.1276%;
}

.col_2 {
	clear: none;
}

.col_3 {
	width: 61.7021%;
	clear: none;
	margin-left: 38.3%;
}

.col_1_gallery {
}

.col_2_gallery {
}

.col_3_gallery {
}

.content {
	width: 100%;
}

.landscape {
	clear: both;
	margin-left: 0;
}

.fluid.landscape {
	border-top: medium dotted #ccc;
	padding-top: 1em;
	margin-top: 1em;
	padding-bottom: 2em;
}

.hide_tablet {
	display: none;
}

.zeroMargin_tablet {
	margin-left: 0;
}

}

/* ------------- Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.----------------- */

@media only screen and (min-width: 769px) {


body {
	background: #CCC url(../images/bg.png) repeat scroll 0px 0px;
	line-height: 1.5;
}




aside.fluid.tips {
	clear: none;
	float: right;
	width: 28%;
	}

.fluid.homecontent {
	clear: none;
	float: left;
	margin-left: 1.5%;
	width: 40%;
}


.tips {
	width: 54.55%;
	clear: none;
	background: #fffcbe;
	float: right;
	padding-right: 4%;
	padding-left: 4%;
}





.gridContainer {
	width: 96.6388%;
	max-width: 1000px;
	margin: auto;
	clear: none;
	float: none;
	padding-right: 0%;
	padding-left: 0%;
}

#hgroup h3 {
	padding: 6px 16px;
	text-align: center;
	background: #000066;
	color: #FFF;
	font: 1em "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	letter-spacing: 0.12em;
	margin: 6px 0px 0px;
}

.sideNav {
	width: 23.9436%;
	display: block;
	text-transform: uppercase;
}

.fluid.sideNav ul {
	list-style: none;
	text-decoration: none;
	margin: 0px;
}

.fluid.sideNav ul li {
	padding-bottom: 0.8em;
	color: #033;
	padding-left: 0px;
	margin-left: 0px;
}

.fluid.sideNav ul li a {
	text-decoration: none;
	font-size: 16px;
	padding-right: 0;
}

.fluid.sideNav ul ul li {
	padding-bottom: 3px;
	float: none;
	margin: 0 3px;
	border-style: none;
	display: block;
	padding-top: 3px;
}

.fluid.sideNav ul ul li a {
	text-decoration: none;
	font-size: 14px;
}

.maincontent {
	width: 48.7%;
	margin-left: 2.5%;
	clear: none;
}

.maincontent.wide {
	margin-right: 2.5%;
	width: 70.5%;
}

.fluid.maincontent h1, .fluid.homecontent h1 {
	color: #631e24;
	font: 34px/36px "Gilda Display", serif;
}

.fluid.maincontent h2, .fluid.homecontent h2 {
	color: #631e24;
	font: 34px/36px "Gilda Display", serif;
}

.fluid.homecontent h2 {
	color: #631e24;
	font: 34px/36px "Gilda Display", serif;
}

.fluid.maincontent h2, .fluid.directions h2 {
	font: 24px/26px "Gilda Display", serif;
	color: #006;
	margin: 0.5em 0;
	clear: both;
}

.desktop_floatright {
	float: right;
	width: 72.0478%;
	clear: none;
	margin-right: 2.5%;
}

.gridContainer.clearfix .maincontent .middle {
	width: 40%;
	margin-left: 1.4084%;
}

.rates {
	width: 22%;
	clear: none;
	float: right;
	padding-right: 1%;
}

.fluid.rates h3 {
	padding-left: 24px;
}

.directions {
	width: 74.6478%;
	margin-left: 26%;
	clear: none;
}

.article_wide {
}

.section.wide {
	margin-left: 1.4084%;
	clear: none;
}

.tips {
	width: 16.5%;
	margin-left: 1.4084%;
	clear: none;
	background: #fffcbe;
	float: right;
	padding-right: 2.5%;
	padding-left: 2.5%;
	margin-right: 0px;
}

.fluid.tips ul, .fluid.tips ol {
	padding-left: 12px;
}

.col_1 {
	width: 45%;
	margin-left: 1%;
	clear: none;
}

.col_2 {
	width: 45%;
	margin-left: 3%;
	clear: none;
}

.col_3 {
	width: 31%;
	margin-left: 1.4084%;
	clear: none;
}

.fluid.col_1_gallery {
	width: 32%;
	clear: none;
	float: left;
	border: none;
	text-align: center;
}

.fluid.col_2_gallery {
	width: 32%;
	float: left;
	clear: none;
	margin-left: 2%;
	border: none;
	text-align: center;
}

.fluid.col_3_gallery {
	clear: none;
	float: left;
	width: 32%;
	margin-left: 2%;
	padding-bottom: 0px;
	border: none;
	text-align: center;
}

.fluid.col_1_gallery .leftside_image {
	margin-top: 12px;
	margin-left: 6px;
}

.fluid.col_2_gallery .leftside_image {
	margin-top: 12px;
	margin-left: 6px;
}

.fluid.col_3_gallery .leftside_image {
	margin-top: 12px;
	margin-left: 6px;
}

.content {
	width: 71.74%;
	clear: both;
	float: right;
	padding-right: 2%;
}

.landscape {
	margin-left: 0;
	clear: both;
}

.zeroMargin_desktop {
	margin-left: 0;
}

.hide_desktop {
	display: none;
}

.fluid.landscape {
	float: right;
	width: 71.3%;
	margin-right: 2.5%;
	border-top: medium dotted #ccc;
	padding-top: 1em;
	margin-top: 1em;
	margin-left: 23.1%;
	padding-bottom: 2em;
}

.fluid.landscape figcaption {
	font-size: 90%;
	color: #666;
	padding-top: 6px;
	font-style: italic;
	font-family: Georgia, serif;
}
}