/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* @group Structure */

body, html {
	background-color: #8fa981;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#bmd_nav {
	float: left;
	clear: both;
	background-color: #8fa981;
	width: 960px;
}

#mainnav {
	float: left;
	clear: both;
	background-color: #8fa981;
	width: 960px;
}

#masthead-home {
	float: left;
	clear: both;
	background: url(../herb-images/masthead-home-bg.gif);
	margin-bottom: 10px
}

#masthead {
	float: left;
	clear: both;
	margin-bottom: 10px
}

.slide {
	height: 350px;
}

/* Logo link thru CSS -- make sure heigh and width match the dimensions of your logo file. Use <a> in masthead div in the HTML file to call up the logo. 

#masthead a {
	background: url(../generic-images/logo.jpg) no-repeat;
	text-indent: -9000px;
	width: 323px;
	height: 75px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}*/

#srch {
    float: left;
    clear: both;
}

#content {
	float: left;
	clear: both;
	margin-top: 10px;
}

.feature {
	float: left;
	height: 192px;
}

#footer {
	float: left;
	clear: both;
	border-top: 1px dashed #999999;
	margin-top: 20px;
	height: 230px;
	background: url(../herb-images/footer-bg.jpg) no-repeat center top;
}

.clearl {
	clear: left;
}

/* @end */

/* @group Backgrounds */

.red-bg {
	background: url(../herb-images/feature-red-bg.jpg);
}

.green-bg {
	background: url(../herb-images/feature-green-bg.jpg);
}

.blue-bg {
	background: url(../herb-images/feature-blue-bg.jpg);
}

.bg-75 {
	background: url(../herb-images/content-bg-75.gif) repeat-y center top;
}

.bg-84 {
	background: url(../herb-images/content-bg-84.gif) repeat-y center top;
}

.bg-93 {
	background: url(../herb-images/content-bg-93.gif) repeat-y center top;
}

.bg-444 {
	background: url(../herb-images/content-bg-444.gif) repeat-y center top;
}

.bg-66 {
	background: url(../herb-images/content-bg-66.gif) repeat-y center top;
}
/* @end */

/* @group Slide Show */

.slide-1 {
	background: url(../herb-images/masthead-home-1.jpg) no-repeat center top;
	height: 350px;
}

/* @end */

/* @group Typography */

#masthead-home h1 {
	color: #000000;
	font: normal 14px/24px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 460px;
	margin-top: 0px;
	margin-left: 240px;
	padding: 0px;
}

#content h1, #content h2, #content h3 {
	color: #005816;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 10px;
}

#content h1 {
	font-size: 18px;
}

#content h2 {
	font-size: 16px;
}

#content h3 {
	font-size: 14px;
}

#content p {
	color: #333333;
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 10px 10px;
}

#content .sidebar p {
	color: #333333;
	font: normal 13px/21px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 10px 10px 10px;
}

#content hr {
	border: none 0;
	border-top: 1px solid #cccccc;	
	width: 97%;
	height: 1px;
	margin: 0px 0px 20px 10px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
	clear: both;
	float: left;
}


#content ul, #content li, #content ol {
	color: #222222;
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif;
	margin: 0px 15px;
	padding: 0px 5px;
}

#tabmenus {
	float: left;
	clear: both;
	margin-top: 10px;
}

#tabmenus h1, #tabmenus h2, #tabmenus h3 {
	color: #005816;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#tabmenus h1 {
	font-size: 18px;
}

#tabmenus h2 {
	font-size: 16px;
}

#tabmenus h3 {
	font-size: 14px;
}

#tabmenus p {
	color: #333333;
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 10px 10px;
}
.feature h1, .feature h2, .feature h3 {
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 18px 20px 10px 0px;
	text-shadow: #222222 0px 2px 2px;
}

.feature h1 {
	font-size: 18px;
}

.feature h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
}

.feature h3 {
	font-size: 14px;
}

.feature p {
	color: #ffffff;
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px 10px 0px;
	text-shadow: #222222 0px 2px 2px;
}

.feature h2 + p {
	margin-top: -15px;
}

#footer p {
	color: #ffffff;
	font: 11px/17px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 45px 0px 0px 10px;
}

.dropcap {
	float:left;
	color:#006622;
	font-size:96px;
	line-height: 80px;
	padding: 0px 5px 0px 0px;
	margin-top: -18px;
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

.sml {
	color: #000000;
	font: normal 10px/12px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.ovrstrk {text-decoration:line-through;
}

/* @end */


/* @group Links */

a:link {
	color: #006622;
}

a:visited {
	color: #442200;
}

a:hover {
	color: #227799;
}

a:active {
	color: #442200;
}

.feature a:link {
	color: #ffffff;
}

.feature a:visited {
	color: #dddddd;
}

.feature a:hover {
	color: #ffffbb;
}

.feature a:active {
	color: #ffffbb;
}

#footer a:link {
	color: #ffffff;
}

#footer a:visited {
	color: #dddddd;
}

#footer a:hover {
	color: #ffffbb;
}

#footer a:active {
	color: #ffffbb;
}



/* @end */


/* @group Elements */

.btm-brdr {
	border-bottom: 1px dashed #999999;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.feature img {
	border: 1px solid #000000;
	background-color: #ffffff;
	margin: 20px 20px 10px 20px;
	padding: 4px;
	float: left;
	
}

img.mat {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
}

img.matr {
	padding: 2px 15px 2px 0px;
}

img.matl {
	padding: 2px 0px 2px 15px;
}
.icon {
	float: left;
	padding: 0px 10px 0px 0px;
}

.pad-10{
	padding-left: 10px;
}

.pad-20{
	padding-left: 20px;
}

.bak2top {
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 4px;
	z-index: 1200
}

.wr_fieldset {
width: 620px; 
margin: 12px 30px 12px 30px;
padding: 0; }

.wr_fieldset fieldset {
border: 1px solid #cccccc; }

.wr_fieldset legend {
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

.quotebox {
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}

/* Floating boxes, good for photos with captions or similar */


div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }
   
#scrollbox {
width:400px;
height:300px;
overflow: auto
}

#hw p {
	border-bottom: 1px dotted #cccccc;	
	width: 97%;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
	clear: both;
	float: left;
}

#hw p:hover {
	background-color: #ffffbb;
	border-bottom: 1px dotted #cccccc;	
	width: 97%;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
	clear: both;
	float: left;
}

#hsaman p {
	margin: 5px 0px 5px 10px;
}

#hsaman li {
	margin: 5px 0px 5px 10px;
}

#hsaman p:hover {
	background-color: #ffffbb;
	margin: 5px 0px 5px 10px;
}

#hsaman li:hover {
	background-color: #ffffbb;
	margin: 5px 0px 5px 10px;
}


/* @end */


/* @group E-comm */

/* Styles for Mal's e-commerce tables currently in most of my Excel TDF masters; probably should revisit these on site-by-site basis */

.ptcol {border-bottom: 1px solid #000; padding: 2px; text-align: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptfrm {border-bottom: 1px solid #cccccc; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.pthdr1 .pthdr {font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.product-table td {padding: 0px 5px; text-align: left; font-size: 12px; font-family: Arial, Helvetica, Swiss, Verdana, sans-serif;}


/* @end */

/* @group Tables */

/* Applies global padding and paragraph styles to entire table. Normally used for forms or tabular data within the main layout table so you do not need to add paragraph or other styles to each td */

table.frm td {
	padding: 1px; 
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}
	
.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}


table.events td {
	padding: 1px; 
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}
	
/* Add following as a table class="cellbkgrnd" for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cccccc;}

/* Adding bkground images to table cells or divs for announcement boxes or similar; commented out below until needed */

/* .bg1 {background: white url(images/divheader.gif) no-repeat top left; width: 236px; padding: 48px 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

/* @end */