html { font-size: 1em; }
body { margin: 0; padding: 0; font-family: sans-serif; font-size: 1em; line-height: 1.2em; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-weight: normal; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-top: 0; margin-top: 0; margin-bottom: 0; }
a, a:link { color: #143511; }
a:visited { color: #996600; }
a:hover, a:focus { color: #668064; }
a:active { color: #a39917; }
.hidden { display: none; }
.left { float: none; margin: 0; }
.right { float: none; margin: 0; }
/* Design-Specific Declarations */
body { background: #010101; color: #fff; }
#container { width: auto; margin: 0 auto; font-size: 90%; position: relative; }
.home #container { background: #000; }
.home #logo { background: #000; width: auto; height: auto; text-indent: 0; display: block; position: relative; top: 0; color: #fff; font-size: 140%; }
#logo a { background: #000; width: auto; height: auto; text-indent: 0; display: block; position: relative; top: 0; color: #fff; font-size: 140%; }
#networks { background: #143511; float: none; width: auto; font-size: 100%; margin-bottom: 0; }
.home #networks { background: #143511; margin-bottom: 0; }
#networks ul { margin: 0 auto; padding: 5px 0; list-style: none; }
#networks ul li { margin: 0; padding: 0; list-style: none; float: none; }
#networks ul li span { float: none; display: block; padding-right: 10px; }
#networks ul li a { display: block; float: none; background-repeat: no-repeat; background-position: left top; color: #fff; text-decoration: none; }
#networks ul li a:hover { background-position: left -100px; }
#networks ul li a.newsletter { background-image: none; padding-left: 0; padding-right: 0; padding-bottom: 0; }
#networks ul li a.blog { background-image: none; padding-left: 0; padding-right: 0; padding-bottom: 0;}
#networks ul li a.twitter { background-image: none; width: auto; text-indent: 0; }
#networks ul li a.facebook { background-image: none; width: auto; text-indent: 0; }
#tagline { background: none; width: auto; height: auto; text-indent: 0; position: relative; right: 0; top: 0;}
.home #tagline { left: 0; right: 0; top: 0; }
#containerColumns { background: none; clear: both; }
#containerColumnsFoot { background: none; }
#columnMain { float: none; width: auto; }
#illustration { display: none; }
#callToAction { background: #143511; padding-left: 0; }
a#reservation { background: none; width: auto; height: auto; text-indent: 0; display: block; float: none; color: #fff; }
a:hover#reservation, a#reservation:hover { background-position: left bottom; color: #fff; }
#tollFree { background: none; width: auto; height: auto; text-indent: 0; display: block; float: none; color: #fff; }
#content { background: #fff; color: #000; padding: 30px 0; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 210%; font-weight: normal; margin-bottom: .6em; }
#content h1 { background: none; margin-bottom: 1.2em; padding-bottom: .5em; }
#content #contact h1 { background: none; padding: 0; margin-bottom: .6em; }
h2 { color: #996600; font-size: 130%; }
h3 { color: #1e461a; text-transform: uppercase; clear: both; }
#contact { margin: 0; background: #c7c7c7; clear: both; }
#contactHead { background: none; }
#contactFoot { background: none; padding: 24px 0; }
#contact p { line-height: 1.45; }
#columnSide { float: none; width: auto; padding-top: 0; padding-bottom: 40px; }
.home #columnSide { margin-top: 0; }
#navigation { background: none; padding: 12px 0; margin: 0 0 16px 0; }
#navigation ul { margin: 0 auto; padding: 0; list-style: none; }
#navigation ul li { margin: 0; padding: 0; list-style: none; }
#navigation ul li a { display: block; background-repeat: no-repeat; background-position: left top; }
#navigation ul li a:hover { background-position: left bottom; }
#navigation ul li a.home { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.fletcher-lake-lodge { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.outpost { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.fishing-vacations { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.hunting-vacations { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.rates { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.location { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.about { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.photo-galleries { background-image: none; text-indent: 0; width: auto; height: auto; }
#navigation ul li a.contact { background-image: none; text-indent: 0; width: auto; height: auto; }
/* START HIERARCHICAL MENU - VERTICAL */
/* set colors and styles */
#menu { margin:0; padding:0; list-style: none; }
#menu ul { width: auto; background: #2b4624; margin: 0; padding: 0; list-style: none; font-weight: bold; }
#menu li { position: relative; }
#menu li a { display: block; }
/* #ie #menu li a { width: auto; } UNCOMMENT for vertical text navigation - add width of container minus padding and margin */
#ie #menu li li a { width: auto; }
#menu img { display: block; }
#ie #menu li { display: inline; }
#menu li ul a { color: #fff; text-decoration: none; padding: .8em 15px; display: block; border-left: 20px solid #000; }
#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #2b4624; background: #fff; }
/* position sub-level drop-downs */
#menu ul { margin-left: 45px; top: 0; /*adjust to height of images*/ }
#ie #menu ul { display: block; } /*adjust to height of images for IE*/
#menu ul ul { margin: -1px 0 0; }
/* the magic - only edit where notated */
#menu li:hover { z-index: 5; }
#ie #menu li li a { height: 1%;} /*allows IE to use block hovers */
#ie6 li.hierover { z-index: 5; } /*overlay fix for IE6 */
/* hides/shows all levels */
/*hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; }
/*shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 214px; }
/*shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - VERTICAL */
#video { background: none; padding: 21px 0; margin-bottom: 18px; }
.box { background: #cccccc; color: #000; margin-bottom: 22px; margin-left: 0; }
.boxHead { background: none; }
.boxFoot { background: none; padding: 21px 0; }
.box a { background: none; padding: 0 15px 0 0; font-weight: bold; }
#blog { }
#brochure { }
#navigationLower { clear: both; background: #143511; padding: 19px 0; }
#navigationLower ul { margin: 0 auto; padding: 0; list-style: none; }
#navigationLower ul li { margin: 0; padding: 0; float: none; list-style: none; padding: 0; }
#navigationLower ul li a { display: block; color: #fff; text-decoration: none; }
#navigationLower ul li a:hover { color: #d2c51d; }
#footer { padding: 26px 0; }
#ontario { background: none; width: auto; height: auto; text-indent: 0; display: block; float: none; padding: 0 0 18px 0; }
#footerMain { float: none; }
#copyright { color: #c6c6c6; background: #252525; padding: 18px 0 0 0; float: none; margin-right: 24px; }
#makeReservation { color: #c6c6c6; background: #252525; padding: 18px 0; float: none; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #d2c51d; }