CSS - http://www.moosehunting.bc.ca/
http://www.moosehunting.bc.ca/
http://www.moosehunting.bc.ca/css/screen.css

/*
---------------------------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: WWW.MOOSEHUNTING.BC.CA
---------------------------------------------------------------------------------------------------
DESIGN, CSS & XHTML: kerri du pont - WWW.BCDESIGNWORKS.COM
---------------------------------------------------------------------------------------------------
Color References
---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------
*/

/* Global Settings
--------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

html { background:#332316; }

body {
	font: 12px/1 Georgia, Times, serif;
	background-image: url(/gfx/bg_h.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
}

ul {
	list-style: none;
}

a {
	font-weight: bold;
	color: #3B1F03;
	text-decoration: underline;
}
a:hover {
	color: #666600;
	text-decoration: underline;
}



/* Global Layout Divisions
--------------------------------------------------------------------------------------------------- */
#container {
	width: 757px;
	text-align: center;
	background: #160F0A url(/gfx/wrapborder.gif) repeat-y;	
	margin: 0 auto; padding: 0;
}

#header {
	width: 753px;
	background: #332316 url(/gfx/landscape.jpg) no-repeat bottom center;	
	height: 244px; 
	border-bottom: 2px solid #999;
	margin: 0 auto;
	position: relative;
}

#nav {
	margin: 0 auto; padding: 0;
	width: 753px;
	height: 28px;
	line-height: 28px;
	background: #160F0A;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
body.inside #header {
	width: 753px;
	height: 126px; 
	background: #332316 url(/gfx/logo2.jpg) no-repeat top center;	
	margin: 0 auto; padding: 0;
	text-indent: -9999px;
	position: relative;
}
body.inside #header p {
	margin: 0; padding: 0;
}

body.inside #nav {
	margin: 0 auto; padding: 0;
	width: 753px;
	height: 28px;
	line-height: 28px;
	background: #160F0A;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	position: absolute;
	left: 0px; 
	top: 96px;
}


#wrapper {
	width: 753px;
	background: #5F4224;
	margin: 0 auto;
}

body#home #container #wrapper #content {
	height:745px;
}

body.inside #container #wrapper {
	width: 753px;
	background-color: #160F0A; 
	background-image: url(/gfx/insidepaper-rpt.jpg);
	background-position: 0 1px;
	margin: 0 auto;
}

#content {
	float: left;
	width: 546px; 
	text-align: left;
	padding: 0;
}

body#home #content {
	background: #160F0A url(/gfx/papers-home.jpg) no-repeat 0 0;
	border-right: 2px solid #999;
}

#sidebar {
	float: right;
	width: 205px; 
	background-color: #5F4224;
	text-align: left;
}

#footer {
	width: 753px;
	height: 30px;
	line-height: 30px;
	background: url(/gfx/footer-bg.jpg) no-repeat 0 0;
	color: #fff;
	border-top: 2px solid #999;
	margin: 0 auto;
}

/* -------------------------| Header |---------------------------- */
h1 {
	margin:0; padding:0;
	height: 134px;
	width: 753px;
	background: #332316 url(/gfx/logo.jpg) no-repeat;
	text-indent: -9999px;
}


/* -------------------------| Navigation |------------------------ */
#nav ul, #utilitynav ul {
	margin: 0; padding: 0;
}
#nav ul {
	padding: 0 15px;
}

#nav ul li,
#utilitynav ul li {
	float: left;
	margin: 0; padding: 0;
}

#nav ul li {	
	height: 28px;
	font: bold 14px/1 Verdana, Arial, sans-serif;
}

#nav ul li a {	
	display: block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
}

#nav ul li.hunting {width: 114px;}
#nav ul li.hunting a {background: url(/gfx/nav/nav1.gif) no-repeat 0 0;}
#nav ul li.hunting a:hover {background-position: -114px 0;}
body#hunting_pg #nav ul li.hunting a {background-position: -114px 0;}

#nav ul li.fishing {width: 100px;}
#nav ul li.fishing a {background: url(/gfx/nav/nav2.gif) no-repeat 0 0;}
#nav ul li.fishing a:hover {background-position: -100px 0;}
body#fishing_pg #nav ul li.fishing a {background-position: -100px 0;}

#nav ul li.travel {width: 96px;}
#nav ul li.travel a {background: url(/gfx/nav/nav3.gif) no-repeat 0 0;}
#nav ul li.travel a:hover {background-position: -96px 0;}
body#travel_pg #nav ul li.travel a {background-position: -96px 0;}

#nav ul li.camps {width: 90px;}
#nav ul li.camps a {background: url(/gfx/nav/nav4.gif) no-repeat 0 0;}
#nav ul li.camps a:hover {background-position: -90px 0;}
body#camps_pg #nav ul li.camps a {background-position: -90px 0;}

#nav ul li.prices {width: 90px;}
#nav ul li.prices a {background: url(/gfx/nav/nav5.gif) no-repeat 0 0;}
#nav ul li.prices a:hover {background-position: -90px 0;}
body#prices_pg #nav ul li.prices a {background-position: -90px 0;}

#nav ul li.photos {width: 99px;}
#nav ul li.photos a {background: url(/gfx/nav/nav6.gif) no-repeat 0 0;}
#nav ul li.photos a:hover {background-position: -99px 0;}
body#photos_pg #nav ul li.photos a {background-position: -99px 0;}

#nav ul li.links {width: 82px;}
#nav ul li.links a {background: url(/gfx/nav/nav7.gif) no-repeat 0 0;}
#nav ul li.links a:hover {background-position: -82px 0;}
body#links_pg #nav ul li.links a {background-position: -82px 0;}

#utilitynav {
	margin: 0; padding: 0;
	float: left;
	font: 10px/1 Verdana, Arial, sans-serif;
	height: 28px;
	width: 205px;
	background: url(/gfx/utility-bg.jpg) repeat-x 0 0;
}

#utilitynav ul {
	padding: 0 20px;
}
#utilitynav ul li {
	margin: 0;
	padding: 0 5px 0;
	line-height: 28px;
	color: #fff;
}

#utilitynav ul li a {
	font: 10px/1 Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}

#utilitynav ul li a:hover {
	text-decoration: underline;
}

/* ------------------------| Content |---------------------------- */
#contenthead {
	display: block;
	height: 180px;
	padding: 75px 0 10px 265px;
	background: url(/gfx/snapshot.jpg) no-repeat 75px 75px;
}

#contenthead h2 {

	}
#content p, h4 {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0 75px 15px;
}
#content p {
	font: 12px/1.3 Georgia, Times, serif;
}

#content h2, h3 {
	width: 200px;
	margin: 0; padding: 0;
	text-align: left;
}
#content h2 {
	color: #5F4224;
	font: bold 22px/1 Georgia, Times, serif;
}
#content h3 {
	color: #A73A04;
	font: italic bold 16px/1 Verdana, Arial, sans-serif;
}
#content h4 {
	color: #A73A04;
	font: bold 14px/1 Georgia, Times, serif;
}
body#hunting_pg #content ul {
	display: inline;
	float: left;
	width: 400px;
	margin: 0;
	padding: 0 75px 15px;	
	font: bold 12px/1.3 Georgia, Times, serif;
	list-style: normal;
}
#content table {
	display: inline;
	float: left;
	width: 400px; !important
	margin: 0;
	padding: 0 0 15px 75px;	
	font: 12px/1.3 Georgia, Times, serif;
	text-align: left;
}
#content table th {
	width: 200px;
	font: bold 12px/1.3 Georgia, Times, serif;	
	background-color: #BC9C59;
	padding: 5px;
}
#content table td {
	width: 200px;
	background-color: #BC9C59;
	padding: 5px;
}
#content table tr {
	padding: 1px;
}

body.inside #content {
	margin: 0; padding: 0;
}
body.inside #contenthead {
	width: 546px;
	height: 67px;
	margin: 0 0 20px; padding: 0;
	background-color: #3B1F03;
	background-image: none;
}
body.inside #contenthead h5 {
	margin: 0; padding: 10px 31px 10px 33px;	
}
blockquote {
	font: bold 18px/1 Georgia, Times, serif;
	text-align: left;
    clear: both; 
	color: #BDB493;
	margin: 0; 
	padding: 10px 20px 0;
}
.firstpara {
	font-weight: bold;
}
.quotecredit {
	font: italic normal 14px/1 Verdana, Arial, sans-serif;
	text-align: left;
	color: #BC9C59;
	margin:0; 
	padding: 0 0 15px;
}
.gallery {
    clear: both; 
	line-height: 0;
	margin: 0; 
	padding: 0;
}
.gallery a {
	display: block;
	height: 41px;
	background: #5F4224 url(/gfx/gallery-head.jpg) no-repeat 0 0;
	text-indent: -9999px;	
}


/* -----------------------| Footer |----------------------------- */
#footer ul {
	margin:0; padding: 0 15px;
}
#footer ul li {
	margin:0; padding: 0;
	float: left;
}
#footer ul li a {
	padding: 0 10px;
}

#footer ul li a, .sitecredit a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover, .sitecredit a:hover {
	text-decoration: underline;
}
.sitecredit {
	float: right;
	margin:0; 
	padding: 0 25px;
	color: #000;
}


/* Helper Classes
--------------------------------------------------------------------------------------------------- */
.body {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------------- | sIFR | ------------------------*/
.sIFR-active blockquote p {
  font-size: 16px;
}
.sIFR-active blockquote p.quotecredit {
  font-size: 14px;
}
.sIFR-active h2 {
  font-size: 22px;
  line-height:1em;
}

.sIFR-active h3 {
  font-size: 16px;
}
.sIFR-active h5 {
  font-size: 18px;
}


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}