/* Defined Classes */
body {
	width:798px;
	margin:0px auto 0px auto;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:100%;
	background-color:#DCDCB9;
	color:#5F5F5F;
}

img {border:0;}

a {color:#5F5F5F;text-decoration:underline;}
a:hover, a:active {color:#5F5F5F;text-decoration:none;}
#col_three ul {list-style-image:url(../Images/TinyPlus.gif);}

a.LeftNavLink a{color:#32603E;text-decoration:none;}
a.LeftNavLink:hover {color:#32603E;text-decoration:underline;}
td.Plus {background-image:url(../Images/Plus.gif);background-repeat:no-repeat;height:14px;width:14px;}

a.NewsLink {text-decoration:none;}
a.NewsLink:hover, a.NewsLink:active {text-decoration:underline;}

hr {
	border: none 0;
	border-top: 1px dashed #524741;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* ID */
#MainDiv {
	background-image:url(../Images/BG.jpg);
	background-repeat:repeat-y;
	width:798px;
}

#Header {
	background-image:url(../Images/Header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:770px;
	height:86px;
	font-size:70%;
	color:#5F5F5F;
	padding:21px 0px 0px 28px;
}

#Header a {color:#5F5F5F;text-decoration:none;}
#Header a:hover, #Header a:active {color:#5F5F5F;text-decoration:underline;}

#Banner {
	background-image:url(../Images/Banner.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:168px;
	width:798px;
}

#NavDiv {
	width:738px;
	height:25px;
	background-image:url(../Images/NavDiv.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
	font-weight:bold;
	padding:8px 30px 0px 30px;
}

#NavDiv ul {display:inline;height:10px;list-style:none;margin:0;padding:0;}
#NavDiv ul li#nav_contact {width:70px;}
#NavDiv ul li.first {border-left:0;float:left;}
#NavDiv ul li.border {border-left:1px solid #fff;float:left;margin:0;padding:0 0 0 10px;position:relative;}
#NavDiv ul li.no-border {border-left:0;float:left;margin:0;padding:0 0 0 10px;position:relative;}

#NavDiv ul li a {color:#FFFFFF;margin-right:10px;text-decoration:none;}
#NavDiv ul li a:hover, #NavDiv a:active {color:#FFFFFF;text-decoration:underline;}

/* Active States */
body#body-is-home #MainDiv #NavDiv ul li#nav_home a {color:#FFFFFF;text-decoration:underline;}
body#body-is-about #MainDiv #NavDiv ul li#nav_about a {color:#FFFFFF;text-decoration:underline;}
body#body-is-contact #MainDiv #NavDiv ul li#nav_contact a {color:#FFFFFF;text-decoration:underline;}
body#body-is-literature #MainDiv #NavDiv ul li#nav_literature a {color:#FFFFFF;text-decoration:underline;}
body#body-is-news #MainDiv #NavDiv ul li#nav_news a {color:#FFFFFF;text-decoration:underline;}

#NavDiv ul li ul {
	border:0;
	background-color:#81796C;
	display: none;
	font-size:90%;
	padding:0;margin:0;
	position:absolute;
	left:0;
	top:18px;
	}
	
#NavDiv ul li ul li:hover ul, #NavDiv ul li ul li.over ul {
	border:0;
	padding:0;
	display: block;	
} 

* html #NavDiv ul li ul li {border:0;float: left; height: 1%;}
* html #NavDiv ul li ul li a {height: 1%;border:0}

#NavDiv ul li:hover ul, #NavDiv ul li.over ul { 
	display: block; 	
}

#NavDiv ul li ul li a {
   background:#81796C;
   border:0;
   color:#FFF;
   display: block;
   margin:0;padding:3px 3px 3px 10px; 
   text-align:left;
   text-decoration: none;
   width:120px;
}

#NavDiv ul li ul li a:hover {
   background-color:#104A20;
   border:0;
   color:#FFFFFF;
   margin:0;padding:3px 3px 3px 10px; 
   text-align:left;
   text-decoration: none;
   width:120px;
}


/* New Drop Downs */
#NavDiv2 {width:120px;}

#NavDiv2 ul {list-style:none;margin:0 0 0 0;padding:0;}
#NavDiv2 ul li {
	margin:5px 0 0 0;padding:0;position:relative;
}
#NavDiv2 ul li.bg {
	background-image:url(../Images/Plus.gif);
	background-position:0 1px;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}

#NavDiv2 ul li a {color:#32603E;text-decoration:none;}
#NavDiv2 ul li a:hover {color:#32603E;text-decoration:underline;}

#NavDiv2 ul li ul {
	border:0;
	background-color:#81796C;
	display: none;
	padding:0 0 0 0;margin:0;
	position:absolute;
	left:86px;
	list-style:none;
	top:0;
	}
	
#NavDiv2 ul li ul li:hover ul, #NavDiv2 ul li ul li.over ul {
	border:0;
	padding:0;
	display: block;	
} 

* html #NavDiv2 ul li ul li {border:0;float: left; height: 1%;}
* html #NavDiv2 ul li ul li a {height: 1%;border:0}

#NavDiv2 ul li:hover ul, #NavDiv2 ul li.over ul { 
	display: block; 	
}

#NavDiv2 ul li ul li a {
   background:#81796C;
   border:0;
   color:#FFF;
   display: block;
   margin:0;padding:10px; 
   text-align:left;
   text-decoration: none;
   width:106px;
}

#NavDiv2 ul li ul li a:hover {
   background-color:#104A20;
   border:0;
   color:#FFFFFF;
   margin:0;padding:10px; 
   text-align:left;
   text-decoration: none;
   width:106px;
}

#Content {
	width:772px;
	margin:20px 11px 0px 15px;
}

/* Home Page */
#LeftColumn {
	width:405px;
	padding:0px 18px 20px 33px;
	float:left;
	font-size:75%;
}

#LeftColumn h1 {
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}

#LeftColumn h2 {
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
}

#LeftColumn .LeftContent {
	color:#5F5F5F;
}	

#LeftColumn .LeftContent a {
	color:#5F5F5F;
}

#RightColumn {
	width:261px;
	padding:0px 33px 20px 22px;
	float:right;
	font-size:72%;
}

#RightColumn h1 {
	font-size:100%;
}


/* Category Pages */
body#body-is-category #MainDiv #Content #col_two {
	float:right;
	font-size:75%;
	margin:0;padding:0px 10px 20px 10px;
	width:568px;
}
/* Products Pages */
#MainDiv #Content #col_one {
	float:left;
	font-size:72%;
	margin:0;padding:20px 0px 20px 12px;
	width:126px;
}

body#body-is-products #MainDiv #Content #col_two {
	float:left;
	font-size:75%;
	margin:0;padding:0px 10px 20px 10px;
	width:368px;
}

body#body-is-products #MainDiv #Content #col_three {
	float:right;
	font-size:70%;
	margin:0;padding:80px 20px 0px 0px;
	width:200px;
}

.product_list {border:1px solid #DBDBDB;font-size:110%;padding:1em 3em 2em 3em;}
.product_list ul {display:inline;list-style:none}
.product_list ul li {float:left;width:213px;}

/* End */
#GreenBar {
	background-image:url(../Images/Footer.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	clear:both;
	width:759px;
	background-color:#3A6B47;
	font-size:70%;
	margin-left:3px;
}

#GreenBar a {color:#FFFFFF}

#GreenBar .LeftBlock {
	width:755px;
	height:59px;
	background-color:#325F3D;
}

#GreenBar .LeftBlock h2 {
	margin:0px;
	float:left;
}

.LeftContent {
	width:329px;
	color:#FFFFFF;
	float:left;
	padding:10px 10px 10px 20px;
}

.LeftContent .Text {
	width:189px;
	padding:0 0 0 200px;
	float:left;
}

.LeftContent .Text h3 {
	font-size:120%;
}

.LeftContent .Image {
	width:140px;
	height:140px;
	float:right;
	padding:40px 0px 0px 0px;
}

/* Right Hand Column Menu Items */
.LeftArrowDiv {
	width:19px;
	height:18px;
	background-image:url(../Images/Plus.gif);	
	float:left;
}

.LeftMenuDiv {float:left;}
.LineDiv {clear:both;margin-left:20px;}
.MenuLine {color:#393939;}
.Pager {font-weight:bold;text-align:center;}
.Message {font-weight:bold;}
.LeftContent2 {width:360px;margin-right:30px;float:left;}
.nopadding {margin:0;padding:0;}
.RightContent2 {width:205px;padding-top:20px;float:right;}
.ImgPadding {float:left;padding:0px 20px 10px 0px;}
.Spacer {height:10px;}
.ImageFloat {float:left;padding:0 1em 0 0}

#FooterGraphic {
	background-image:url(../Images/Footer.jpg);
	background-repeat:no-repeat;
	width:798px;
	height:27px;
}

#Footer {
	width:758px;
	color:#5F5F5F;
	font-size:70%;
	padding:0px 15px 0px 25px;
}

#Footer a {
	color:#5F5F5F;
	text-decoration:none;
}

#Footer a:hover, #Footer a:active {
	color:#5F5F5F;
	text-decoration:underline;
}

/* Classes */
.FloatClear {clear:both;}
.TextIndent {margin:0px 0px 0px 10px;padding:0px;}
.LeftHeader {vertical-align:top;font-weight:bold;width:150px;}
.TextBox {font-family:"Trebuchet MS", Verdana, Arial;width:150px;font-size:90%;}
.TextBox2 {font-family:"Trebuchet MS", Verdana, Arial;width:175px;height:150px;font-size:90%;}
.DropBox {font-family:"Trebuchet MS", Verdana, Arial;font-size:90%;}

/* sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.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. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
}
