@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML -   		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%;
}
/**** DEFAULT STYLES - No media query required since this is the default ****/
/**** XTRA SMALL XS - 767px and smaller ****/

.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%;
}
.border,
.pix-border {
	border: solid 1px #333;	
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	background-color: #c4c497;
	/*background-image: -webkit-linear-gradient(#7d733d, #A59B62);
	background-image: linear-gradient(#7d733d, #A59B62);
	background-repeat: no-repeat;*/
	font-family: "expo-sans-pro", sans-serif;
	font-size: 16px;
	color: #444;
}
header {
	text-align: center;
	background-image:url(../images/Sunflower-header.jpg);
	background-position: top center;
	background-repeat:none;
	padding-top:10px;
}
header p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 20px 10px 20px;	
}
h2 {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-weight:700;
	color: #444;
	font-size: 2em;
	line-height: 1em;
	margin: 14px 0;
}
h3 {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-weight:700;
	color: #444;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom:6px;
}
h1 {
	font-family: "expo-sans-pro", sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #938B27;
}

.first h2, .first h3 {
	margin-top:0!important;
}

.notice {
    padding: 12px 24px 0px 24px;
}
.content {
	background-color:#FFFFF2;
}
hr {
	border-top: solid 1px #AAA;	
}
footer {
	background-color: #ecebcd;
	color: #333;
	padding-top:12px;
}
.addtop {
	margin-top:20px;
}


/*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*/
.buttons2-right {
	width:auto;
	margin:0 0 6px 20px;
	float:right;
	text-align:center;
}

/*Apply button class to the paragraph, not the link*/
.button a,
.button a:visited,
input[type=submit] {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 4px 16px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: "expo-sans-pro", sans-serif;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   }
.button a:active,
.button a:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #EEE;
   text-decoration:none;
   }
	
/*  Standard Link styles  */
a, a:visited {
	color: #004A82;
	text-decoration:underline;
	font-weight: bold!important;
}
a:active,
a:hover {
	text-decoration:underline;
}

h1 a, h1 a:visited, 
h2 a, h2 a:visited, 
h3 a, h3 a:visited {
	color: #444!important;
	text-decoration: none;	
}
h1 a:active, 
h2 a:active, 
h3 a:active,
h1 a:hover, 
h2 a:hover, 
h3 a:hover {
	color: #444;
	text-decoration: underline;	
}

/*Styles for Rooms page*/
.room-chooser {
	border-top: 2px solid #c5be60;
	padding: 10px 0;
}
.room-chooser:last-child {
	border-bottom: 2px solid #c5be60;
	margin-bottom: 16px;
}
.room-chooser h2 {
	margin: 0;	
	line-height:1em;
}
.room-chooser p {
	margin: 10px 0;	
}

/*RATE tables*/
.rateTable {
	border-collapse:collapse;
	margin-bottom: 24px;
}
.rateTable td {
	padding: 4px;
	border: solid 2px #fff;
	background-color:#D8D495;
}

.inset-left {
	width: 35%;
	float: left;
	margin: 0 14px 10px 0;
	font-size: .9em;	
	line-height: 1.3em;
}
/*VIDEO*/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/*not yet re-styled for BigMill*/
.inset-right {
	width:50%;
	border-top: solid 4px #882107;	
	border-bottom: solid 4px #882107;
	margin: 6px 0 6px 18px;
	float:right;
	text-align:center;
	font-style:italic;
}
.calendar {
	max-height: 1000px;
	overflow-y: auto;	
}
.calendar p {
	font-size:.9em;
	line-height: 1.3em;	
}
.bird-list {
	max-height: 400px;
	overflow-y: auto;	
	padding-left: 10px;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
}
.bird-list p {
	font-size:.9em;
	line-height: 1.3em;	
}


 /*Adds outer glow to page*/
.container-fluid { 
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 15px 5px #6d6432;
	box-shadow: 0px 0px 15px 5px #6d6432;
	max-width: 1240px;
	margin: 0 auto 24px auto;
}
nav {
}

/*Adds extra padding to the bootom of a row when needed*/
.padding-bottom {
	padding-bottom:16px;	
}

/*Adds outer glow to slider*/
.slider {
	margin: 20px 0;
	border: solid 1px #555;
	-webkit-box-shadow: 0px 0px 8px 3px #b4ad83;
	box-shadow: 0px 0px 8px 3px #b4ad83;
}

/*For bulleted list with custom bullet. Apply to paragraphs.*/
.fauxList {
	margin: 6px 0;
	padding-left: 18px;
	background-image:url(../images/bullet-8-yellow.png);
	background-position:0 7px;
	background-repeat:no-repeat;	
}
/*apply to div*/
.faux-List {
    margin:16px 0;
}
.faux-List p {
    margin: 3px 0;
    padding-left: 18px;
    background-image:url(images/bullet.png);
    background-position:0 5px;
    background-repeat:no-repeat;    
}

.pix-center {
	width:80%;
	max-width: 180px;
	border: solid 1px #333;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.border {border: solid 1px #333;
}
.caption-center {
	width:80%;
	max-width: 180px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.slides-right {
	width: 40%;
	float:right;
	margin-left: 10px;
	margin-bottom: 6px;
}

.align-center {
	text-align:center;
}

/* keeps banner images from wrapping */
/*also used to remove side margins from full-width images and Image Gallery sliders */
.banner-pix {
	display:table;
	white-space: nowrap;
}

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

/*Fixed image size*/
.pix-left-fixed {
	float:left;
	margin: 6px 18px 6px 0;
}
.pix-right-fixed {
	margin:6px 0 6px 18px;
	float:right;
}
/*Page heading*/
.page-head {
	background-color: #c5be60;
	background-image: -webkit-linear-gradient(#c5be60, #ecebcd);
	background-image: linear-gradient(#c5be60, #ecebcd);
	background-repeat: no-repeat;
	border-top: solid 1px #BDAF47;
	border-bottom: solid 1px #c5be60;
	}
.page-head h2 {
	margin: 10px 0;
	text-align: center;	
	color: #004C83;
}

/*HOME PAGE AFFILIATIONS SECTION*/
.affiliations {
	background-color: #ECEACD;
	background-image: -webkit-linear-gradient(#ECEACD, #FFFFF2);
	background-image: linear-gradient(#ECEACD, #FFFFF2);
	background-repeat: no-repeat;
	border-top: solid 1px #C4C497;
	}
	
/*Formmail styles*/
.cloak {
	visibility: hidden;
}
.commentsBox {
	font-size: 1em;
	line-height: 1.1em;
	font-weight: normal;
}
.required {
	font-size: .8em;
	color: #999;
}

.show_xtraSmall {
	display:block;
}
.hide_xtraSmall {
	display: none;
}

/**** SMALL SM - 768px and larger (>991) Must agree with bootstrap.css  ****/

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

footer,
.affiliations,
.content {
	padding: 10px;
}
header p {
	font-size: 1.2em;
	line-height: 1.1em;
}
.hide_small {
	display: none;
}
.show_small {
	display:block;
} 
}

/****  MEDIUM MD - 992px and larger (>1200) Must agree with bootstrap.css  ****/

@media only screen and (min-width: 768px) {
	
footer,
.affiliations,
.content {
	padding: 20px;
}
.hide_medium {
	display: none;
}
.show_medium {
	display:block;
}
.asklink {
	display:	none;
}
}

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

.container-fluid {
	max-width: 1240px!important;
}
.hide_large {
	display: none;
}
.show_large {
	display:block;
}
/*.calendar {
	max-height: 700px;
	overflow-y: auto;	
}*/
}