/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html {
	background-color: #C0BA8E;	
}

body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: none;
	width: 800px;
	font-size: 11pt;
	line-height: 14pt;
	text-align: left;
	margin: auto;
	border: 0px solid #000000;
}

a,a:visited,a:active
{
	color : #007700;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

div#topOfPageAnchor {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
}

/************* #index column styles **************/
div.contentIndex
{
	border: 0;
	clear: both;
	text-align : center;
	margin : 10px 0px 20px 0px;
	padding : 10px 0px 20px 0px;
	width : 800px;
}

.storyIndex {
	padding: 0;
	font-size: 80%;
}

.column {

	padding-left: 8px;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px;	
}
.columnRight {
	float: right;
	padding-left: 10px;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;	
}
html>.column {
	width: 100%;
}
html>.columnRight {
	width: 100%;
}

.columnRight h1, .column h1 {
	font-size: 100%;
}

.columnRight p, .column p {
	padding: 0px;
}

.columnRight h4, .column h4 {
	margin-left: 1px;
	font-size: 95%;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}


/************* #globalNav styles **************/

#globalNav{
	background: #A5794D;
	padding: 3px 10px 3px 10px;
	text-align: center;	
	color: #000000;
	vertical-align: middle;
	border-bottom: 0px solid #C0BA8E;
	border-top: 0px solid #C0BA8E;
	font-size: 9pt;
	font-weight: bold;
}

a.mainMenu, a.mainMenu:visited, a.mainMenu:active 
{
	color : #000000;
	padding: 0px 10px 0px 10px;

}

a.mainMenu:hover {
	text-decoration: underline;

}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #006600;
}

#story h2 {
 	font-size: 114%;
 	color: #006600;
 	margin: 5px 0 3px 0;
	padding: 0 0 2px 0;
}

#content h2 {
 	font-size: 114%;
 	color: #006600;
 	margin: 5px 0 3px 5px;
	padding: 0 0 1px 0px;
}
#contentIndex h2
{
 	font-size: 114%;
 	color: #006600;
 	margin: 5px 0 5px 5px;
	padding: 0 0 2px 1px;
}

h3 {
	font-size: 85%;
	color: #555555;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	text-transform: capitalize;	
}

h5 {
	margin: 0;
	font-size: 95%;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;	
}

h4 {
	margin-left: 1px;
	font-size: 85%;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}


label{
	font: bold 100% Arial,sans-serif;
 color: #334d55;
}

.label{
	font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#banner {
	margin: 0;
	padding: 0;
	width: 100%;
	height:120px;
	background-color: #C0BA8E;
	background-image: url(../images/logo.jpg);
}

div.content {
	width: 800px;
	border: 0;	
	clear: both;
	text-align : center;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px 20px 0px;	
}

#content {
   border-right: 2px solid #9DC46B;	
	float:left;
	width: 70%;
	margin: 1px 0 0 0;
	padding: 0 3% 0 0;
}

#masthead {
	margin: 0;
	padding: 10px 0px 0px 0px;
	width: 800px;
	background-color: #C0BA8E;
}

#navBar{
	margin : 0px 5px 20px 10px;
	padding : 0px 0px 0px 15px;
	width: 170px;
	float: right;

}


#contentIndex{
	float:left;
	width: 70%;
	margin: 1px 0 0 0;
	padding: 0 3% 0 0;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

/***********************************************/
/* subscribe button                            */
/***********************************************/
	.nhbrOn {
		background-color:#999966;
		padding:2px;
		font:bold 10pt Arial;
		border-bottom:2px solid white;
		border-right:2px solid white;
		border-top:2px solid white;
		border-left:2px solid white;
		

		}
	.nhbrOff {
		background-color:#669966;
		padding:2px;
		color:white;
		font:bold 10pt Arial;
		border-bottom:2px solid black;
		border-right:2px solid black;
		border-top:2px solid black;
		border-left:2px solid black;
		
		}
#banner .nhbrOff, #banner .nhbrOn {
	float: right;
	margin: 50px 50px 10px 10px;
}
		
/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}



/************** .feature styles ***************/

.feature{
	padding: 0px 3px 10px 10px;
	font-size: 85%;
}

.feature h3{
	font-size: 114%;
	color: #006600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	text-transform: capitalize;	
}

.feature img {
	float: left;
	padding: 0px 3px 0px 0px;
	margin: 0 3px 0 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 5px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font-size: 110%;
	color: #006600;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	text-transform: capitalize;	
}

.story p{
  padding: 0;
}

.story ul {
	padding: 0;
	margin-left:20px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #C0BA8E;
	font-size: 75%;
	color: #333333;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}



/*********** #page-level Nav styles ***********/


#button {
	padding: 3px 2px 0px 1px;
	text-align : right;
	}
	
#button h3{
	font-size: 85%;
	color: #006600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	text-transform: capitalize;	
}
	
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
	border-bottom: 1px solid #9dc46a;
	list-style-type: none;
	font-size: 10pt;
		}
		
#button li a {
		display: block;
		padding: 0px 0px 0px 1px;
		color: #006600;
		text-decoration: none;
		}

#button li.top {
	border-top: 1px solid #9dc46a;
	list-style-type: none;
		}
		
html>body #button li a {
		width: auto;
		}

#button li a:hover {
		background-color: #CCFF99;
		color: #333333;
		}
#button li a:active {
		background-color: #ffffff;
		color: #333333;
		font-weight: normal;
		}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.shopperHeader {
	display: none;
}

/*********** order form styles ***********/
.orderForm {
	width: 100%;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.orderForm p{
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
@media print {
	body {
		margin: 0;
		padding: 0;
		background-color: White;
	}
	
	body img {
	display: none;
	}

#banner {
	margin: 0;
	padding: 0;
	width: 100%;
	height:120px;
	background-color: #C0BA8E;
}


.shopperHeader {
	font-size: 120%;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
}