/**** From P7 Affinity style sheet. Makes Bootstrap pages behave in Dreeamweaver design view ****/
* {
	margin: 0;
	padding: 0; 
	border: 0; 
	outline: 0;
	text-decoration:none;
}
/**** End affinity styles ****/

/* Remove annoying border on linked images. */
a img { 	
	border: none; 
}
/* Use the following rule to remove Safari mobile’s default tap–highlightcolour */
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}

/**** DEFAULT STYLES - No media query required since this is the default ****/
/**** XTRA SMALL XS - 767px and smaller ****/

/* Use the following rule to remove Safari mobile’s default tap–highlightcolour */
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#p7PM3_1 {
	margin-left:-14px;
	margin-right:-14px;	
	background-color: #000;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}
.fluidList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
body {
	background-color: #ddd9c0!important;
/*	background-image: -webkit-linear-gradient(#072027, #F7F0D0)!important;
	background-image: linear-gradient(#072027, #F7F0D0)!important;
	background-repeat: no-repeat!important;*/
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height:1.5;
	color: #666;
}
.container-fluid { 
	background-color: #F6F3E1;
	max-width: 1240px;
	min-height:500px;
	-webkit-box-shadow: 0px 0px 30px 1px #888888;
	box-shadow: 0px 0px 30px 1px #888888;
}

.header {
	position:relative;
	background-color: #8A0000;
	/*height: 120px;*/
	padding: 12px 2%;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}

/*Standard Link styles*/
a, a:visited {
	color:#37798D;
	text-decoration:none;
	font-weight: 700;
}
a:active,
a:hover {
	color: #37798D;
	text-decoration:none;
	border-bottom: 1px solid #000;
}

.header a:hover {
	border-bottom:none !important;
}


h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	/*color: #a86774;*/
	color: #A61717;
	font-size: 1.7em;
	line-height: 1.2em;
	margin: 14px 0;
}
h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	color: #444;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom:6px;
}
h3 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	color: #444;
	font-size: 1.2em;
	line-height: 1;
	margin-bottom:6px;
}
.footer {
	background-color: #8A0000!important;
	min-height:0px !important;
	max-width: 1240px;
	color: #FFFFFF;
	padding-bottom: 20px; 
}
.footer a,
.footer a:visited {
	color: #F7F1CF;
	font-weight:400 !important;
	text-decoration:none;
}
.footer a:visited,
.footer a:hover {
	color: #F7F1CF;
	font-weight:300 !important;
	text-decoration:none;
	border-bottom: solid 1px #FFF;
}
.content-area {
	padding: 20px;
}

.nav {
	background-color:#37798D;	
	padding: 0px 12px;
}
.caption {
	text-align:center;
	line-height:1.2;
	margin-top:12px;
	margin-bottom:0px;
	padding: 0px 20px;
}
.caption {
	margin-bottom:0px;
}

/*To float a button right, wrap the button paragraph in a div with "button-right" applied*/
.button-right {
	width:auto;
	float:right;
	margin: 0 0 6px 30px;
}
/*Container for two or more buttons float right*/
.buttons2-right {
	width:auto;
	margin:0 0 6px 20px;
	float:right;
	text-align:center;
}

/*Apply button class to the paragraph, not the link*/
#submit,
.button a,
.button a:visited {
	background-color: #a09450;
	background: -webkit-gradient(linear, left top, left bottom, from(#a09450), to(#958a4b));
	background: -webkit-linear-gradient(top, #a09450, #958a4b);
	background: -moz-linear-gradient(top, #a09450, #958a4b);
	background: -ms-linear-gradient(top, #a09450, #958a4b);
	background: -o-linear-gradient(top, #a09450, #958a4b);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF !important;
	font-size: .9em;
	text-decoration: none;
	vertical-align: middle;
	padding: 10px 20px;
	font-weight: 400;
	letter-spacing:.05em;
   }
.button a:active,
.button a:hover {
	background: #8b8145;
	color: white;
	border-bottom:none !important;
 }
 .button-plus {
 	margin-bottom: 20px;
 }

.buttonred a,
.buttonred a:visited {
	background-color: #A61717;
	background: -webkit-gradient(linear, left top, left bottom, from(#A61717), to(#A61717));
	background: -webkit-linear-gradient(top, #A61717, #A61717);
	background: -moz-linear-gradient(top, #A61717, #A61717);
	background: -ms-linear-gradient(top, #A61717, #A61717);
	background: -o-linear-gradient(top, #aA61717, #A61717);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF !important;
	font-size: .9em;
	text-decoration: none;
	vertical-align: middle;
	padding: 10px 20px;
	font-weight: 400;
	letter-spacing:.05em;
	float:right;
	margin: 6px 0 12px 20px;
   }
.buttonred a:active,
.buttonred a:hover {
	background: #8C1314;
	color: white;
	border-bottom:none !important;
 }
	
/*Adds extra padding to the bootom of a row when needed*/
.padding-bottom {
	padding-bottom:16px;	
}

footer {
	background-color: #94a683;
	color: #000;
	padding-top:12px;
}

/*For bulleted list with custom bullet*/
.fauxList p {
	margin: 6px 0;
	padding-left: 18px;
	background-image:url(../images/bullet.png);
	background-position:0 5px;
	background-repeat:no-repeat;	
}

/*Add or remove image borders*/
.border {
	border: solid 1px #555;	
}
.no-border {
	border: none!important;
}

/*Floating fluid images*/
.pix-left {
	width: 40%;
	border: solid 1px #400;
	float:left;
	margin: 6px 18px 6px 0;
}
.pix-right {
	width:40%;
	border: solid 1px #400;
	margin:6px 0 6px 18px;
	float:right;
}

/*Fixed image size*/
.pix-left-fixed {
	border: solid 1px #400;
	float:left;
	margin: 6px 18px 6px 0;
}

/*text inset with top and bottom color borders*/
.inset-right {
	width:40%;
	border-top: solid 4px #882107;	
	border-bottom: solid 4px #882107;
	margin: 6px 0 6px 18px;
	float:right;
	text-align:center;
	font-style:italic;
}
.highlight,
.highlight a,
.highlight a:visited {
	width: 100%;
	max-width:360px;
	background-color:#A5B395!important;
	border: 1px solid #616D53;	
	border-radius: 10px;
	position:relative;
	padding:20px;
	text-decoration:none;
}
.highlight h2 {
	color:#F6F3E1;
	margin-top: 0px;
}
.highlight a:active,
.highlight a:hover {
	background-color:#9CAA8D!important;
	text-decoration:none;
}
.boxed-text {
	border: 1px solid #A61717;
	padding:14px;
	background: #FFF;
}
.slider {
	position:relative;
}

.webform {
	border-collapse:collapse;	
	width: 100%;	
}
.webform td {
	padding: 4px 0 8px 0;
	border-top: 2px solid #B4BDAA;
	border-bottom: 2px solid #B4BDAA;
}
.commentsBox {
	font-size: 16px;	
	font-family: 'Lato', sans-serif;
}
.destinations p {
	font-size: 14px!important;
	line-height:1.2;
	margin: 10px 0;
}
/*text inset with top and bottom color borders*/
.inset-right {
	width:30%;
	border-top: solid 4px #A61717;	
	border-bottom: solid 4px #A61717;
	margin: 6px 0 10px 18px;
	float:right;
	text-align:center;
	font-style:italic;
	padding: 6px 0px;
	font-weight: 400;
	line-height: 1.3;
	font-size: 1em;
}
	
.show_xtraSmall {
	display:block;
}
.hide_xtraSmall {
	display: none;
}

/**** SMALL SM   ****/
@media only screen and  (min-width: 768px) and (max-width: 991px) {

.hide_small {
	display: none;
}
.show_small {
	display:block;
}
}

/****  MEDIUM   ****/
@media only screen and  (min-width: 992px) and (max-width: 1199px) {
	
.hide_medium {
	display: none;
}
.show_medium {
	display:block;
}
}

/****  LARGE LG - 1200px and larger  Must agree with bootstrap.css   ****/
@media only screen and (min-width: 1200px) {

.container-fluid {
	max-width: 1240px!important;
}
.hide_large {
	display: none;
}
.show_large {
	display:block;
}
}