/*
  AUTHOR: 		SB InnerWeb Development
  WEBSITE:  		http://www.grizzlycreekretreat.com/
  Text to keep the file size over 8,192k - DW Bug
*/ 

/*-------------------- Basic Elements ---------------------------*/
@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/nav.css";
@import "lib/forms.css";
@import "lib/calendar.css";

/* GENERAL **********************************************************************************/		
body { text-align: center; color: #000000; background: #A8894F url(../images/bgs/bg_woodgrain03.jpg) repeat left top; }

a { text-decoration: none; color: #00674E; }

a:hover { text-decoration: underline; color: #00674E; }

.float-left { float: left; line-height: 0; }

.float-right { float: right; line-height: 0; }

.clear { clear: both; }

img { border: 0px; }

img.block { display:block; }

img.imageRight { float: right; margin: 5px 0 5px 15px; }

img.imageRightWBorder { float: right; margin: 5px 0 5px 15px; border: 1px solid #666666; }

img.imageLeft { float: left; margin: 5px 15px 5px 0px; }

#wrapper { position: relative; width: 850px; margin: 0px auto; padding: 0px; text-align: left; background-color: #000000; overflow: hidden; }

/* HEADER **********************************************************************************/		

#header { position: relative; height: 96px; width: 850px; }

* html #header { height: 96px; overflow:hidden }

/* CONTENT  ********************************************************************************/
#contentWrapper { float:left; position: relative; margin: 0 18px; width: 814px; background: #000000 url(../images/bgs/bg_content.jpg) repeat-y top left; overflow:hidden; }

#content { float:left; position: relative; width:100%; margin-top: 105px; }

#columnLeft { float: left; position: relative; background: transparent url(../images/bgs/bg_white_overlay.png) repeat top left; margin: 0 0 30px 17px; padding: 17px; width: 538px; }

#columnLeft p { padding: 0 0 10px 0; }

#columnRight { float: left; position: relative; margin:17px 18px 17px 20px; width: 170px; }

#columnRight p { padding: 0 0 10px 0; }

#columnCenter { position: relative; background: transparent url(../images/bgs/bg_white_overlay.png) repeat top left; margin: 0 0 30px 17px; padding: 17px; width: 745px; overflow: auto; min-height:250px; }

#banner { position: relative; float:left; background-color: #000000; float: left; padding: 0 18px; }

#directions { float:left; width:335px; margin-top: 20px }

#directions ol { list-style:decimal; padding-left:25px; color: #7B2E00; font-weight: bold; }
#directions ol li p { color:#333; padding:5px 8px 5px 0; vertical-align:top; list-style:decimal; }
#directions li ol li { list-style:lower-alpha; font-size:.90em; }

#maps { float:right; width:385px; margin-top: 20px; }
#structDetail { width:560px; overflow:auto; clear:none;display:block; float:right; }
#structDetail img { text-align:left; margin-right: 9px;  }

/* HOME CONTENT  ********************************************************************************/

#contentHomeWrapper { position: relative; float: left; background-color: #000000; padding: 10px 18px; width: 814px; }

#contentHome { float: left; position: relative; background: #000000 url(../images/bgs/bg_grizzly01.jpg) no-repeat top left; width: 814px; height: 388px; }

#homeColumnLeft { float: left; position: relative; margin: 25px 15px 25px 25px; width: 175px; }

#homeColumnCenter { float: left; position: relative; width: 320px; margin: 25px; }

* html #homeColumnCenter { width: 290px; }

#homeColumnRight { float: left; margin:25px; position:relative; width: 165px; }

/* ---------------- FOOTER ---------------------- */
#footer { margin-left: 17px; float:left; position: relative; clear:both; height:auto; width: 814px; padding: 10px 0; background-color: #000000; text-align: left; color: #998471; font: normal normal .8em Verdana, Arial, Helvetica, sans-serif; }

#footer ul { margin-bottom: 5px; padding-bottom: 5px; }

#footer li { color: #998471; display: inline; padding: 0 8px 0 7px; border-right: 1px solid #998471; }

#footer li.last { border-right: none; }

#footer a { font: normal normal 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #998471; }

#footer a:hover { text-decoration: underline; }

#footerSiteBy { margin: 0; padding: 0 0 7px 7px; text-align: left; color: #534948; }

#footerSiteBy a { text-decoration: none; color: #534948; }

/* =table.cfdebug */
table.cfdebug { clear:both; table-layout: fixed; text-align:left; }