/*

CHANGES MADE DIRECTLY TO THIS FILE

body {
  background: #8C713C url(../images/background.jpg) repeat;
  --so background isn't white before the background image loads

#upper-navigation-left  
	width changed from 550 to 650 
	--to fit more menu items

#upper-navigation-left li .secondary li 
	width chaged from 100% to 200px 
	--list items were wider than the containing menu

#footer h2 
	font-size: 18px;
	--request of client

button, input, select, textarea {
	box-shadow: inset 0 0 6px #888;
	--request of client
	
#header {
	border-top: 1px solid #c1b59b; 
	border-bottom: 1px solid #c1b59b; 
	--request of client (used to be green)

#upper-navigation-left a
	removed active background image
	in preference of the animated navArrow object
	
h1 
	font-size:35px;
	--request of client
	
changed this...
	before: #upper-navigation-left li.hasSecondary { background:url(../images/css-sprite-map.png) -193px -38px no-repeat; padding-right:15px; }
	after: #upper-navigation-left li.hasSecondary>a { background:url(../images/css-sprite-map.png) -193px -38px no-repeat; padding-right:25px; }
		extra padding... arrow was cut off on some browsers 
		moved to the anchor so we can do opacity change in nav that will
		effect the arrow image too

Added nav opacity filter... client wanted the menu to be semi-trans
	#upper-navigation-left li>a{
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	#upper-navigation-left li:hover a{
		opacity:1;
		filter:alpha(opacity=100);
	}


*/



/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
  background: #8C713C url(../images/newbackground2.jpg) repeat;
  min-width: 1000px;
  padding: 0 15px;
  margin: 0;
}

body, button, input, select, textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #504030;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #b2bb1c; color: #fff; text-shadow: none; }
::selection { background: #b2bb1c; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e;
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition:all 0.2s ease-in; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display:block; background:none; border:0; border-top:2px dotted #b2bb1c; margin:25px 0; padding:0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*
greens
light b2bb1c
dark 4f6f18
*/
h1 { line-height: 40px; color:#4f6f18; font-family:Palatino, "Times New Roman", serif; font-size:35px; font-weight:400; }
h2 { color:#4f6f18; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:24px; font-weight:200; margin:5px 0; }
h3 { color:#4f6f18; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; font-weight:400; margin:35px 0 2px 0; }
h4 { color:#4f6f18; font-size:16px; font-weight:200; margin:0; }
h5 { color:#4f6f18; font-size:14px; font-weight:400; margin:0; }
h6 { color:#666; font-size:12px; font-weight:400; margin:0; }

h1.green, h2.green, h3.green, h4.green, h5.green, h6.green{ color:#B2BB1C; font-family:Palatino, "Times New Roman", serif; font-weight:100; }

p { margin:15px 0; padding:0; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  padding: 4px 12px;
  color: #B2BB1C;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0 0 6px #888;
  font-size: 12px;
}

input[type="num_nights"] {
padding:0 !Important;
width: auto;
height: auto;
}



button:focus, input:focus, select:focus, textarea:focus { outline:none; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"], input.submit {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
  background: #B2BB1C;
  color: #333;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: none;
  font-weight: bold;
  font-size: 12px;
  padding: 4px 12px;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input.submit:hover { box-shadow:inset 0 0 10px #ccc; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f00; color:#fff; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Helper Classes
   ========================================================================== */
ul.inline-list { list-style:none; margin:0 -15px 0 0; padding:0; }
ul.inline-list li { float:left; margin-right:15px; }

.secondary { list-style:none; margin:0; padding:0; display:none; }

ul.two-column { list-style:none; margin:0; padding:0; }
ul.two-column li.left  { width:600px; padding:8px; margin:0 9px 0 2px; float:left;  }
ul.two-column li.right { width:300px; padding:8px; margin:0 2px 0 9px; float:right; }

ul.grid { list-style:none; margin:0 -30px -30px 0; padding:0; }
ul.grid li { float:left; margin:0 30px 30px 0; padding:0; clear:left; }

.stumble { display:block; text-indent:-9999px; height:23px; width:35px; background:transparent url(../images/stumbleupon100_4.png) 0px -5px no-repeat;}
.google-plus { display:block; text-indent:-9999px; height:23px; width:26px; background:transparent url(../images/css-sprite-map.png) -148px -81px no-repeat; }
.twitter     { display:block; text-indent:-9999px; height:23px; width:22px; background:transparent url(../images/css-sprite-map.png) -174px -81px no-repeat; }
.facebook    { display:block; text-indent:-9999px; height:23px; width:19px; background:transparent url(../images/css-sprite-map.png) -196px -81px no-repeat; }
.youtube     { display:block; text-indent:-9999px; height:23px; width:21px; background:transparent url(../images/css-sprite-map.png) -216px -81px no-repeat; }
.rss         { display:block; text-indent:-9999px; height:23px; width:21px; background:transparent url(../images/css-sprite-map.png) -239px -81px no-repeat; }
.usa-flag    { display:block; text-indent:-9999px; height:14px; width:23px; background:transparent url(../images/css-sprite-map.png) -148px -38px no-repeat; }



/* ==|== primary styles =====================================================
   Author: Tim Novinger
   ========================================================================== */
#outer-wrapper {
  position: relative;
  margin: 80px auto 30px auto;
  width: 970px;
}

#upper-navigation-right li>a{
	opacity:0.8;
}

#upper-navigation-left li.mainNavItem>a{
	opacity:0.8;
}
#upper-navigation-right li>a:hover{
	opacity:1;
}
#upper-navigation-left li.mainNavItem:hover a{
	opacity:1;
}

#upper-navigation-left li,
#upper-navigation-left a,
#upper-navigation-right li,
#upper-navigation-right a {
  font-family: Palatino, "Times New Roman", serif;
  font-size: 15px;
line-height:23px; text-decoration:none; -webkit-transition:none;
  color: #eee;
}

#upper-navigation-left { position:relative; z-index:100; margin-bottom:-9px; width:650px; height:40px; float:left; line-height:23px; }
#upper-navigation-left .logo-small { position:relative; top:-6px; left:10px; margin-right:10px; }

#upper-navigation-left li { position:relative; }

#upper-navigation-left a {
  position: relative;
  display: block;
  /*background: url(../images/upper-nav-active-state.png) center 38px no-repeat;*/
  font-family: Palatino, "Times New Roman", serif;
  font-size: 15px;
  padding: 0 7px 15px 7px;
  color: #eee;
}

#upper-navigation-left a.current-page-item { background-position:center 24px; }

#upper-navigation-left li.hasSecondary>a { background:url(../images/css-sprite-map.png) -189px -38px no-repeat; padding-right:35px; }
  .ie9 #upper-navigation-left li.hasSecondary { background-position: -197px -38px; }
  .ie8 #upper-navigation-left li.hasSecondary { background-position: -199px -38px; }
  .ie7 #upper-navigation-left li.hasSecondary { background-position: -199px -38px; }


#upper-navigation-left li .secondary .tertiary{
  position: absolute;
  display: none;
  top: 0px;
  left: 200px;
  width: 205px;
  background: #B2BB1C;
  padding: 5px;
  margin: 0;
  z-index: 100;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 4px 6px 8px rgba(0,0,0, 0.3);
  -webkit-box-shadow: 4px 6px 8px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 6px 8px rgba(0,0,0,0.3);
}

#upper-navigation-left li.hasTertiary:hover .tertiary { display:block; }

#upper-navigation-left li.hasSecondary:hover {
 -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #B2BB1C;
  color: #fff;
}

#upper-navigation-left li.hasSecondary:hover .secondary { display:block; }
#upper-navigation-left li .secondary {
  position: absolute;
  display: none;
  top: 29px;
  left: 0;
  width: 205px;
  background: #B2BB1C;
  padding: 5px;
  margin: 0;
  z-index: 100;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 4px 6px 8px rgba(0,0,0, 0.3);
  -webkit-box-shadow: 4px 6px 8px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 6px 8px rgba(0,0,0,0.3);
}
#upper-navigation-left li .secondary li { margin:0; width:180px; }
#upper-navigation-left li .secondary a  {
font-size:13px; line-height:14px; padding:6px 8px;
  border-top: 1px dotted #dfe0c8;
}
#upper-navigation-left li .secondary a:hover { color:#fff;

background: #909617;
}

#upper-navigation-left li .secondary a.first{
	border: none !Important;
}

#upper-navigation-right { float:right; margin:0 0 0 -5px; }
#upper-navigation-right li { margin:0 0 0 5px; }
#upper-navigation-right .usa-flag { margin:3px 5px 0 5px; }


#upper-navigation-right a:hover, #upper-navigation-right a:active { color:#fff; }

/* ==================================================================================== */

#inner-wrapper {
  background: #191911;
  width: 970px;
  box-shadow: 0 0 60px rgba(0,0,0, 0.75);
  -webkit-box-shadow: 0 0 60px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 60px rgba(0,0,0,0.75);
  clear: both;
}

#header {
  border-top: 1px solid #c1b59b; /*#B2BB1C;*/
  border-bottom: 1px solid #c1b59b; /*#B2BB1C;*/
  color: #ccc;
  font-weight: 200;
  position: relative;
}
#header .content { position:relative; background:#191911; padding:10px; }
#header .content li.left { margin-right:6px; }
#header .content li.right { margin-left:6px; }
#header .content .left p { position:relative; float:right; margin:72px 0 0 0; left:-35px; }
#header .content .right h3 { margin:0; }

#content {
  background: #EEEbE3; /*#f4efd0;  /*#f9f9e7;*/
  padding: 8px;
}

#lower-navigation { background:#f9f9e7; padding:0 20px; }
#lower-navigation ul { position:relative; z-index:10; }
#lower-navigation li { padding:0 5px; margin-right:12px; }
#lower-navigation a {
  position: relative;
  display: block;
  background: transparent url(../images/lower-nav-active-state.png) center -15px no-repeat;
  color: #B2BB1C;
  text-decoration: none;
  font-family: Palatino, "Times New Roman", serif;
  font-size: 14px;
  padding: 25px 8px 2px 8px;
  top: -7px;
}

#lower-navigation a.current-page-item { background-position:center 0; }

/* ==================================================================================== */

#main-content, #sidebar { background:#fff; }

#main-content img, #sidebar img {
  box-shadow: 2px 2px 2px #666;
  -webkit-box-shadow: 2px 2px 2px #666;
  -moz-box-shadow: 2px 2px 2px #666;
}

.comment { margin:20px 0; }
.comment h3 { margin:2px 0; }
.comment p  { margin:0; line-height:14px; }


/* ==================================================================================== */

#footer a:link,  #footer a:visited { color:#f3f2eb; font-weight:200; letter-spacing:1px; text-decoration:none; -webkit-transition:border 0.2s ease-in; }
#footer a:hover, #footer a:active { border-left:4px solid #B2BB1C; padding-left:4px; }

#footer { color:#f3f2eb; margin-top:25px; }
#footer .logo-medium { float:left; }

#footer ul { list-style:none; margin:10px 30px 0 0; padding:0; float:left; }
#footer li { padding:4px 0; }
#footer h2 { color:#f3f2eb; font-size: 18px; font-weight:200; margin:-4px 0 10px; }

#footer .col1 { width:158px; border-right:2px dotted #B2BB1C; padding:0 30px 30px 30px; }
#footer .col2 { width:105px;  }
#footer .col3 { width:130px; }
#footer .col4 { width:100px; }
#footer .col5 { width:105px; }
#footer .col6 { width:125px; margin-right:0; }

#footer .col6 ul { margin:0; }
#footer .col6 ul li { margin-right:0; }
#footer .col6 a:hover, #footer a:active { border-left:none; padding-left:0; }

#footnote { color:#f3f2eb; font-size:11px; margin-top:25px; clear:both; }
#footnote .right { text-align:right; }

/* ==================================================================================== */

#footnote a:link,  #footnote a:visited { color:#f3f2eb; font-weight:normal; text-decoration:none; padding-bottom:1px; border-bottom:1px dotted #ddd; }
#footnote a:hover, #footnote a:active { border-bottom:1px dotted #B2BB1C; }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatright { float:right; }
.floatleft  { float:left;  }

/*
** scroll popup 
*/

#slidebox{
    width:auto;
    height:auto;
    padding:10px;
    background-color:#996600;
    position:fixed;
    bottom:0px;
    right:-430px;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
    z-index:1000;
}
#slidebox p {
    font-size:14px;
    letter-spacing:1px;
    color:#fff;
    cursor:pointer;
    font-style: italic;
    margin:0;
}
#slidebox h2{
    color:#fff;
    font-size:24px;
    margin:0 2px 0 0;
    letter-spacing: 0.02em;
    cursor:pointer;
}
#slidebox a, #slidebox a:hover  {
  text-decoration: none;
}
.close-btn {
    background:transparent url(../images/close-btn.png) no-repeat;
    display:block;
    width:20px;
    height:23px;
    position:absolute;
    cursor:pointer;
    top:8px;
    right:10px;
}
#cboxTitle {
  bottom:28px;
  color:#4F4F4F;
  background-color: rgba(255, 255, 255, 0.7);
  padding:10px 5px;

}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}