/* This is the Main Style Sheet for the Entire Site!!! */

/* BODY: controls the background and general font properties */
	BODY {
	margin:0px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 14px;
	font-weight:normal;
	background: #FFF;
		}

/* Links: controls the link properties as they appear in the BODY
This style does not control the navigation links!  See the HFXnav style sheet for that.
A (general) 
A:link (all links)  
A:visited (visited properties) 
A:active (when they click on it)
A:hover (when they mouse over)*/
	A 			{ 
	color: #FFFFFF; 
	text-decoration: underline;
	border: 0px solid #FFF;
	border-color: #FFFFFF;
}
	A:link		{
	color: #336699;
	text-decoration: underline;
	border: 0px solid #FFF;
	border-color: #FFFFFF;
}
	A:visited	{
	color: #336699;
	text-decoration: underline;
	border: 0px solid #FFF;
	border-color: #FFFFFF;
}
	A:active	{
	color: #999999;
	border: 0px solid #FFF;
}
	A:hover		{ color: #999999;  }

/* h1: controls the Heading 1 properties.  Large Green Titles */
h1{
	font-family:  Arial, Helvetica, sans-serif;
	color:  #666666;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}

/* h2: controls the Heading 2 properties.  Green Underlined Titles */
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;

}

/* h3: controls the Heading 3 properties.  Grey Bold Titles */
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #666666;
}


/* slideshow: controls the placement of the slideshow */
#slideshow {
	position: absolute;
	margin-left: 145px;
	margin-top: 10px;
	border: 0px solid #ddd;
	width: 580px;
	height: 326px;
		}

/* slideshow: controls the placement of the slideshow */
#slideshow1 {
	position: absolute;
	margin-left: 145px;
	margin-top: 10px;
	border: 0px solid #ddd;
	width: 580px;
	height: 200px;
		}


/* slideshowcontent: controls the placement of the slideshow if it is included in the content */
#slideshowcontent {
		float: right;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		}

/************* content: controls the placement narrow content ***************/
#content {
		position:absolute;
		 width: 400px;
		margin-top: 10px;
		margin-left: 160px;
		border-left:1px solid #fff;
		}
		
/************* plain: plain border ***************/
#plain {

		border-bottom-color:#FFFFFF;
		border-left-color:#FFFFFF;
		border-top-color:#FFFFFF;
		border-right-color:#FFFFFF;
		}

/************* widecontent: controls the placement wide content ***************/		
#widecontent {
		position:absolute;
		 width: 530px;
		margin-top: 10px;
		margin-left: 160px;
		border-left:1px solid #fff;
		}

/* boxcontent: controls the placement of content inside of boxes */
#boxcontent {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}		
/* leftbox: controls the positioning of the left box on the front page */				
	#leftbox {
	position:absolute;
	width:166px;
	margin-top: 360px;
	margin-left:145px;
	margin-bottom:20px;
	border:1px solid #ddd;
	height: 300px;
}
/* centerbox: controls the positioning of the center box on the front page */
	#centerbox {
	position:absolute;
	width:166px;
	margin-top: 360px;
	margin-left:350px;
	margin-bottom:20px;
	border:1px solid #ddd;
	height: 300px;
}
/* rightbox: controls the positioning of the right box on the front page */
	#rightbox {
	position:absolute;
	width:166px;
	margin-top: 360px;
	margin-left:556px;
	margin-bottom:20px;
	border:1px solid #ddd;
	height: 300px;
		}


/* leftbox: controls the positioning of the left box on the front page */				
	#leftbox1 {
	position:absolute;
	width:166px;
	margin-top: 240px;
	margin-left:145px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
}
/* centerbox: controls the positioning of the center box on the front page */
	#centerbox1 {
	position:absolute;
	width:166px;
	margin-top: 240px;
	margin-left:350px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
}
/* rightbox: controls the positioning of the right box on the front page */
	#rightbox1 {
	position:absolute;
	width:166px;
	margin-top: 240px;
	margin-left:556px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
		}
		
/* leftbox: controls the positioning of the left box on the front page */				
#leftbox2 {
	position:absolute;
	width:166px;
	margin-top: 490px;
	margin-left:145px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
}
/* centerbox: controls the positioning of the center box on the front page */
	#centerbox2 {
	position:absolute;
	width:166px;
	margin-top: 490px;
	margin-left:350px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
}
/* rightbox: controls the positioning of the right box on the front page */
	#rightbox2 {
	position:absolute;
	width:166px;
	margin-top: 490px;
	margin-left:556px;
	margin-bottom:20px;
	border:0px solid #ddd;
	height: 380px;
		}



/* leftpanelcontent: controls the position and border of content placed in the left panel benieth the navigation
It's a good resource for extra links or special notices or announcements */
#leftpanelcontent {
		position:absolute;
		background:#FFF;
		 width:110px;
		margin-top:250px;
		margin-left:10px;
		margin-bottom:10px;
		border:1px solid #ddd}

/* rightpanelcontent: controls the position and border of content for the right panel
should only be used with the content div, not the widecontent div*/
#rightpanelcontent {
	position:absolute;
	width:166px;
	margin-top:10px;
	margin-left:590px;
	margin-bottom:20px;
	border:0px solid #ddd;
	background-color: #FFFFFF;
		}
		
		/* farrightpanelcontent: controls the position and border of content for the right panel
should only be used with the content div, not the widecontent div*/
#counter {
	position:absolute;
	width:150px;
	margin-top:1100px;
	margin-left:160px;
	margin-bottom:20px;
	border:0px solid #ddd;
	background-color: #FFFFFF;
		}

		/* farrightpanelcontent: controls the position and border of content for the right panel
should only be used with the content div, not the widecontent div*/
#store {
	position:absolute;
	width:150px;
	margin-top:10px;
	margin-left:590px;
	margin-bottom:20px;
	border:1px solid #ddd;
	background-color: #FFFFFF;
		}


/* insiderightpanelcontent: controls the spacing between the content inside the right panel box border */	
			#insiderightpanelcontent {
				margin-top:3px;
				margin-left:3px;
				margin-bottom:3px;
				}

/* rightpic: to place a picture on the right side of your text */		
#rightpic{
		float: right;
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 5px;
}
/* leftpic: to place a picture on the left side of your text */
#leftpic{
		float: left;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
}
/* faqleft: placement and width of the left list of questions */
#faqleft{
	float: left;
	width: 250px;
}
/* faqright: placement and width of the right list of questions */
#faqright{
	float: right;
	width: 250px;
}
/* faqanswers: sets the width of the answers, but more importantly the hight
The hight will determine the ability to jump to the last question...so, if 
you add questions, increase the height */
#faqanswers{
	height: 2200px;
	width: 530px;
}
/* rightfunky: not in use currently. gives you the ability to place information on
top of the left hand column.  try it out on a page. */		
#rightfunky {
		position:absolute;
		z-index: 2;
		background:#FFF;
		width:150px;
		margin-top:55px;
		margin-left:440px;
		margin-bottom:20px;
		}
		
/* peachbackground: not in use currently. gives you the ability to place information on
top of the left hand column.  try it out on a page. */		
#peach {
	position:fixed;
	width:600px;
	height: 800px;
	margin-top:55px;
	margin-left:150px;
	margin-bottom:20px;
	background-image: url(images/background.gif);
	background: #CCC;
	z-index: 1;
		}

#flipmenu {
		position:absolute;
		background:#FFF;
		 width:125px;
		margin-top:42px;
		margin-left:10px;
		margin-bottom:10px;
		border:1px solid #ddd
}


#flipmenu1 {
	position:absolute;
	background:#FFF;
	width:130px;
	margin-left:1px;
	margin-bottom:10px;
	border:0px solid #ddd;
	text-decoration: none;
	margin-top: 0px;
}

#rightpanelhome {

	position:absolute;
	width:166px;
	margin-top:25px;
	margin-left:765px;
	margin-bottom:20px;
	border:0px solid #ddd;
	background-color: #FFFFFF;
}

#rightpaneltoolbox {

	position:absolute;
	width:250px;
	margin-top:0px;
	margin-left:725px;
	margin-bottom:20px;
	background-color: #FFFFFF;
}


#rightpanelcalc {

	position:absolute;
	width:250px;
	margin-top:10px;
	margin-left:850px;
	margin-bottom:20px;
	border:0px solid #ddd;
	background-color: #FFFFFF;
}
/* houseplans: controls the position and border of content for the right panel
should only be used with the content div, not the widecontent div*/
#rightpanelbox{
	position:absolute;
	width:250px;
	margin-top:10px;
	margin-left:590px;
	margin-bottom:20px;
	border:0px solid #ddd;
	background-color: #FFFFFF;
				}