/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls any links in page text  
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	A:link
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color:red;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
	}

	A:visited
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color:red;
		text-decoration:none;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
	}

	A:hover
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color:red;
		text-decoration:none;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
	}

	A:active
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color:red;
		text-decoration:none;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
	}

	A
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color:red;
		text-decoration: none;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
	}

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the text on the footer menu bar
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.footerText A:link
	{
		font-family: verdana,arial,sans-serif;
		color:#CCCC66;
		font-size:8pt;
		color: white;
		text-align: center;
	}

	.footerText A:visited
	{
		font-family: verdana,arial,sans-serif;
		color:#CCCC66;
		font-size:8pt;
		color: white;
		text-align: center;
	}

	.footerText A:hover
	{
		font-family: verdana,arial,sans-serif;
		color:#CCCC66;
		font-size:8pt;
		color: white;
		text-align: center;
	}

	.footerText A:active
	{
		font-family: verdana,arial,sans-serif;
		color:#CCCC66;
		font-size:8pt;
		color: white;
		text-align: center;
	}

	.footerText 
	{
		font-family: verdana,arial,sans-serif;
		font-size:8pt;
		color: white;
		text-align: center;
	}
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the style of the top content buttons ... print, pdf, email
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.buttonheading A:link
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.buttonheading A:visited
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.buttonheading A:hover
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.buttonheading A:active
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.buttonheading 
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 1px solid red;
		padding: 2px;
	}


	.hasTip A:link
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.hasTip A:visited
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.hasTip A:hover
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.hasTip A:active
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px;
	}

	.hasTip 
	{
		font-family: verdana,arial,sans-serif;
		font-size:9pt;
		color:#339933;
		text-decoration: none;
		border-bottom: 0px solid red;
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the right info bar text
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.news_Innovations_Text A:link
	{
		font-family: verdana,arial,sans-serif;
		color:#000066;
		font-size:8pt;
	}

	.news_Innovations_Text A:visited
	{
		font-family: verdana,arial,sans-serif;
		color:#000066;
		font-size:8pt;
	}

	.news_Innovations_Text A:hover
	{
		font-family: verdana,arial,sans-serif;
		color:#000066;
		font-size:8pt;
	}

	.news_Innovations_Text A:active
	{
		font-family: verdana,arial,sans-serif;
		color:#000066;
		font-size:8pt;
	}

	.news_Innovations_Text 
	{
		font-family: verdana,arial,sans-serif;
		font-size:8pt;
		color:white;
	}
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the main content page headings
	   ~~~~ Just use <H3> around anything you want to be a heading and the green triangles
	   ~~~~ will appear in front of them.
	   ~~~~ 
	   ~~~~ Note: The Joomla page titles use the class name "contentheading", so to use the joomla
	   ~~~~ headings this was needed.
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	H3
	{
		font-family: verdana,arial,sans-serif;
		font-size: 11pt;
		color: black;
		text-align: left;
		padding-top: 11px;
		padding-left: 20px;
		background-image: url(./images/page_header_pic.gif); 
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}

	.contentheading, legend
	{
		font-family: verdana,arial,sans-serif;
		font-size:18pt;
		color: black; 
		font-weight: bold;
		padding-left: 20px;
		background-image: url(./images/page_header_pic.gif); 
		background-repeat: no-repeat;
		background-position: 0px 5px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 7px;
		border-bottom: 1px solid red;
	}

	legend
	{
		padding-left: 5px;		
		padding-top: 0px;
		border-bottom: 0px;
		background-image: url(./); 
	}

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the main content page text  
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.topContactText
	{
		font-family: verdana,arial,sans-serif;
		font-size: 8pt;
		color: white;
		text-align: right;
	}

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the right info bar headings
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	H2
	{
		font-family: verdana,arial,sans-serif;
		font-size: 11pt;
		color: black;
		text-align: center;
		padding-top: 11px;
		padding-left: 15px;
		background-image: url(./images/page_header_pic.gif); 
		background-repeat: no-repeat;
		background-position: 0px 0px;		
	}
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the copyright page text  
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.copyrightText
	{
		font-family: verdana,arial,sans-serif;
		font-size: 8pt;
		color: #919191;
	}

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	   ~~~~	Controls the main content page text  
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	P, p, .pageText
	{
		font-family: verdana,arial,sans-serif;
		font-size: 10pt;
		color: black;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 12px;
	}

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	tr.on { display:block; }
	tr.off { display:none; }

	img
	{  
		border-style: none;
	}

	.contentpaneopen
	{
		padding: 0px;
		border-spacing: 0; 
		width: 100%;
		border-collapse: collapse;		
	}

	.menuButton
	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;		
		font-size: 8pt;
		color: white;
		background-image: url(./images/menu_button.gif); 
		background-repeat: no-repeat;
	}

	.menuButtonHover
	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;		
		font-size: 8pt;
		color: white;
		background-image: url(./images/menu_button_hover.gif); 
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.topImageText
	{
		font-family: "Arno Pro", "Times New Roman", Roman, serif;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;		
		font-size: 24pt;
		color: black;
		line-height: 30pt;
	}


	.ProductMenuItemWithSubmenuSelected
	{		
		font-family: verdana,arial,sans-serif;		
		font-size: 10pt;
		border-bottom: 0px solid white;
		height: 20px;
		padding-left: 5px;
		color: white;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		background-color: #383838;

		background-image: url(./images/menu_arrow.gif); 
		background-repeat: no-repeat;
		background-position: 203px;
	}

	.productMenu
	{
		border: 1px black solid;
		background-color: #F0F0F0;
		padding: 0px;
	}

	.ProductMenuItemSelected
	{		
		font-family: verdana,arial,sans-serif;		
		font-size: 10pt;
		border-bottom: 0px solid white;
		height: 20px;
		padding-left: 5px;
		color: white;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		background-color: #383838;
	}

	.ProductMenuItem
	{		
		font-family: verdana,arial,sans-serif;		
		font-size: 10pt;
		border-bottom: 0px solid white;
		height: 20px;
		padding-left: 5px;
	}

	.ProductSubMenu
	{
		visibility: hidden; 
		display: none;
		padding: 0px;
	}

	.ProductSubMenuWithBorder
	{
		visibility: hidden; 
		display: none;
		padding: 5px;
		border: 1px black solid;
		background-color: #F0F0F0;
		height: 244px;
		width: 250px;
	}

	.ProductSubMenuItem
	{
		padding-left: 0px;
	}

	.ProductSubMenuText
	{
		font-family: verdana,arial,sans-serif;		
		font-size: 5pt;
	}

	.productSubMenuTable
	{
		background-color: #e0ca9c;
		border: 1px solid black;
		border-left: 0px;
	}



	.colorSwatchImage
	{		
		width: 100%;
		border-width: 0px;
		border-style: solid;
		border-color: #000000;
		padding-bottom: 16px;
		padding-left: 5px;
		border-collapse: collapse;
		text-align: center;
		background-image: url(./images/colorImages/colorSwatchBackground.jpg); 
		background-repeat: no-repeat;
		background-position: center;
	}



	.productDetailsTable
	{		
		width: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: #000000;
		padding: 5px;
		border-collapse: collapse;
		text-align: center;
	}

	.productDetailsTable td
	{		
		border-width: 1px;
		border-style: solid;
		border-color: #000000;
		padding: 5px;
		border-collapse: collapse;
		text-align: center;		
	}

	.productDescription
	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;	
		font-size: 10pt;
		background-color: #F0F0F0;
	}

	.productDetailsHeading
	{
		height: 35px;
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;	
		font-size: 8pt;
	}

	.productDetailsHeadingColspan
	{
		font-family: verdana,arial,sans-serif;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;	
		font-size: 8pt;
	}

	.productDetailsContent
	{		
		font-family: verdana,arial,sans-serif;
		text-align: center;
		vertical-align: middle;	
		font-size: 8pt;
	}

	.productDetailsContentColspan
	{		
		font-family: verdana,arial,sans-serif;
		text-align: center;
		vertical-align: middle;	
		font-size: 8pt;
	}

	.productDetailsImage
	{		
		font-family: verdana,arial,sans-serif;
		text-align: right;
		vertical-align: middle;	
		font-size: 8pt;
	}



	.buildingExterior
	{
		width: 997; 
		z-index: 5; 
		position: absolute;
		top: 720;
		left: 1;
	}

	.buildingStuccoOn
	{
		width: 997; 
		z-index: 10; 
		position: absolute;
		top: 720;
		left: 1;
	}

	.buildingStuccoOff
	{
		width: 997; 
		z-index: 10; 
		position: absolute;
		top: 720;
		left: 0;
		visibility: hidden; 
		display: none;
	}

	.buildingRoofOn
	{
		width: 997; 
		z-index: 15; 
		position: absolute;
		top: 723;
		left: 1;
	}

	.buildingRoofOff
	{
		width: 997; 
		z-index: 15; 
		position: absolute;
		top: 721;
		left: 1;
		visibility: hidden; 
		display: none;
	}

	.buildingRoofTrimOn
	{
		width: 997; 
		z-index: 25; 
		position: absolute;
		top: 724;
		left: 1;
	}

	.buildingRoofTrimOff
	{
		width: 997; 
		z-index: 25; 
		position: absolute;
		top: 724;
		left: 1;
		visibility: hidden; 
		display: none;
	}

	.buildingWallTrimOn
	{
		width: 997; 
		z-index: 20; 
		position: absolute;
		top: 718;
		left: 1;
	}

	.buildingWallTrimOff
	{
		width: 997; 
		z-index: 20; 
		position: absolute;
		top: 716;
		left: 1;
		visibility: hidden; 
		display: none;
	}

	.divOn
	{
		position: absolute;
	}

	.divOff
	{
		position: absolute;
		visibility: hidden; 
		display: none;
	}

	.input
	{
		border: 1px black solid;
		background-color: #F0F0F0;
		padding: 10px;
	}


	.homePageImage
	{
		padding: 10px;
		valign: top;
	}

	.homePageImage img
	{
		border-color: black; 
		border: 3px solid;
	}

	.article_separator
	{
		width: 20%;
	}