﻿body { 
	background-color: #e5dec2; /* cbb99d dcbd7c */
	margin: 0px;	/* 10px 15px 10px; */
	padding: 0px;	/* 10px 0px 0px; */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 0.7em; 
	color: #5b3714; 
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0px;  }

h1 { font-size: 20px; }

h2 {
	font-size: 20px;
	text-transform: capitalize; font-variant: small-caps; letter-spacing: 1px;
}

h3 { 
	font-size: 16px; font-weight: bolder; margin: 0px 0px 3px; font-style: italic;
	text-transform: capitalize; font-variant: small-caps; letter-spacing: 1px; border-bottom: solid 0px #bbb; 
}

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 {
	font-size: 12px; text-transform: capitalize; font-variant: small-caps; letter-spacing: 2px; 
	padding-bottom: 5px; 
	margin: 0px 5px 0px 5px; 
	border-bottom: dashed 1px #aaa; 
}

p {
	line-height: 1.4em;
	margin: 10px 0px 10px 0px; 
}

.indent { text-indent: 25px; }

hr { border: 0; border-top: 1px solid #bbb; height: 1px; }

a			{ color: #d30000; text-decoration: none; }
a:visited	{ color: #d30000; text-decoration: none; } 
a:hover		{ color: #5b3714; text-decoration: underline; }
a:active	{ color: #d30000; text-decoration: none; }

/*img { behavior: url(includes/iepngfix.htc); }*/
img { border: none; }

.clear { clear: both; }

.none { display: none; }

.ErrorMsg { color: #b40018; } 


/* 0.0 CENTERED CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.container {
	width: 800px;
	margin: 0 auto;
}

/* 1.0 HEADER CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
	padding: 10px 5px 5px 5px;
	height: 35px;
}
#companyHeader {
	float: left;
	font-size: 2em;
}

/* 1.1 NAV CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav-main {
	height: 25px;
	/*background: transparent url(images/bg-adminMenu.gif) repeat-x;
	border: solid 1px Purple; */
	margin: 0px; 
}
.navLeft {
	width: 74%;
	float: left;
	padding: 0px; 
	border: solid 1px #000; background-color: Yellow;/**/
}
.navRight {
	z-index: 1;
	position: relative; top: 46px; right: 42px;
	width: 50%; 
	float: right;
	text-align: right; 
	color: White;
	/*border: solid 1px #000; background-color: Purple;*/
}
.navRight a {
	color: White;
}

/* 2.0 MAIN CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main-content {
	margin: 0 auto 0 auto;
	/*padding-top: 50px;*/
	width: 886px;
	background: transparent url(images/main-bg.gif) repeat-y top left;
}
#page-content {
	z-index: 1;
	position: relative; top: -60px;
	width: 800px; 
	margin: 0px auto 0px auto;
	padding-left: 35px;
	border: 0px solid Purple; /* -bottom */
	/*
	background: transparent url(images/page-EMT.jpg) no-repeat top left;
	padding: 15px;
	background-image: url(images/page-bg.gif); background-position: 200px -20px; background-repeat: repeat-y;
	background-color: transparent; background-attachment: fixed;
	*/
}
#page-head {
	z-index: 1;
	height: 170px;
	background: transparent url(images/page-head.jpg) no-repeat top left;
}

/* 2.1 MAIN LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.onecol {
	/*background-image: url(images/bg-1colC.png);*/
}
.twocolL {
	/*background: #fff url(images/bg-2colL.png) repeat-y top left;*/
}
.twocolR {
	/*background: #fff url(images/bg-2colR.png) repeat-y top left;*/
}
.threecol {
	/*background: #fff url(images/bg-3colC.png) top left;*/
}

.onecol .content {
	width: 100%;
}
.twocolL .content {
	width: 575px;/*78%*/
	margin-left: 25px;
}
.twocolR .content {
	width: 575px;
}
.twocolR .col01 {
	float: left;
}
.twocolL .col02 {
	float: left;
}
.threecol .col01, .threecol .col02 {
    width: 160px;
}
.threecol .content {
	margin-left: 25px; 
}
/* Hide the following rule to always show the side columns
*/
.twocolL .col02, .twocolR .col01, .onecol .col01, .onecol .col02 {
	display: none; visibility: hidden; 
}

/* 2.2 MAIN COLUMNS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.col01 { 
	float: left;
	width: 160px;
	padding: 0px;
	margin-top: 90px;
}
.content { 
	float: left;
	width: 398px;/*58%*/
	min-height: 300px;
	text-align: left;
	padding: 0px;
}
.col02 {
	float: right;
	width: 160px;
	padding: 0px;
}

/* SHOW THIS CONTENT for TESTING
   Will color the backgrounds for all columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
.content { 
	border: solid 0px #ddd; background-color: #d2ffd2;
}
.col01, .col02 {
	border: solid 0px #ddd; background-color: #ddf6ff;
}
*/

/* 3.0 FOOTER CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerContainer {
	width: 801px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #336633;
}
#footer {
	height: 36px;
	font-size: .8em;
	padding: 10px 0 0 0;
}
.footLeft {
	height: 27px; 
	padding: 9px 0 0 20px;
	float: left;
	color: #5b3714; /*  */
}
.footRight {
	height: 27px;
	padding: 9px 0 0 0;
	width: 190px; 
	float: right;
	text-align: center; 
	color: #5b3714; 
}


/* 3.1 FOOTER Sub-Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-sub a:link,
#footer-sub a:visited {
	text-decoration: underline;
	color: #999999;
	padding-right: 10px;
}
#footer-sub a:hover {
	color: #666666;
	text-decoration: none;
}
#footer-sub {
	padding: 5px 0 5em 2em;
	width: 740px;
	font-size: .8em;
	color: #999999;
}
.navfooter ul.AspNet-Menu {
    width: 50em; 
	text-align: center;
}

/* 4.0 SITE SPECIFIC
---------------------------- */
.divContact { 
	width: 95%;
	padding: 0px 0px 0px 20px;
	margin-bottom: 5px;
	border: solid 0px #ddd;
}
.frmLabelDiv {
	width: 125px;
	float: left;
	padding: 3px 0px 0px 0px;
}
.frmFieldDiv {
	float: left;
	padding: 0px 10px 0px 0px;
}
.frmAlertDiv {
	float: left;
	padding: 3px 0px 0px 0px;
}

.formField, .formFieldActive {
	border: solid 1px #c4b98f;
	background-color: #ffffff;
	padding: 3px 5px 3px 6px;
	margin-left: 1px;
	color: #555555;
}
.formFieldActive {
	background-color: #e2f0d4; /* eeeeee */
}
.RequiredField {
	border-left: solid 2px #b40018;
	margin-left: 0px;
}

.alert {
	margin: 5px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
	background-color: #FFFFCC;
	border: #CCCCCC solid 1px;
}
.info {
	float: right;
	/*width: 90%;*/
	margin: 0px 0px 0px 0px;
}
.alertIcon {
	float: left;
	width: 29px;
	height: 29px;
	margin: 10px 15px 0px 0px;
}

/* SITE SPECIFIC
	Elk Mountain Taxidermy - Home Page
-------------------------------------------------------------- */
#hpContainer {
	border: 1px solid #5b3714;
	background-color:#336633;
}
#home-content {
	width: 650px;
	float: left;
	padding: 0 10px 0 15px;
	border-bottom: solid 15px #336633;
	background: transparent url(images/bg-homeL.gif) repeat-y -10px top;
}
#hpBanner {
	width: 650px;
	margin-top: 0px;
	z-index: 1;
	position: relative;
	top: -20px;
}
#hpContent {
	width: 620px;
	margin: 10px 15px 20px 15px;
	text-align: center;
}
.offer {
	float: left;
	padding: 0 0 0 20px;
}
/* d3ccaf e5dec2 5b3714 */
#hpNav {
	z-index: 2;
	position: relative;
	width: 400px;
	top: 0px;
	left: 250px;
	height: 25px;
	border: 0px solid Black;
}
#hpNav ul {
	float: right;
	padding: 0; 
	margin: 0;
	border-left: 1px solid #d3ccaf;
}
#hpNav ul li {
	list-style-image: none;
	list-style: none;
	background: none;
	margin: 0;
	float: left;
	border-right: 1px solid #d3ccaf;
	border-bottom: 1px solid #d3ccaf;
}
#hpNav ul li a {
	padding: 5px 7px 6px 7px; 
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #5b3714;
	background-color: transparent;/* #f0f0f0 */
	/*background: #f0f0f0 url(wm_nav/1mainnav_back.gif) top left repeat-x;*/
}
#hpNav ul li a:hover {
	background: #e5dec2;
}

#hpRightCol {
	float: left;
	width: 115px;
	padding: 0 5px 0 5px;
}

/* PAGE MENU CSS
-------------------------------------------------------------- */
#XpageNav {
	z-index: 2;
	position: relative;
	width: 400px;
	top: 0px;
	left: 250px;
	height: 25px;
	border: 0px solid Black;
}
#pageNav ul {
	float: right;
	padding: 0; 
	margin: 0;
	border-left: 1px solid #b4ae92;
}
#pageNav ul li {
	list-style-image: none;
	list-style: none;
	background: none;
	margin: 0;
	float: left;
	border-right: 1px solid #b4ae92;
	border-top: 1px solid #b4ae92;
	border-bottom: 1px solid #336633;
}
#pageNav ul li.page_on {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
#pageNav ul li a {
	padding: 5px 7px 6px 7px; 
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #5b3714;
	background-color: transparent;/* #f0f0f0 */
	/*background: #f0f0f0 url(wm_nav/1mainnav_back.gif) top left repeat-x;*/
}
#pageNav ul li a:hover {
	background: #ffffff; /*e5dec2*/
}


/* PRICE PAGE
-------------------------------------------------------------- 
<div class="price-group" style="width:265px;float:left;margin-right:35px;">
	<div class="pgTitle">Game Heads</div>
	<hr />
	<div class="pgItem" style="height:12px;background:transparent url(images/bg-dotundrline.gif) repeat-x bottom;margin: 4px;"><span class="pgDesc" style="float:left;background-color:White;">Bear&nbsp;</span><span class="pgPrice" style="float:right;width:50px;text-align:right;background-color:White;">2,500</span><br class="clear" /></div>
</div>
<div class="pgItem"><span class="pgDesc">Bear</span><span class="pgPrice">2,500</span><br class="clear" /></div>
*/
.price-group {
	float: left;
	width: 263px;
	margin: 0 0px 25px 0;
}
.pgTitle {
	margin: 0 0 5px 0;
	text-align: center;
	font-weight: bolder;
	text-transform: capitalize; font-variant: small-caps; letter-spacing: 1px;
}
.pgDivider {
	height: 12px;
	background: transparent url(images/bg-PriceDivider.gif) repeat-x;
}
.pgNote {
	margin: 5px;
	line-height: 1.4em;
}
.pgItem {
	height: 12px;
	background: transparent url(images/bg-dotundrline.gif) repeat-x bottom;
	margin: 5px;
}
.pgDesc {
	float:left;
	padding-right: 5px;
	background-color:White;
}
.pgPrice, .pgPriceLg {
	float: right;
	width: 40px;
	text-align: right;
	background-color: White;
}
.pgPriceLg {
	width: 120px;
}

/* TEST ul & li
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sitemap {
	font-size: 140%;
	font-weight: bold;
}
#sitemap li {
	list-style: none;
}
#sitemap li ul {
	font-size: 90%; /* Reduces size by % cumulitively for each subsequent level */
	font-weight: normal;
}

#sitemap li ul li ul li {
	border: 1px solid Red;
	padding-left: 16px;
	background: url(images/navMain/ArrowRight.png) no-repeat 0 50%;
}
/*
<ul id="sitemap">
	<li>Weblog</li>
		<li>Articles
			<ul>
				<li>How to Beat the Red Sox</li>
				<li>Pitching Past the 7th Inning
					<ul>
						<li>Part I</li>
						<li>Part II</li>
					</ul>
				</li>
				<li>Eighty-Five Years Isn't All That Long, Really</li>
			</ul>
		</li>
	<li>About</li>
</ul>
*/

