/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
div>p {margin:0}

/*  NEW STUFF  TEST AREA  
	=============================
*/
/*
	
	=============================
*/
#content #btcol_text
{
	position:relative;
	background-color:transparent;
	clear:right;
	float:left;
	width: auto;
	margin: -302px 0 0 0 ;
	padding: 0 30px 0 0;
	border: 0px solid blue;
	text-align:center;
	color:red;
}
/*  NEW STUFF  TEST AREA  end end end end
	=============================
	=============================
*/
/*  
	Used to clear containing elements sp float elements contained within force the containing element to expand with their
	added content.
*/
.clearer {
	height:65px;   /*  changed from 1px on 02/20/2006 to accomodate footer bottom default of 115px   65  */
	clear:both;
	/*overflow:hidden;   removed 02-22-2006 to get a href's to work in FF  */
}
#box
{
	color:#000000;
	text-align:center;
	float: right;
	width: 144px;
	height:450px;
	margin: 0px 0 0 0px;
	padding: 0 0 0 0;
	border:0px solid gray;
	min-height:475px;
}
body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:  arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #F8F8F8;
	xxxbackground-color: #FFFFFF;
}

#outer
{
	padding: 0 0 0 0;
	min-height:100%;
	height:auto;
	margin:0px auto 0px auto;
	background-color: white;
	width: 760px;
	background-image: url(../images/sw/left_column.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;
	
	/* bottom right logo here 
	background:url(../images/sw/crown.gif) no-repeat 0px 0px;
	background-position: bottom right;
	*/

	border-left: 1px solid #DCD4D1;
	border-right: 1px solid #DCD4D1;
}
/*
"Clearing", 21st Century Style  applies to #outer:after {

In the new method, no clearing element is used. This does not affect IE/Win which simply keeps enclosing the float as always (assuming the container has a stated dimension), but non-IE browsers will need a substitute for that element. Here's how it's done.
Using :after

This CSS 2 property allows extra content to be added at the end of an element via the CSS. That means no actual markup is needed 
in the HTML. The content is specified from within the CSS stylesheet, and appears in the page as would a real HTML element that 
had been inserted following all the normal content of the target element. Such :after generated content cannot receive 
some CSS properties, including 'position', 'float', list properties, and table properties. However, the 'clear' property is allowed. 
Do you see where we are going here?

Imagine that we use :after to insert a simple character like a 'period', and then give that generated element  {clear: both;} . 
That's all you really need to do the job, but no one wants a line space messing up the end of their clean container box, 
so we also use  {height: 0;}  and  {visibility: hidden;}  to keep our period from showing.

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
http://www.positioniseverything.net/easyclearing.html
Notice that  {display: block;}  is also applied to the :after element, because if it isn't then that element defaults to "inline", 
and cannot receive the "clear" property. Also, Tony's method originally used "overflow: hidden;" to hide the period, 
but sadly the latest FireFox versions will display the period if this is done. 
*/
#outer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*
But what about IE?    applies to:  * html #outer {height: 1%;}
Since IE/Win does not support the :after pseudoclass, we must rely on its "auto-clearing" effect, but that behavior only happens when the clearing element has a dimension applied to it. In many cases it's undesirable to use either a height or a width, but happily the Holly hack comes to our rescue. This hack lets IE/Win and only IE/Win see a simple 1% height for the container. How does that help? Well, IE/Win happens to have another spec violation that causes all boxes to expand and enclose all content, regardless of any stated dimensions that may be smaller! So that 1% height will just be expanded to whatever value is needed to contain the float, and the mere fact of applying a dimension triggers the "auto-float-enclosing" behavior. Cool eh?
The first line is a CSS comment with an "escape" (colored red) just before the comment closing tag. Because of that escape, IE/mac ignores the closing tag and thinks the comment is still active. Thus it ignores everything until it sees a CSS comment closing tag. The last line is a normal comment, and its closing tag is what lets IE/mac begin parsing code again.
The second line has a "universal" selector followed by "html" (also red), followed by the targeted element. This selects .floatholder when it is nested within html (true), and also when 'html' is nested within any element. It so happens that IE browsers have an invisible and mysterious wrapper element around 'html', so this selector works in IE and nowhere else. IE/mac must be prevented from seeing this height because it does not enlarge the box like IE/win, and this would damage the layout.
As a side benefit, this stated dimension also prevents several other major IE/Win float bugs. However, should this container box be placed following a previous external float, the IE height fix will trigger Microsoft's proprietary and illegal Float Model, so watch out for that, okay? 
YOU MUST`APPLY <P> TAGS TO YOUR ELEMENTS WHEN USING THE HOLLY HACK---
The second demo has been "fixed" by placing those links in a paragraph, which then gets a dimension applied via the Holly hack. Any block element will do just as well here. Yes, this means another element is needed, but unlike a clearing div, this paragraph is a "semantic" element. Text content really ought to be wrapped in semantic containers anyway, and since we forward-thinking coders always have our content thusly contained, it's easy to apply the same .clearfix class to one more element.
http://www.positioniseverything.net/easyclearing.html
/*
/* Holly Hack - Hides from IE-mac \*/
* html #outer {height: 1%;}
/* End hide from IE-mac */
* html #outer{height:100%;}
#clearfooter{clear:both;height:17px;}

#container
{
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background-color: transparent;
	width: 760px;
	background-image: url(../images/sw/left_column.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;
	border: 0px solid red;
}
/*
"Clearing", 21st Century Style  applies to #container:after {

In the new method, no clearing element is used. This does not affect IE/Win which simply keeps enclosing the float as always (assuming the container has a stated dimension), but non-IE browsers will need a substitute for that element. Here's how it's done.
Using :after

This CSS 2 property allows extra content to be added at the end of an element via the CSS. That means no actual markup is needed in the HTML. The content is specified from within the CSS stylesheet, and appears in the page as would a real HTML element that had been inserted following all the normal content of the target element. Such :after generated content cannot receive some CSS properties, including 'position', 'float', list properties, and table properties. However, the 'clear' property is allowed. Do you see where we are going here?

Imagine that we use :after to insert a simple character like a 'period', and then give that generated element  {clear: both;} . That's all you really need to do the job, but no one wants a line space messing up the end of their clean container box, so we also use  {height: 0;}  and  {visibility: hidden;}  to keep our period from showing.

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
http://www.positioniseverything.net/easyclearing.html
Notice that  {display: block;}  is also applied to the :after element, because if it isn't then that element defaults to "inline", and cannot receive the "clear" property. Also, Tony's method originally used "overflow: hidden;" to hide the period, but sadly the latest FireFox versions will display the period if this is done. 
*/
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*
But what about IE?    applies to:  * html #container {height: 1%;}
Since IE/Win does not support the :after pseudoclass, we must rely on its "auto-clearing" effect, but that behavior only happens when the clearing element has a dimension applied to it. In many cases it's undesirable to use either a height or a width, but happily the Holly hack comes to our rescue. This hack lets IE/Win and only IE/Win see a simple 1% height for the container. How does that help? Well, IE/Win happens to have another spec violation that causes all boxes to expand and enclose all content, regardless of any stated dimensions that may be smaller! So that 1% height will just be expanded to whatever value is needed to contain the float, and the mere fact of applying a dimension triggers the "auto-float-enclosing" behavior. Cool eh?
The first line is a CSS comment with an "escape" (colored red) just before the comment closing tag. Because of that escape, IE/mac ignores the closing tag and thinks the comment is still active. Thus it ignores everything until it sees a CSS comment closing tag. The last line is a normal comment, and its closing tag is what lets IE/mac begin parsing code again.
The second line has a "universal" selector followed by "html" (also red), followed by the targeted element. This selects .floatholder when it is nested within html (true), and also when 'html' is nested within any element. It so happens that IE browsers have an invisible and mysterious wrapper element around 'html', so this selector works in IE and nowhere else. IE/mac must be prevented from seeing this height because it does not enlarge the box like IE/win, and this would damage the layout.
As a side benefit, this stated dimension also prevents several other major IE/Win float bugs. However, should this container box be placed following a previous external float, the IE height fix will trigger Microsoft's proprietary and illegal Float Model, so watch out for that, okay? 
YOU MUST`APPLY <P> TAGS TO YOUR ELEMENTS WHEN USING THE HOLLY HACK---
The second demo has been "fixed" by placing those links in a paragraph, which then gets a dimension applied via the Holly hack. Any block element will do just as well here. Yes, this means another element is needed, but unlike a clearing div, this paragraph is a "semantic" element. Text content really ought to be wrapped in semantic containers anyway, and since we forward-thinking coders always have our content thusly contained, it's easy to apply the same .clearfix class to one more element.
http://www.positioniseverything.net/easyclearing.html
*/
/* Holly Hack - Hides from IE-mac \*/
* html .container {height: 1%;}
/* End hide from IE-mac */
#header
{
	background-color:#9A8677;
	display:block;
	background-image: url(../images/sw/top_nav_left_gradient_from_.gif);
	background-position: top left;
	background-repeat: repeat-y;
	height:20px;  /* based on template size */
	width:760px;
	margin: 0 auto 0 auto;
	padding: 0px 0 0 0;
	font-size: 12px;
}


#header_logo img{display:block;}
#graphic
{
	background-color: #FFFFFF;
	border-top: 0px solid gray;
	border-bottom: 0px solid gray;
	height: 119px;   /*  changed from 130px on 11-03-2005  */
	width:760px;
	margin: 0px auto 0 auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/hardie1nnnnn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border:0px solid yellow;
}
#graphic img{display:block;}
#graphic_left
{
	display:inline;
	float:left;
	background-color: #FFFFFF;
	border: 0px solid red;
	height:125px;
	width:172px;
	margin: 0px auto 0 auto;
	padding: 0 0 0 0;
}
#graphic_left img{display:block;}
#graphic_left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#content .rtcol_jeff
{
	display:inline;
	background-color:transparent;
	clear:right;
	float:right;
	width: auto; 
	margin: 11px 0px 12px 18px;  
	padding: 5px 5px 0px 5px;
	border: 0px solid blue;
	text-align:left;
}

* html #content .rtcol_jeff  
{
	margin: 11px 0px 12px 18px;
} 

#content .rtcol_jeff img 
{
	 padding:0px 0px 0px 0px;
	 margin: 0 auto 0 auto; 
	 background-color: transparent;
	 border:0px solid red;
}
#content .rtcol_jeff p.imgtop
{
	padding:0px 0px 0px 0px;
	margin:0px 0px .7em 0px;
	text-align:center;
	width:auto;
	border:0px solid aqua;
}
#content .rtcol_jeff p 
{
	margin:7px 0px 1em 0px;
	padding:0px 5px 0 5px;
	width:223px;
	color:black;
	line-height:10px;
	font-size:10px;
	letter-spacing:0.6px;
	background:transparent;
	position:relative;
	border:0px solid yellow;
	font-family:arial, helvetica, sans-serif;
}  
* html #content .rtcol_jeff p 
{
	font-size:11px;
	line-height:11px;
} 



#content .rtcol_jeff_283
{
	display:inline;
	background-color:transparent;
	clear:right;
	float:right;
	width: auto; 
	margin: 15px 5px 0 12px;  
	padding: 0 0px 0px 0;
	border: 0px solid blue;
	text-align:left;
}

* html #content .rtcol_jeff _283
{
	margin: 15px 0px 0 12px;
} 

#content .rtcol_jeff img _283
{
	 padding:0px 0px 0px 0px;
	 margin: 0 auto 0 auto; 
	 background-color: transparent;
	 border:0px solid red;
}
#content .rtcol_jeff_283 p.imgtop
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 1em 0px;
	text-align:center;
	width:auto;
	border:0px solid aqua;
}
#content .rtcol_jeff_283 p 
{
	margin:7px 0px 1em 0px;
	padding:3px 5px 0 5px;
	width:283px;
	color:black;
	line-height:10px;
	font-size:10px;
	letter-spacing:0.6px;
	background:transparent;
	position:relative;
	border:0px solid yellow;
	font-family:arial, helvetica, sans-serif;
}  
* html #content .rtcol_jeff_283 p 
{
	font-size:11px;
	line-height:11px;
} 



/*
	=================================================
	rtcol_jeff_ovals :  works with deckovals.php only 
	=================================================
*/
#content .rtcol_jeff_ovals
{
	display:inline;
	background-color:transparent;
	clear:right;
	float:right;
	width: auto; 
	margin: -12px 5px 0 12px;  
	padding: 0 0px 0px 0;
	border: 0px solid blue;
}

* html #content .rtcol_jeff_ovals  {margin: -12px 5px 0 12px;} 

#content .rtcol_jeff_ovals img 
{
	 padding:0px 0px 0px 0px;
	 margin: 0 0 0 0;
	 background-color: transparent;
	 border:0px solid red;
}

#content .rtcol_jeff_ovals p 
{
	margin:0px 0px 1em 0px;
	padding:3px 5px 0 5px;
	width:225px;
	color:black;
	line-height:10px;
	font-size:10px;
	letter-spacing:0.6px;
	background:transparent;
	position:relative;
	border:0px solid yellow;
	font-family: arial, helvetica, sans-serif;
	text-align:left;
}  
* html #content .rtcol_jeff_ovals p 
{
	margin:0px 0 1em 0;
	font-size:11px;
	line-height:11px;
}
/*
	=================================================
	END  rtcol_jeff_ovals :  works with deckovals.php only  END 
	=================================================
*/
#content #btcol
{
	background-color:transparent;
	clear:right;
	float:left;
	width: auto;
	margin: 12px 0 0 0 ;
	padding: 0 30px 0 0;
	border: 0px solid blue;
	text-align:center;
}
#content #btcol img 
{
	clear: left; 
	float: left;
	margin: 0 0 0 0;
	display:block;
	padding:0px 0px 0px 0px;
	margin: 0px 0 0 0;
	background-color: transparent;
	border: 0px solid red;
width:100%;
}
/*  This is the font size etc that Jay Kargula said to use for all caption fonts in the meeting 02-17-2006  */
#content #btcol p 
{
	 clear:both;
	 margin:0px 12px 1em 0px;
	 padding:5px 0 0 12px;
	 width:auto;
	 color:black;
	 line-height:10px;
	 font-size:10px;
	 letter-spacing:.6px;
	 background:#fff;
	 position:relative;
	 border:0px solid yellow;
	 text-align:left;
} 
* html #content #btcol p 
{
	font-size:11px;
	line-height:11px;
	margin:0px 0 1em 0;
} 
#content_d1 .rtcol_d3
{
	display:inline;
	background-color:transparent;
	clear:right;
	float:right;
	width: auto; 
	margin: 15px 27px 0 18px;  
	padding: 0 0px 10px 0;
	border: 0px solid blue;
}

* html #content_d1 .rtcol_d3 {margin:15px 27px 0 18px;} 

#content_d1 .rtcol_d3 img 
{
	 padding:0px 0px 0px 0px;
	 margin: 0 0 0 0;
	 background-color: transparent;
	 border:0px solid red;
}

#content_d1 .rtcol_d3 p 
{
	 clear:both;
	 margin:3px auto 1em auto;
	 color:black;
	 line-height:10px;
	 font-size:10px;
	 letter-spacing:.6px;
	 position:relative;
	padding:3px 5px 0 5px;
	width:223px;
	color:black;
	background:transparent;
	position:relative;
	border:0px solid yellow;
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	 
}  

* html #content_d1 .rtcol_d3 p 
{
	margin:3px 0 1em 0;
	font-size:11px;
	line-height:11px;
} 


/*  for the INSTALL pages only */
#content_d1 .rtcol_d3_install
{
	background-color:transparent;
	clear:right;
	float:right;
	width: auto;
	min-height:400px;
	height: 400px;
	margin: -12px 10px 0px 0px;
	padding: 0 0px 0 0;
	border: 0px solid blue;
position:relative;
text-align:center;
}

* html #content_d1 .rtcol_d3_install {margin:-12px 0 0 0;} 

#content_d1 .rtcol_d3_install img 
{
	float: left;
clear:both;
	padding:0px 15px 0px 15px;
	margin: 0 0 12px 0;
	background-color: transparent;
	border: 0px solid red;
display: block;
margin: 0 auto 0 auto;
}

#content_d1 .rtcol_d3_install p {
 clear:both;
 margin:0px auto 1em auto;
 padding:5px 0 0 0px;
 width:200px;
 color:black;
 line-height:10px;
 font-size:10px;
 letter-spacing:.6px;
 background:#fff;
 position:relative;
 border:0px solid black;
}  

* html #content_d1 .rtcol_d3_install p {margin:0px 0 1em 0;} 
/*  END for the INSTALL PAGES only  */

/*  for the LOGO pages only */
#content_d1 .rtcol_d3_logo
{
	background-color:transparent;
	clear:right;
	float:right;
	width: 233px;
	min-height:400px;
	height: 400px;
	margin: -113px 27px 10px 18px;
	padding: 0 0px 0 0;
	border: 0px solid blue;
}

* html #content_d1 .rtcol_d3_logo {	margin:-113px 14px 10px 18px;} 

#content_d1 .rtcol_d3_logo img 
{
	padding:0px 0px 28px 0px;
	margin: 0 0 0px 0;
	background-color: transparent;
	border: 0px solid red;
display: block;
margin: 0 auto 0 auto;
}

#content_d1 .rtcol_d3_logo p {
 clear:both;
 margin:0px auto 1em auto;
 padding:5px 0 0 0px;
 width:200px;
 color:black;
 line-height:10px;
 font-size:10px;
 letter-spacing:.6px;
 background:#fff;
 position:relative;
 border:0px solid black;
}  
* html #content_d1 .rtcol_d3_logo p {margin:0px 0 1em 0;} 
/*
#content_d1 .rtcol_d3_logo
{
	background-color:transparent;
	clear:right;
	float:right;
	width: auto;
	min-height:400px;
	height: 400px;
	margin: -113px 20px 10px 12px;
	padding: 0 0px 0 0;
	border: 0px solid blue;
position:relative;
text-align:center;
}

* html #content_d1 .rtcol_d3_logo 
{
	margin:-113px 0 0 0; 
	border: 1px solid blue;
} 

#content_d1 .rtcol_d3_logo img 
{
	padding:0px 0px 13px 0px;
	margin: 0 0 0px 0;
	background-color: transparent;
	border: 0px solid red;
display: block;
margin: 0 auto 0 auto;
}

#content_d1 .rtcol_d3_logo p {
 clear:both;
 margin:0px auto 1em auto;
 padding:5px 0 0 0px;
 width:200px;
 color:black;
 line-height:10px;
 font-size:10px;
 letter-spacing:.6px;
 background:#fff;
 position:relative;
 border:0px solid black;
}  

* html #content_d1 .rtcol_d3_logo p {margin:0px 0 1em 0;} 
*/
/*  END for the LOGO pages only */


#content_d1 .rtcol_d4
{
	display:block;
	background-color:transparent;
	clear:right; 
	float:right;
	width: auto;
	height:100%;
	margin: 0px 0px 0 0px;
	padding: 0 0px 0 0;
	border: 0px solid blue;
}
#content_d1 .rtcol_d4 img 
{
	display:block;
	clear:left;
	float: left;
	margin: 0 0 0 0;
	display:block;
	padding:0px 20px 0px 0px;
	border: 0px solid blue;
	margin: 45px 0 0 0;
	background-color: transparent;
	border: 0px solid yellow;
}


.content_l
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 18px 0px 5px 0px;
	border-left:0px solid;
	border-left-color: #E8E8E8;
	border: 0px solid blue;
	width:550px; 
	height:auto;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:11px;
	line-height:14px;
	letter-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif;

}
.content_r
{
	clear:right; float:right;
	padding: 0px 0px 0px 0px;
	margin: -14px 20px 0px 0px;
	border-left:0px solid;
	border-left-color: #E8E8E8;
	border: 0px solid red;
	width:350px; 
	height:auto;
	
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:11px;
	line-height:14px;
	letter-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif;


}

/* testing new class selectors - pretty interesting
Each of the selectors that form a descendant selector can be a simple selector of any form. The selector in the following rule 
matches all p elements with a class name of info that are contained by an li element that is contained by a 
div element with the id myid.

   1. div#myid li p.info { color:#f00; }
*/
#content
{
	color: black;
	padding: 0 0 0px 00px;  
	clear: right; 
	float:left;   /*  right  01-07-2006  */
	margin: 4px 9px 15px 30px;
	width: 523px;
	border: 0px solid yellow;
/*DWZmin-height:500px;*/
	height:auto;	
}

* html #content { 	
	margin: 4px 9px 25px 30px;
 } 


#content img {

	padding: 0 0px 0 0px;
	border: 0px solid blue;
}

#content p {
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:11px;
	line-height:16px;
	letter-spacing:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 10px 20px 0 0;
	font-weight:400;
}
#content ul {
	color:#948479;
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	list-style-type: square;
	list-style-position: outside;	
}
#content li {
	color:#948479;
	font-size:11px;
	line-height:16px;
	letter-spacing:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0px 20px 6px 5px;
	list-style-type: disc;
}
.pdf_inline {
	display:inline;
	line-height:22px;
	padding: 0px 0px 0 0px;
	margin: 0px 0px 0px px;
	background:url(../images/adobeIcon.gif) no-repeat -0px -0px;
}
.pdf {
}
.pdf ul {
}
#content li.pdf {
 	list-style:none;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:22px;
	letter-spacing:.6px;
	font-family: verdana, arial, helvetica, sans-serif;
 	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0px 0 0 20px;
	margin: 9px 0px 6px -10px;
background:url(../images/adobeIcon.gif) no-repeat -0px -0px;
border-bottom:1px solid #FFFFFF;
height:23px;
}
#content li.pdf a {
	padding: 0 7px 0 0; 
	color:#0033CC;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
}  
#content li.pdf a:link {
	color:#0000FF;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
	margin: 12px;
}  
#content li.pdf a:visited {
	color:#0000FF;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
	margin: 12px;
}  
#content li.pdf a:hover {
	background-color:#E4E4E4;
	color:#666666;  /* actual color from template */
	text-decoration:none;
	padding:2px 0 2px 0;
	font-size:11px;
	line-height:13px;
	letter-spacing:1px;
	margin: 12px;
}


#content_d1 li.pdf {
 	list-style:none;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:15px;
	letter-spacing:.6px;
	font-family: verdana, arial, helvetica, sans-serif;
 	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0px 0 0 20px;
	margin: 9px 0px 6px 0px;
background:url(../images/adobeIcon.gif) no-repeat -0px -0px;
height:23px;
}
#content_d1 li.pdf a {
	padding: 0 7px 0 0; 
	color:#0033CC;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
}  
#content_d1 li.pdf a:link {
	color:#0000FF;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
	margin: 12px;
}  
#content_d1 li.pdf a:visited {
	color:#0000FF;  /* actual color from template */
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
	margin: 12px;
}  
#content_d1 li.pdf a:hover {
	background-color:#E4E4E4;
	color:#666666;  /* actual color from template */
	text-decoration:none;
	padding:2px 0 2px 0;
	font-size:11px;
	line-height:13px;
	letter-spacing:1.0px;
	margin: 12px;
}

#content li.check {
 	list-style:none;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:15px;
	letter-spacing:.6px;
	font-family: verdana, arial, helvetica, sans-serif;
 	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0px 0px 8px 26px;
	margin: 9px 0px 6px -15px;
background:url(../images/sw/CheckBox.gif) no-repeat -0px -0px;
border-bottom:1px solid #FFFFFF;
height:auto;
}

#content h5
{
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	text-align:left;
	padding: 4px 0 5px 9px;
	width: 90%;
	margin: 0px 0 5px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	letter-spacing:1px;
	font-size:11px;

}	
#content h6
{
	display:inline;
	color: #121280;
	background-color: transparent;
	text-align:left;
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing:1px;
	font-size:10px;
}
#content .aitch_7
{
	display:block;
	color: #121280;
	background-color: transparent;
	text-align:left;
	padding: 0px 0 0px 0px;
	margin: 25px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing:1px;
	font-size:10px;
	font-weight:bold;
}	
* html #content .aitch_7
{
	font-size:11px;
}
.search_font
{
color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:10px;
	line-height:16px;
	letter-spacing:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0px 37px 8px 0;
	font-weight:400;
}	

#content h4
{
	color: #817164;  /* actual template color */
	background: transparent;
	padding: 0px 0 0px 0px;
	margin: 8px 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-variant:normal;
	letter-spacing:1px;
	font-size:14px;
	border: 0px solid red;
}
#content  h3
{
	color: #697589;  /* actual template color */
	background: transparent;
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	font-family: verdana, arial, helvetica, sans-serif;
	border-bottom: 0px solid;
	border-bottom-color:#E8E8E8;
	font-variant:normal;
	letter-spacing:1px;
	font-size:14px;
}		
#content  h2
{
	color: #121280;
	background: #ffffff;
	padding: 0px 0 0px 0px;
	margin: 0 0 5px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-variant:normal;
	letter-spacing:2px;
	font-size:12px;
	font-variant:small-caps;
	text-decoration:none;
}	
#content h1
{
	color: #121280;
	font-size:12px;
	line-height:12px;
	letter-spacing:0px;
	font-weight:normal;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 6px 25px 0 15px;
}	

#content a {cursor:pointer; padding: 0 0px 0 0; color:#535300;font-family: verdana, arial, helvetica, sans-serif; text-decoration:none; font-size:11px;}  
#content a:link {color:#0000FF;font-family: verdana, arial, helvetica, sans-serif; text-decoration:none; font-size:11px; text-decoration: underline;}  

#content a:visited {color:#0000FF;font-family: verdana, arial, helvetica, sans-serif; text-decoration:none; font-size:11px; text-decoration: underline;}  
#content a:hover {color:red;font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline; 
	background-color:#E4E4E4;
	color:#666666;  /* actual color from template */
	text-decoration:none;
	padding:2px 0 2px 0;
}
#content a:active {color:#0000FF;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;}
#content a:focus{color:#0000FF;font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}

/*
	top navigation 
*/
/*
	top navigation  - first #home forces each page to display, in the menu, a color coded reference to the page it is on...
	Must use in your link:
	<li><a href="index.html" class="home">Home</a></li>
	Must use in your body tag on the page <body id="home>
*/

#homeowner .homeowner, #builder .builder, #contractor .contractor, #dealer .dealer, #index .index, #media .media, 
#locator .locator, #contact .contact, #australia .australia
{
	padding-left:5px;
	font-weight:normal;
	background-color:#111E6B;
}


#topnav
{
	text-align:right;
	/*sssfloat: right;*/
	width: 740px;
	height:20px;
	border:0px solid red;
	color: white;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;	
}
#topnav ul
{
	padding : 2px 0 0 0;
	margin : 0 0 0 0;
	white-space : nowrap;
	background-color : transparent;
	color: white;
}
#topnav ul li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline;
	color: white;
}
#topnav ul li a
{
	padding:3px 0.4em 4px 0.4em;
	color: white;
	font-size:11px;
	line-height:11px;
	text-decoration : none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0px solid yellow;
}
/*
#topnav li a {
	display: inline;
	font-size: 11px;
	letter-spacing:0px;
	color: #000000;
	background-color:transparent;
	text-decoration: none;
	padding:  0px 0 8px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	border: 0px solid red;
}
*/
#topnav  a:hover 
{
	color:#003366;
	background-color:#AFB9C8;  /* actual color from template */
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



/*
	side navigation 
*/
/*
	side navigation  - first #home forces each page to display, in the menu, a color coded reference to the page it is on...
	Must use in your link:
	<li><a href="index.html" class="home">Home</a></li>
	Must use in your body tag on the page <body id="home>
*/
#homeowner_1 .homeowner_1, #builder_1 .builder_1, #contractor_1 .contractor_1,
#homeowner_2 .homeowner_2, #homeowner_3 .homeowner_3, #homeowner_4 .homeowner_4,
#d_homeowner_1 .d_homeowner_1,  #d_homeowner_2 .d_homeowner_2, #d_homeowner_3 .d_homeowner_3, #d_homeowner_4 .d_homeowner_4,
#d_builder_1 .d_builder_1,
#d_contractor_1 .d_contractor_1,
#d_dealer_1 .d_dealer_1, #d_dealer_2 .d_dealer_2,
#r_homeowner_1 .r_homeowner_1,
#r_builder_1 .r_builder_1,
#r_dealer_1 .r_dealer_1,
#r_contractor_1 .r_contractor_1
{
	color : #0033FF;
	background-image: url(../images/arrow_left_tiny_icon.gif);
	background-repeat: no-repeat;
	padding:0 18px 0 0;
	background-position: left;
}
#content_top
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:760px;
	height:18px;
	background-color:white;
	background-image: url(../images/sw/content_top_gradient.jpg);
}
#content_top img{display:block;}

/*
	  Side navigation - works in paralell with #sidenavd2 below,
	  which is itself called from the template PHP pages.
	  
	  Changes must be made to both divisions for consistency...
*/
#sidenav 
{
	float: left;
	width: 184px;
	margin: 0 0 0 0;
	padding: 13px 0px 30px 0px;
	font-size:11px;
	background-color:#EDE9E6;
	border: 0px solid red;
	text-align:right;
	/*color: #919148; */ /* actual template color */
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	border: 0px solid gray;
}
/*
	Note:  This division is used for the NUMEICAL template pages, which are
	called from the various deck1-2-3-4-5-6.php files, etc.  It was necessary to
	use a second side navigation division as the menu display for those
	template pages is lower on the page due to the abscence of a header graphic.
*/
#sidenavd2
{
	float: left;
	width: 184px;
	margin: 0 0 0 0;
	padding: 150px 0px 35px 0px;
	font-size:11px;
	background-color:#EDE9E6;
	border: 0px solid blue;
	text-align:right;
	color: #919148;
	border: 0px solid blue;
	background-image: url(../images/sw/top_left_monarch_logo_gradi.gif);
	background-repeat: no-repeat;
}
#sidenav ul, #sidenavd2 ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	display:block;
	background-color:#EDE9E6;  /* actual template color */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
} 
#sidenav ul a, #sidenavd2 ul a
{
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	 display:block;
	 background-color:#EDE9E6;  /* actual template color */
	 font-size:11px;
	 font-family: verdana, arial, helvetica, sans-serif;
	 text-decoration:none;
} 
/* mac hide \*/
* html #sidenav ul li a{height:1%}
/* end hide */
/* mac hide \*/
* html #sidenavd2 ul li a{height:1%}
/* end hide */

/*  This is the side navigation controlling CSS  */
#sidenav ul a:link, #sidenavd2 ul a:link 
{
	 color: #919148;
	 color:#776960;  /* ENHANCED - DARKER than actual color from template */
	 display:block;
	 background-color:#EDE9E6;  /* actual template color */
	 font-family: verdana, arial, helvetica, sans-serif;
} 

#sidenav ul li a:hover, #sidenavd2 ul li a:hover
{
	/* color: #000099; */
	color: #000066;
	background-color:#EAF2EF; 
	border:0px solid red;
}
#sidenav p, #sidenavd2 p 
{ 
	margin:0px 0; 
	padding: .5em;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
}
#sidenav h4, #sidenavd2 h4
{
	color: #121280;
	background: #ffffff;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px 0;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	font-family: verdana, arial, helvetica, sans-serif;
	border-bottom: 0px double;
 	border-bottom-color: #DFDFDF;
} 
.blue_text {
	display : inline;
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	line-height:15px;
}
#bluetext {
	display : inline;
	color: #000099;
	background-color:transparent;
}

/*
	 O N E   Navigation
*/
#sidenav ul li a.blue_text_active_tier1 {
	display: block;
	color: white;
	background-color:#111E6B;  /* actual color from template */
	line-height:20px;
	text-decoration:none;
	padding-right:10px;
	padding-bottom: 1px;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
#sidenavd2 ul li a.blue_text_active_tier1 {
	display: block;
	color: white;
	background-color:#111E6B;  /* actual color from template */
	line-height:20px;
	text-decoration:none;
	padding-right:10px;
	padding-bottom: 1px;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
#sidenav ul li a.blue_text_not_active_tier1 {
	display: block;
	color: #919148;  /* actual template color */
	background-color:#EDE9E6;  /* actual color from template */
	line-height:20px;
	text-decoration:none;
	padding-right:0px;
	padding-bottom: 1px;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
#sidenavd2 ul li a.blue_text_not_active_tier1 {
	display: block;
	color: #919148;  /* actual template color */
	background-color:#EDE9E6;  /* actual color from template */
	line-height:20px;
	text-decoration:none;
	padding-right:0px;
	padding-bottom: 1px;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}

#sidenav ul li a.blue_text_active_tier1:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenav ul li a.blue_text_not_active_tier1:hover {
	color: #000066;
	background-color:#DCE9E4;  
}

/*
	 O N E   end of navigation 
*/







.blue_text_not_active {
	display : inline;
	color: #000099;
	background-color:#D1D3D9;  /* actual color from template */
	text-decoration:none;
	line-height:15px;
}




/*
	 T W O    Navigation
*/

#sidenav ul li a.blue_text_active_tier2_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenav ul li a.blue_text_not_active_tier2_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenavd2 ul li a.blue_text_active_tier2_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenavd2 ul li a.blue_text_not_active_tier2_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenav ul li a.blue_text_active_tier2_test {
	display : block;
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
#sidenavd2 ul li a.blue_text_active_tier2_test {
	display : block;
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
#sidenav ul li a.blue_text_not_active_tier2_test {
	display : block;
	color: #000099;
	background-color:#D1D3D9;  /* actual color from template dwz dwz */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;}
#sidenavd2 ul li a.blue_text_not_active_tier2_test {
	display : block;
	color: #000099;
	background-color:#D1D3D9;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
/* 03-01-2006 to align border correctly on left */
margin-left:-1px;
}
/*
	 T W O    end of navigation 
*/





/*
	 T H R E E    Navigation
*/

#sidenav ul li a.blue_text_active_tier3_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenav ul li a.blue_text_not_active_tier3_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenavd2 ul li a.blue_text_active_tier3_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenavd2 ul li a.blue_text_not_active_tier3_test:hover {
	color: #000066;
	background-color:#DCE9E4;  
}
#sidenav ul li a.blue_text_active_tier3_test {
	display : block;
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
}
#sidenavd2 ul li a.blue_text_active_tier3_test {
	display : block;
	color: #000099;
	background-color:#AFB9C8;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
}
#sidenav ul li a.blue_text_not_active_tier3_test {
	display : block;
	color: #000099;
	background-color:#D1D3D9;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
}
#sidenavd2 ul li a.blue_text_not_active_tier3_test {
	display : block;
	color: #000099;
	background-color:#D1D3D9;  /* actual color from template */
	line-height:15px;
	padding-right:10px;
	text-decoration:none;
}
/*
	 T H R E E    end of navigation 
*/



/*
	bottom navigation 
*/
#botnav
{
	clear:both;
	text-align:left;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	background-color: transparent;
	padding: 4px 0 0 0px;
	width:760px;
	font-size:10px;
	line-height:10px;
	margin: 0px auto 0px auto;  /* 15px removed 11-01-2005  */
	
	/*
	background-image: url(../images/sw/left_column.jpgDWZ);
	background-position: bottom left;
	background-repeat: repeat-y;	
	*/
	
	/*  bottom right logo here   */
	background:url(../images/sw/crown.gif) no-repeat;
	background-position: bottom right;
		
	
	border: 0px solid red;
	height:17px;
margin-top: -21px;  /* -22px */
	border-bottom: 1px solid #DCD4D1;
	border-left: 1px solid #DCD4D1;
	border-right: 1px solid #DCD4D1;
}
#botnav ul
{
	font-size:9px;
	padding : 0px 0 0 220px;
	margin : 0 0 0 0;
	white-space : nowrap;
	background-color : transparent;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
}
#botnav ul li
{
	font-size:9px;
	display : inline;
}
#botnav ul li a
{
	padding-left : 0.4em;
	padding-right : 0.4em;
	background-color :transparent;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:9px;
	line-height:10px;
	letter-spacing:1.1px;	
	text-decoration : none;
}
* html #botnav ul li a
{
	font-size:11px;
}
#botnav ul li a:hover
{
	background-color :transparent;
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	text-decoration : underline;
}	

.dealer_box {
	border: 1px solid #EAEAEA;
	width: 60%;
	padding: 3px 0 3px 12px;
	margin: 0 0 8px 0;
	color: #649595;
	font-size:11px;
	line-height:13px;
	letter-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif;
}
.sitemap_l
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 12px 4px;
	border-left:0px solid;
	border-left-color: #E8E8E8;
	border-top: 0px solid  #F7F7F7;
	width:170px; 
	height:auto;
	color: white;
	font-size:11px;
	line-height:14px;
	letter-spacing:0.9px;
	font-family: verdana, arial, helvetica, sans-serif;
}
.locator_text {
	padding: 2px 2px 2px 2px;
	color: #5E8A8A;
	font-size:11px;
	line-height:15px;
	letter-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif;
	border:1px solid gray;
	border-color:#CCCCCC;
}
.x_test {
	padding: 1px 1px 1px 1px;
	color: black;
	font-size:11px;
	line-height:18px;
	letter-spacing:1px;
	margin: 5px 0 0 0;
	background-color:#CCCCCC;
	background-image:url(../images/sw/btn_submit.gif);
	width:128px;
	height:25px;
}
.locate_button {
	padding: 1px 1px 1px 1px;
	color: black;
	font-size:11px;
	line-height:18px;
	letter-spacing:1px;
	margin: 5px;
	background-color:#CCCCCC;
	background-image:url(../images/sw/btn_search.gif);
	width:128px;
	height:25px;
}
/* used for Wood Like Seasoning graphic display of 10 colors swatches - bottom of content division */
#colors_wood_like_seasoning
{
	clear:left;
	float:left;
	color:#000000;
	text-align:left;
	display:block;
	width: 535px;
	margin: 10px auto 0 auto;
	padding: 0 0 0 0;
	border: 2px solid green;
}
#colors_wood_like_seasoning img 
{
	margin: 0 0 5px 0;
	display:block;
	padding:0px 0px 0px 0px;
	border: 0px solid #E8E8E8;
	border-color:#F0F0F0;
	margin: 0 0 5px 0;
	background-color: transparent;
	padding:8px 0 8px 0;
}
.cursor_finger {
	cursor:pointer;
}

#content .border {
	padding: 0 10px 10px 10px;
	margin:0 0 0 0;
	border: 1px solid;
	border-color:#A6996F;
	background-color:white;
	text-align: center;
	float: left;
}
/*  Internet Explorer Only */
* html #content .border {padding: 10px 10px 10px 10px;} 


#content .border img {
	display: block;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
/*
	Polaroid looking photo display
*/
.polaroid {
     padding:15px 15px 55px 15px;
     border:1px solid black;
     background:white;
     text-align:center;
}
.polaroidtext {
    color:black;
    position:relative;
    top: -50px;
}
	
.first_again_sidebar  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 -33px;
	width: 125px;
	height:250px;
	border: 1px solid red;
	border-color:#DDDDDD;
	background-color: white;
	background-image: url(../images/sw/first_again.jpg);	
}

* html .first_again_sidebar {
	margin: 0px 0 0 0px;
	padding:0px 0px 0px -22px;
} 

#sidenav .first_again_sidebar p {
	color:#FA9C34;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;	
	
}
/*  
	"First Again" text highlighting  
*/
#content_d1 .first_again {  
	display:block;
	padding:5px 5px 5px 5px;
	margin:0 44px 0 12px; 
	color:#776960;  /* ENHANCED - DARKER than actual color from template */
	font-size:10px;
	letter-spacing:1px;
	line-height:14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:bold;
}
* html #content_d1 .first_again{font-size:11px;} 

#content .crownrow {
 	list-style:none;
	color:#948479;  /* actual color from template */
	font-size:11px;
	line-height:22px;
	letter-spacing:.6px;
	font-family: verdana, arial, helvetica, sans-serif;
 	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0px 0 0 20px;
	margin: 9px 0px 6px -10px;
background:url(../images/Crowns.jpg) no-repeat -0px -0px;
border-bottom:1px solid #FFFFFF;
height:23px;
}
#botnav .fade_away {
	padding:0 0 0 56px;
	color:#FFFFFF;
}
#botnav .fade_away a:hover {
	color:#FFFFFF;
}
.underline {
	text-decoration:underline;
}