/* CSS Document */

body, html {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;
	background-image:url(../images/Body-BG1.gif);
	background-repeat:repeat;
	background-color:#607332;
	padding-top:10px;
	}
	
.Wrapper1 {
	position:relative;
	min-width:614px;
	max-width:914px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.ContentWrapper {
	width:100%;
	height:auto;
	margin:0px;
	overflow:hidden;
	background-color:#F3EEE1;				/* Light brown/beige background */
	background-color:#FCFCF3;	
	padding:0px 7px 0px 7px;
}

.Clear {
	clear:both;
	}
		
a {
	text-decoration:none;
	color:#6C9D31;
}	

.LearnMore {
	font-size:14px;
	border:none;
	margin:5px 10px 0px 0px;
	padding:0;
	float:right;
	
}

.FloatRight {
	float:right;
	}

.FloatLeft {
	float:left;
	}
	
ul {
	list-style:circle;
	margin:10px 0px 5px 10px;
	padding:0px;
	font-size:11px;
	}	

li {
	margin-left:10px;
	}
 
p {
 	margin:10px 0px 0px 0px;
	color:#666666;
	}		
	
h1 {
	margin:0;
	}	
h2 {
	margin:0;
	font-size:16px;
	}	
	
	
/* ################################################## 
		Top Border (frame)
################################################## */
		
.TopBorderWrapper {
	height:7px;
	width:100%;
	position:relative;
	}
	
.TopLeftCorner {
	position:absolute;
	z-index:5;
	top:0px;
	left:0px;
	width:7px;
	height:7px;
	background:url(../images/Wrap-border-Corner-TopLeft.gif) no-repeat top left;
}	
	
.TopRightCorner	{
	position:absolute;
	z-index:5;
	top:0px;
	right:0px;
	width:7px;
	height:7px;
	background:url(../images/Wrap-border-Corner-TopRight.gif) no-repeat top right;
}
	
.Top {
	top:0px;
	left:0px;
	width:100%;
	height:7px;	
	background:url(../images/Wrap-border-Middle-H-Top.gif) repeat-x;
	z-index:4;
}

.TopMiddle {
	top:0px;
	left:0px;
	width:100%;
	height:7px;	
	background:url(../images/Wrap-border-Middle-H-Top.gif) repeat-x;
	z-index:4;
	overflow:hidden;
}

/* ################################################## 
		Side Border Left (frame)
################################################## */

.SideMiddleLeft {
	position:absolute;
	top:7px;
	left:0;
	width:7px;
	min-width:7px;
	height:100%;	
	background:url(../images/Wrap-border-Middle-V-Left.gif) repeat-y;
	z-index:3;
}

/* ################################################## 
		Side Border Right (frame)
################################################## */

.SideMiddleRight {
	position:absolute;
	top:7px;
	right:0;
	min-width:7px;
	height:100%;	
	background:url(../images/Wrap-border-Middle-V-Right.gif) repeat-y;
	z-index:3;
}


/* ################################################## 
		Bottom Border (frame)
################################################## */
		
.BottomBorderWrapper {
	height:7px;
	width:100%;
	position:relative;
	z-index:5;
	}
	
.BottomLeftCorner {
	position:absolute;
	z-index:9;
	bottom:0px;
	left:0px;
	width:7px;
	height:7px;
	background:url(../images/Wrap-border-Corner-BtmLeft.gif) no-repeat bottom left;
}	
	
.BottomRightCorner	{
	position:absolute;
	z-index:5;
	bottom:0px;
	right:0px;
	width:7px;
	height:7px;
	background:url(../images/Wrap-border-Corner-BtmRight.gif) no-repeat bottom right;
}
	
.BottomMiddle {
	bottom:0px;
	left:0px;
	width:100%;
	height:7px;	
	background:url(../images/Wrap-border-Middle-H-Bottom.gif) repeat-x;
	z-index:5;
}



/* ################################################## 
		Header
################################################## */

.HeaderWrapper {
	height: 150px;
	width:100%;
	border-bottom:1px solid #967348;  /* a slightly different brown  */
	overflow:hidden;
	position:relative;
}

.HeaderLogo {
	top:0px;
	height: 150px;
	width:300px;
	float:left;
	border-right:1px solid #967348;  /* a slightly different brown  */
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.HeaderImage{
	position:absolute;
	left:250px;
	top:0px;
	height: 150px;
	/* background-image:url(../images/header/istockphoto_3131160_house_u.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FF0000;
	*/
	z-index:1;
}

/* ################################################## 
		Primary Navigation
################################################## */
	
.PrimaryNavigationWrapper {
	width:100%;
	height:auto;
	max-height:400px;
	float:left;
	z-index:0;
	overflow:hidden;
	padding:0px;
	margin:0px;

	}
	
/* ------ Navigation item classes ------------------------ */

.PrimaryNavigation {
	position:relative;
	width:33.1%;
	height:auto;
	float:left;
	border-right:1px dotted #967348;
	background:url(../images/Navigation-BG1-right.png) no-repeat;
	background-position:100% 40px;
	margin:0px;
	padding:0px;
	margin-bottom:-420px;			/*This is a CSS hack (used a bunch in this site) - It may cause problems if there is not content 420px below Primary nav header. */
	padding-bottom:420px;
	overflow:hidden;
}

.PrimaryNavigationBGLeft {
	position:absolute;
	width:8px;
	height:100%;
	background:url(../images/Navigation-BG1-left.png);
	background-repeat:repeat-y;
	background-position:top left;
	overflow:hidden;
}

.PrimaryNavigation ul{
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}	

.PrimaryNavigation li {
	margin:0px 15px 0px 15px;
	}
	
.PrimaryNavigation li li {
	margin:0px 0px 0px 15px;
	}
	
.PrimaryNavigation li li li {
	margin:0px 0px 0px 15px;
	}
	
.PrimaryNavigation li a{
	font-size:14px;
	color:#6C5635;		/*dark brown */
	padding:3px 3px;
	display:block;
	}	
	
.PrimaryNavigation li li a{
	font-size:12px;
	color:#895422;		/*medium brown */
	padding:3px 3px;
	font-weight:normal;
	}
	
.PrimaryNavigation li li li a{
	font-size:10px;
	color:#B96628; 		/*light red-brown */
	padding:3px 3px;
	font-weight:normal;
	}

.PrimaryNavigation li a{
	border-bottom:1px dotted #D6A477; 	/*light brown */
}	


/* ------ Header ------------------------ */
	
.PrimaryNavigationHead {
	width:100%;
	height:	40px;
	background:url(../images/MainNav-Head-BG1-right.gif) top right repeat;
	overflow:hidden;
	border-bottom:1px solid #D6A477;
}	

.PrimaryNavigationHead a {
	display:block;
	font-size:20px;
	font-weight:normal;
	color:#6C9D31;		/*Green */
	background:url(../images/MainNav-Head-BG1-Left.gif) top left no-repeat;
	width:100%;
	height:100%;
	padding:10px 0px 0px 15px;		
}

.PrimaryNavigationHead span {
	display:block;
	font-size:20px;
	font-weight:normal;
	color:#6C9D31;		/*Green */
	background:url(../images/MainNav-Head-BG1-Left.gif) top left no-repeat;
	width:100%;
	height:100%;
	padding:10px 0px 0px 15px;		
}


/* ################################################## 
		Main Content
################################################## */

.MainContentWrapper {
	clear:both;
	float:left;
	width:100%;
	height:auto;
	border-top:1px solid #967348;  /* a slightly different brown  */
	padding:0;
	margin:0px;
	}
	
	
/* ################################################## 
		Left Column
################################################## */

.LeftColumn {
	position:relative;
	width:66.2%;
	max-width:600px;
	height:auto;
	float:left;
	border-right:1px dotted #967348;
	overflow:hidden;
	background-color:#FCFCF3;			
	background-image:url(../images/LeftColContent-BG1-Right.gif);
	background-position:100% 1px;
	background-repeat:repeat-y;
	margin:0px 0px 3px 0px;
	min-height:200px;
}

.LeftColumn p {
	margin:0px 0px 10px 0px;
	padding:5px 10px 0px 0px;
	font-size:13px;
	line-height:16px;
	color:#666666;
}

.LeftColumn a {
	color:#6C9D31;
	border-bottom:1px dotted #6C9D31;
	text-decoration:none;
}

.LeftColumnBGLeft {
	position:absolute;
	width:8px;
	height:100%;
	background-image:url(../images/LeftColContent-BG1-Left.gif);
	background-position:0px 2px;
	background-repeat:repeat-y;
	z-index:-1;
}

.LeftColumnContent {
	width:96%;
	padding:1% 2% 1% 2%;
	height:auto;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #D6A477;
}

.LeftColumnContent h1 {
	margin:0;
	padding:10px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	color:#666666;
}

.LeftColumnContent li {
	color:#666666;
}

/* ------ Header ------------------------ */

.LeftColumnHead {
	width:100%;
	height:	55px;
	background:url(../images/MainContent-Head-BG1-Right.gif) top right repeat;
	border-bottom:1px solid #D6A477;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

.LeftColumnHead h1 {
	margin:0;
	padding:15px 0px 0px 20px;
	font-size:22px;
	font-weight:bold;
	color:#967348;
	text-transform:uppercase;
}

.LeftColumnHead a {
	font-size:20px;
	font-weight:bold;
	color:#967348;
}

.LeftColumnHeadBGLeft {
	position:absolute;
	width:8px;
	height:100%;
	background:url(../images/MainContent-Head-BG1-left.gif) no-repeat;
	background-position:top left;
}



/* ------ Products ------------------------ */

/*-------"LC" = "Left Column"-------------- */

.ProductsLC {
	width:100%;
	height:auto;
	font-size:13px;
}		
	
.ProductsLC h1 {
	font-size:20px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}	

.ProductsLC h2 {
	font-size:17px;
	font-weight:normal;
}	

.ProductsLC p {
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:13px;
	line-height:16px;
}

.ProductsLC a {
	color:#6C9D31;
	border-bottom:1px dotted #6C9D31;
	text-decoration:none;
}

.VideoBox {
	border:1px dotted #6C9D31;
	padding:5px;
	width:auto;
	height:auto;
	min-width:160px;
	min-height:120px;
	float:right;
	margin:5px 10px 5px 5px;
	
}

/* ################################################## 
		Right Column
################################################## */

.RightColumn {
	position:relative;
	width:33.2%;
	height:auto;
	float:left;
	overflow:hidden;
	background-color:#FCFCF3;			
	background-image:url(../images/RightColContent-BG1-Right.gif);
	background-position:99% 1px;
	background-repeat:repeat-y;
	margin:0px 0px 3px 0px;
	min-height:200px;
}

.RightColumnBGLeft {
	position:absolute;
	width:8px;
	height:100%;
	background-image:url(../images/RightColContent-BG1-Left.gif);
	background-position:0px 2px;
	background-repeat:repeat-y;
	z-index:-1;
}

.RightColumn p {
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:13px;
	line-height:16px;
	color:#808284;
}

.RightColumn a {
	color:#6C9D31;
	border-bottom:1px dotted #6C9D31;
	text-decoration:none;
}

.RightColumnContent {
	width:92%;
	padding:10px 6% 10px 2%;
	height:auto;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #967348;  /* a slightly different brown  */
	margin:0;
}

.RightColumnContent h1 {
	margin:0;
	padding:10px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#808284;
}


/* ------ Header ------------------------ */

.RightColumnHead {
	position:relative;
	width:100%;
	height:35px;
	float:left;
	overflow:hidden;
	background:url(../images/SideNav-Head-BG1-right.gif) top right repeat;
	border-bottom:1px solid #D6A477;
	margin:0;
	padding:0;
	
}

.RightColumnHeadBGLeft {
	position:absolute;
	width:8px;
	height:100%;
	background:url(../images/SideNav-Head-BG1-Left.gif) no-repeat;
	background-position:top left;
}

.RightColumnHead h1 {
	margin:0;
	padding:10px 0px 0px 20px;
	font-size:15px;
	font-weight:bold;
	color:#6C9D31;		/*Green */
	text-transform:uppercase;
}

/* ------ Press Releases ------------------------ */

.PressReleases {
	clear:both;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px 5px 10px 5px;
	width:100%;
	height:auto;
	border-bottom:1px dotted #967348;
}

.PressReleases h1 {
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:16px;
	color:#808284;
}

.PressReleases h2 {
	margin:0;
	padding:3px 0px 5px 0px;
	font-size:10px;
	color:#8E8E8E;
}

.PressReleases p {
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:16px;
	color:#808284;
}

.PressReleases a {
	color:#6C9D31;
	border-bottom:1px dotted #6C9D31;
	text-decoration:none;
}


/* ------ Related Links ------------------------ */

.RelatedLinks {
	width:100%;
}

.RelatedLinks ul {
	width:96%;
	list-style:disc;
	margin:10px 0px 0px 15px;
	color:#999999;
	padding:0px;
}

.RelatedLinks li {
	width:90%;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 0px;
	border-bottom:1px dotted #6C9D31;
}	

.RelatedLinks li a {
	text-decoration:none;
	color:#999999;
	border-bottom:none;
}	


/* ################################################## 
		Footer
################################################## */

.Footer {
	position:relative;
	width:100%;
	height:45px;
	clear:both;
	overflow:hidden;
	background:url(../images/Footer-BG1.gif) top left repeat;
	margin:0;
	padding:0;
	border-top:1px solid #967348;  /* a slightly different brown  */

}

.Footer h1 {
	font-size:12px;
	color:#333333;
	margin:15px 0px 0px 20px;
	padding:0px;
	float:left;
	font-weight:normal;
}	

.Footer a {
	/*color:#6C9D31;*/
	color:#333333;
	text-decoration:none;
	margin:15px 40px 0px 20px;
	padding:0px;
	float:right;
}

/* ################################################## 
		Debugging Classes
################################################## */

.Debug {
	border:1px solid #000000;
	}