/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.grassriverlodge.com/
   TEMPLATE NAME:  GRASS RIVER LODGE
   DATE:           Feb-24th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background-color: #312415;
}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #e1e1e1; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 60%; 
height: auto !important; 
height: 60%; 
margin: 0 auto -3em; /* make sure this matches in the body footer DIV */
width: 941px;
background-color: #5f5a47;
border: 1px solid #696451;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label {
color: #fff;
font-family: Georgia, sans-serif;
font-size: 12.4px;
font-style: normal;
letter-spacing: normal;
font-weight: bold
}
 
.form, textarea {
width: 30em;
font-family: Tahoma, Arial, “Lucida Grande”, sans-serif;
font-size: 12.4px;
font-style: normal;
color: #f3eacd;
padding: 14px;
margin-bottom: 20px;
background-color: #423e30;
border: 1px solid #7d7864;
}

 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */
#header, .images, #rtr, #northern { margin: 0 auto; width: 941px; border-left: 1px solid #696451; border-right: 1px solid #696451;}
#header { background: url(/images/headbg.gif) no-repeat; height: 132px;}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 390px; height: 97px;   }
.logolink { background: url('/images/logo.png') no-repeat top center; margin: 0 auto }
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.png); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
.images {
background-color: #888;
height: 51px;
background: url(/images/navbg.gif);
}

.images a { float: left; margin-right: 6px; margin-left: 7px; }

#swap01 {background-image: url(/images/nav_on_home.gif);  width: 56px;  height: 51px;  }
#swap02 { background-image: url(/images/nav_on_rates.gif); width: 58px;  height: 51px; }
#swap03 { background-image: url(/images/nav_on_videos.gif); width: 122px;  height: 51px; }
#swap04 {background-image: url(/images/nav_on_services.gif);  width: 76px;  height: 51px; }
#swap05 { background-image: url(/images/nav_on_outpost.gif); width: 180px;  height: 51px; }
#swap06 { background-image: url(/images/nav_on_brochure.gif); width: 112px;  height: 51px; }
#swap07 {background-image: url(/images/nav_on_about.gif);  width: 72px;  height: 51px; }
#swap08 { background-image: url(/images/nav_on_faqs.gif); width: 52px;  height: 51px; }
#swap09 { background-image: url(/images/nav_on_contact.gif); width: 92px;  height: 51px; }

.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0;  } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------ROTATOR------------- */
#rtr { height: 367px;}

/* --------------THE BIG NORTHERN------------- */
#northern { background: url(/images/bignorthernbg.jpg) no-repeat; height: 161px;}
#northern .text { margin-left: 230px; padding: 30px 30px 0px 0px;}
#northern .text .head { background: url(/images/homeof.gif) no-repeat; width: 479px; height: 36px; padding-bottom: 10px}

#northern .text p {
color: #a37f0e;
font-family: Georgia, serif;
font-size: 16px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
font-style: italic;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 540px; 
height: auto !important; 
height: 100%; 
background: #5f5a47 url(/images/mainbg.jpg) no-repeat; /* Main DIV Background Img */
padding: 20px 0px 0px 18px
}

#main .content {
padding: 0px;
margin-left: 260px;
min-height: 170px; /* Height of Background Img */
height: auto;
padding-right: 20px;
margin-bottom: 40px;
}

#main h1 {
font-family: Georgia, serif;
font-size: 26px;
font-weight: normal;
letter-spacing: normal;
color: white
}

#main h4 {
font-family: Georgia, serif;
font-size: 16px;
font-weight: bold;
letter-spacing: normal;
color: #bfa552;
padding-bottom: 14px;
}

#main h5 {
font-family: Georgia, serif;
font-size: 16px;
font-weight: bold;
letter-spacing: normal;
color: #fff;
padding-left: 50px;
background: url(/images/icon_plus.gif) no-repeat top left;
height: 40px;
}



#main p {
color: #f3eacd;
font-family: Tahoma, Arial, “Lucida Grande”, sans-serif;
font-size: 12.4px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.9em;
padding-bottom: 20px
}

#main a { color: #fff;}
#main img { border: none;}

#main .sitepic { float: right; background: url(/images/imgborder.gif); margin-left: 16px; padding: 6px}
#main .sitepicleft { float: left; background: url(/images/imgborder.gif); margin-right: 16px; padding: 6px 6px 2px 6px}
#main .sitepic img, #main .sitepicleft img { border: 1px solid #ece4cf;}

#main .navleft {
float:left; 
width: 220px;
margin: 0px;
padding: 0px;
background-color: #423e30;
padding: 20px 0px 10px 12px;
}

#main .navleft .locations { background: url(/images/left_locations.gif) no-repeat; height: 25px; padding-bottom: 12px}
#main .navleft .winter { background: url(/images/left_winter.gif) no-repeat; height: 34px; padding-bottom: 8px}
#main .navleft .summer {background: url(/images/left_summer.gif) no-repeat; height: 55px; padding-bottom: 8px}
#main .navleft .email { background: url(/images/left_email.gif) no-repeat; height: 29px; padding-bottom: 12px}


#main .navleft p {
font-family: Georgia, serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.9em;
color: #f3eacd;
}

#main .navleft a { color: #b79e50;}


/* --------------OUTPOSTS------------- */

h6 {
font-family: Georgia, serif;
font-size: 18px;
font-weight: bold;
letter-spacing: normal;
color: #fff;
height: 40px;
padding-left: 50px;
background: url(/images/icon_plus.gif) no-repeat top left;
}


/* --------------RATES------------- */

#rates { padding: 0px; margin: 0px; font-family: Georgia, serif; height: 100%; height: auto; min-height: 100%; clear: right; }
#rates .icon { float: left; width: 71px; height: 71px; background: url(/images/icon_tree.gif) no-repeat top left;}
#rates .text { text-align: left; padding: 0px 0px 13px 20px; margin-left: 75px;  }

#rates .text h3 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
color: #fff;
}


#rates .text p { padding-bottom: 0px; clear:right; }

.rateshr {
height:12px;
background: url('/images/trips_hr.gif') no-repeat;
border: none;
border: 0px;
padding-bottom: 15px;
}


#rates ul { margin: 0px; padding: 5px 0px 0px 20px;}

#rates li {
color: #fff;
font-family: Tahoma, Arial, “Lucida Grande”, sans-serif;
font-size: 12.4px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
list-style-type: none;
background: url(/images/icon_arrow.gif) no-repeat center left;
padding-left: 20px;
}

#rates li b { color: #bfa552; font-weight: normal}


/* --------------FAQ------------- */

#faq, #faq ul {
margin: 0px; padding: 0px;
}

#faq li {
list-style-type: none
}

#faq li h4 {
background: url(/images/icon_arrow.gif) no-repeat top left;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 20px;
font-style: italic;
color: #fff;
font-weight: normal;
}

#faq ul.inner { margin-left: 35px;}

#faq ul.inner li {
color: #fff;
font-family: Tahoma, Arial, “Lucida Grande”, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.9em;
padding-bottom: 20px;
padding-right: 30px;
}


#faq ul.inner a { color: #f3eacd;}

#faq ul.inner b {
color: #f3eacd;
font-family: Georgia, serif;

}


/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 941px;
height: 3em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: url(/images/footerbg.gif) repeat-x;
height: 49px;
height: auto;
}

#footer .content { 
width: 941px; 
margin: 0 auto; 
position: relative; 
height: 49px
}


/* --------------FOOTER LINKS------------- */
#footer ul { padding: 15px 10px 10px 10px;}
#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #595444;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font-family: Cambria, serif;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
font-weight: bold;
letter-spacing: -1px;
}

#footer .links li a.last { border: none;}
#footer .links li a:hover { text-decoration: underline; }

/* --------ASC LINKS--------- */
#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #595544;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-family: Cambria, serif;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
letter-spacing: -1px;
font-weight: bold;
}

/* --------W3 LINKS--------- */
#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}