/* CSS Document */

html,body{margin:0px;padding:0px;}
body{
	background-color: #3f2918;
	background-image: url(images/HCBBgTile.gif);
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

b{font-size: 110%;}
em{color: red;}
p{
	margin:0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h2{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F2918;	
}

h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F2918;	
}

h4{
	font-style:italic;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F2918;	
}

#maincontainer{
	width: 720px;
	margin:10px auto 10px auto;
	position:relative;
	overflow:hidden;
	min-height:650px;
}

html>body #maincontainer #outershadow{
	position: relative;
	width: 720px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:transparent;
	background-position: center;
}
#outershadow{
	position: relative;
	width: 720px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:transparent;
}
html>body #maincontainer #topsection{
	height: 145px; /*Height of top section*/
	background-color:transparent;
	background-image: url(images/TopHeader.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 720px;
}
#topsection{
	height: 145px; /*Height of top section*/
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 720px;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/TopHeader.png',sizingMethod='scale');
}
#right{
	position: relative;
	float: right;
}

#logo{
	padding-left: 9px;
	padding-top: 5px;
}

#contentwrapper{
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/OuterShadow.png',sizingMethod='scale');
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(images/OuterShadow.png);
	_background-image:none;
}
/*
#onecontentcolumn{
	width: 650px;
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	vertical-align: top;
}
#onecontentcolumn img {
	border: solid 5px #C49F47;
}
#onecontentcolumn td, #onecontentcolumn td img{
	vertical-align: top;
}*/


/*Left Column */
#contentcolumn{
	width: 350px;
	padding-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	font-size:12px;
	color: #3f2918;
}


#contentcolumn p, #contentcolumn2 p{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

#contentcolumn li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #3f2918;
	font-size:12px;
}

#contentcolumn ul
{
	font-size:12px;
	
}
#contentcolumn a, #contentcolumn2 a
{
	color: #000000;
}

#contentcolumn a:hover, #contentcolumn2 a:hover
{
	color:#BB6430;
}

#contentcolumn img, #contentcolumn2 img
{
	float:left;
	margin: 0px 7px 5px 0px;
	border: solid 2px #C49F47;
}

/*Left column for Layout Option 2*/
#contentcolumn2{
	width: 600px;
	padding-left:58px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	position: relative;
	color: #3f2918;
}

#contentcolumn2 ul, .cc2ul
{
	float: right;
	border: solid 2px #C49F47;
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	list-style-position:inside;
}

#contentcolumn2 li, .cc2ul li
{
	font:Arial, Helvetica, sans-serif;
	padding:none;
	margin:none;
	font-size: 12px;
}

.cc2ul li {
	color:#ffffff !important;
	padding:none !important;
	margin:none !important;
}

/*Right Column */
#rightcolumn{
	float: right;
	width: 280px; /*Width of right column*/
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right:20px;
	color: #3f2918;
}


#rightcolumn img{
	border: solid 5px #C49F47;
}

#rightcolContent
{
	padding-left:10px;
	padding-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#rightcolContent p
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding-bottom: 5px;
	font-size:12px;
}

#rightcolContent li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#rightcolContent ul
{
	font-size:12px;
	margin:0px;
	
}
#rightcolContent a
{
	color: #000000;
	font-size:12px;
}

#rightcolContent a:hover
{
	color:#BB6430;
}
html>body #maincontainer #footer{
	width: 720px;
	color: #FFF;
	text-align: center;
	background-image: url(images/FooterBg.png);
	background-repeat: no-repeat;
	height: 171px;
	background-position: center bottom;
	margin: 0 auto;
}
#footer{
	width: 720px;
	color: #FFF;
	text-align: center;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/FooterBg.png',sizingMethod='scale');
	background-repeat: no-repeat;
	height: 171px;
	background-position: center bottom;
	margin: 0 auto;
}
#footer p.copy{
	color: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 140px;
	font-size: 0.8em;
	text-align: center;
}
#footer img{
	text-align: center;
}


/*******************
Western Ascent
added 08/08/08
*******************/
.roundHeader {
    float:left;
    position:relative;
    padding:0px 20px 0px 20px;
    height:30px;
    line-height:30px;
    background-color:#C49F47;
    font-size:16px;
    font-weight:bold;
}
.roundHeader2 {
    float:left;
    position:relative;
    width:560px;
    padding:10px 20px 10px 20px;
    background-color:#C49F47;
    font-size:14px;
}
.hBox{
    float:left;
    position:relative;
    width:539px;
    padding:20px 20px 20px 20px;
    background-image:url(images/boxBg2.gif);
    background-repeat:repeat-y;
    color:#FFFFFF;
	margin-left:10px;
	display:inline;
}

.hBox img, .roundHeader img, .roundHeader2 img {
    border:none !important;
    margin:0px 0px 0px 0px !important;
}

.magazineDiv {
    float:left;
    width:211px;
    height:110px;
    padding:2px 5px 2px 88px;
    border:2px solid #C49F47;
    background-color:#3F2918;
    color:#FFFFFF;
    text-align:center;
    margin-top:25px;
}
.magazineLink {
    float:left;
    display:inline;
    height:110px;
    width:86px;
    margin-left:-86px;
    background-image:url("images/magazineCover.jpg");
    background-repeat:no-repeat;
}
.magazineLink a img {
    border:none !important;
}



/*  Top Nav   */

#topmenu{
	width: 523px;
	height: 33px;
	position:absolute;
	top:55px;
	left:155px;
	background-image:url(images/nav_bg.gif);
	background-repeat:no-repeat;
}

#jsddm
{	margin: 0;
	padding: 0;
	float:left;
	height:33px;}
	
#jsddm li
{	float: left;
	list-style: none;
	margin:0px 0px 0px 7px;
	display:inline;
	font: 12px Helvetica, Arial;}

#jsddm li a
{	display: block;
	line-height:30px;
	height:30px;
	text-decoration: none;
	color: #513016;
	font-size:17px;
	text-align:center;
	padding-bottom:3px;
	white-space: nowrap}

#jsddm li a.nav_about
{	width:83px; }
#jsddm li.active a.nav_about
{	background-image:url(images/nav_about_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li a.nav_team
{	width:87px; }
#jsddm li.active a.nav_team
{	background-image:url(images/nav_team_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li a.nav_login
{	width:104px; }
#jsddm li.active a.nav_login
{	background-image:url(images/nav_login_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li a.nav_ingredients
{	width:133px; }
#jsddm li.active a.nav_ingredients
{	background-image:url(images/nav_ingredients_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li a.nav_contact
{	width:72px; }
#jsddm li.active a.nav_contact
{	background-image:url(images/nav_contact_bg.jpg);
	background-repeat:no-repeat; }
	
#jsddm li.active2 a.nav_about, #jsddm li.active2 a.nav_team, #jsddm li.active2 a.nav_login, #jsddm li.active2 a.nav_ingredients, #jsddm li.active2 a.nav_contact {
	text-decoration:underline;
}
	
#jsddm li.active ul li a
{	background-image:none; }
	
#jsddm li ul
{	margin: 0;
	position: absolute;
	margin-left:1px;
	display:inline;
	visibility: hidden;
	padding:4px 5px 10px 5px;
	background-position:bottom;}
	
#jsddm li ul.aboutSub
{	background-image:url(images/aboutSub_bg.gif);}
#jsddm li ul.teamSub
{	background-image:url(images/teamSub_bg.gif);}
#jsddm li ul.ingredientsSub
{	background-image:url(images/ingredientsSub_bg.gif);}

#jsddm li ul li
{	float: none;
	margin-left:0px;
	display: inline}

#jsddm li ul li a
{	width: auto;
	line-height:20px;
	height:20px;
	font-size:14px;
	background: #C49F47;
	padding:0px 6px 0px 6px;
	text-align:left;
	background-image:none;}

#jsddm li ul.aboutSub li a
{	width:135px; }
#jsddm li ul.aboutSub li a:hover
{	background-image:url(images/aboutSub_on_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li ul.teamSub li a
{	width:173px; }
#jsddm li ul.teamSub li a:hover
{	background-image:url(images/teamSub_on_bg.jpg);
	background-repeat:no-repeat; }

#jsddm li ul.ingredientsSub li a
{	width:149px; }
#jsddm li ul.ingredientsSub li a:hover
{	background-image:url(images/ingredientsSub_on_bg.jpg);
	background-repeat:no-repeat; }
	
#jsddm li ul li.active2 a {
	text-decoration:underline;
}


/*  Side Nav   */

#sideNavWrapper {
	position:absolute;
	top:150px;
	left:-140px;
	font-family:helvetica,arial, sans-serif;
	width:172px;
}

#sideNav {
	visibility:hidden;
}

#sideNavBtnOpen, #sideNavBtnClose {
	position:absolute;
	top:8px;
	left:145px;
	display:block;
	width:25px;
	height:109px;
	background-image:url(images/sitemap_btn.gif);
}

#sideNavBtnOpen {
	top:158px;
	left:5px;
}

#sideNav img {
	float:left;
	clear:both;
}

#sideNav ul {
	background-color:#C49F47;
	border-left:3px solid #3F2512;
	border-right:3px solid #3F2512;
	float:left;
	width:141px;
	list-style-type:none;
	padding:0;
	margin:0;
	clear:both;
}

#sideNav ul li {
	float:left;
	clear:both;
	width:127px;
	padding:0px 0px 10px 3px;
}

#sideNav ul li a {
	float:left;
	width:100%;
	text-align:center;
	height:24px;
	line-height:24px;
	color:#513016;
	font-size:17px;
	font-weight:bold;
}

#sideNav ul li ul {
	border:none;
	width:127px;
}

#sideNav ul li ul li {
	padding:0;
}

#sideNav ul li ul li a {
	text-align:left;
	text-decoration:none;
	height:21px;
	line-height:21px;
	color:#513016;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}

#sideNav ul li ul li a:hover, #sideNav ul li ul li.active2 a {
	background-image:url(images/left_bg_on.jpg);
	background-repeat:no-repeat;
}



/* careers.php job listings */

#career-postings{
width:450px;
text-align:left;
}

.detail-entry{
padding:4px 0px;
}

.showrow{
color:#3F2918;
}

#career-postings th
{
	text-align:left;
}


#rightcolumn_narrower{
	float: right;
	width: 200px; /*Width of right column*/
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right:10px !important;
	padding-left:10px !important;
	color: #3f2918;
}

#rightcolumn_narrower p
{
	margin:0px !important;
}

#contentcolumn_wider{
	width: 450px;
	padding-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	font-size:12px;
	color: #3f2918;
}