/* After this is CSS for page */
html, body {
	height: 100%;
}

body {
	margin-top: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #004080;
   	background: url(PCS_files/bg1a.gif) left top;
    background-color: #005F9E;
    background-repeat:repeat-x;
    text-align:center;
}
/* next is to fill in white space in FireFox */
#whitebackdrop {
     background:#ffffff;
     width:810px;
     margin-left: auto;
     margin-right: auto;
}
#title {  
     background: #ffffff;
     background-image: url('PCS_files/Header_3.gif');  
     background-repeat: no-repeat; 
     z-index: 2; 
     height:190px;
     width:810px;
     margin-left: auto;
     margin-right: auto;
     }  
#subtitle {
     margin-left: -175px;
     padding-top:141px; /* positions call or click */
}     
#content {
    padding-top:1em;
    background-image: url('PCS_files/Swish.gif');
    background-repeat:repeat-y;
	width: 810px;
    text-align:left;
}
#contentstainguide {
    padding-top:1em;
/*    background-image: url('PCS_files/Swish.gif');
    background-repeat:repeat-y; */
	width: 810px;
    text-align:left;
}
#stainguide {
    display:block;
    padding-top:1em;
    background-image: url('PCS_files/SwishStainGuide.gif');
    background-repeat:no-repeat; 
	width: 780px;
    height:800px;
    text-align:left;
}
/* class pawbullets in a li */
.pawnav {
     float:left;
     padding-left:190px;
}
.pawbullet {          
            list-style : url(PCS_files/pinkpaw.gif) disc;
            padding-left:10px; /* spacing between bullet and text */
            vertical-align:middle; /* this aligns with bullet */
            padding-bottom: 1em;  
} 
/* Footer */

#footer p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: center;
} 
#subfooter {
	padding-top: 0px;
    width:810px;
    background-color: #005F9E;
    margin-left: auto;
    margin-right: auto;
}

#subfooter p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: center;
}    
#blue {
     background:#222222
      }
#leftcol {
     float:left;

     width:50%;
     } 
#midcol {
     margin-left:0;
     margin-right:0;
     background:#ffffff;
     width:810px; 
     }
#rightcol {
     float:right;
     width:50%;
     }    
/* After this is CSS for menu */
#outside{
    margin-top:0px; /* vertical position of menu */
	border:1px solid #000000;
	background:#000000;
    width:809px;
    margin-left: auto; /* to center menu */
    margin-right: auto;/* to center menu */
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 10pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:120px;
}
/* next two control main menu, change in unison */
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding-top:4px;
    padding-left:9px; /* adjust spacing between items */
    padding-right:9px; /* adjust spacing between items */
    padding-bottom:4px;
    margin-left:20px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#ffffff; /* color of level 1 text */
	width:100px;/* width of level 1 items */
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding-top:4px;
    padding-left:9px; /* adjust spacing between items */
    padding-right:9px; /* adjust spacing between items */
    padding-bottom:4px;
    margin-left:20px;    
	display:block;
	text-align:center;
	text-decoration:none;
	background:#444444;
	color:#ffffff;
	width:100px; /* width of level 1 items hover */
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
/* end main menu, change in unison */
/* background box */
#navigation-1 li ul.navigation-2 {
    margin-left:20px; /* positions submenu under menu */
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:120px; /* width of drop down menu */
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:120px; /* width of drop down menu */
	clear:left;
	width:120px; /* width of drop down menu */
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
    margin-left:0px;   /* in firefox, this keeps sub menu inside background box */ 
	background:#550055; /* color of drop down menu */
	padding:4px 0;
	width:120px; /* width of drop down menu */
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#A52A2A;
	padding:4px 0;
	width:120px; /* width of drop down when highlighted */
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
#outside1{
	border:1px solid #000000;
	background:#000000;
    width:809px;
    margin-left: auto; /* to center menu */
    margin-right: auto;/* to center menu */
	}
#navigation-1a {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 10pt verdana, arial, helvetica;
}
#border {
     border: 2px;
     color: #000000;
      }
 #outside1{
	border:1px solid #000000;
	background:#000000;
    width:809px;
    margin-left: auto; /* to center menu */
    margin-right: auto;/* to center menu */
	}
#navigation-1a {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 10pt verdana, arial, helvetica;
}
#newpricing {
     clear:both;
/*   width:90px;     */
     z-index: 99;
     float:left;
/*   background:#ffffff;
     border:ridge;
     border-color:#FF0000;
     padding-left:5px;
     padding-right:5px;
     font-size:smaller;
     margin-top: -110px;
     margin-left: -30px; */
    } 
.pop4{
position: relative;
z-index: 0;
}
.pop4:hover{
background-color: transparent;
z-index: 50;
}

.pop4 span{ /*CSS for tooltip*/
    position: absolute;
    visibility: hidden;
    float:left;
    background:#ffffff;
    border:groove;
    border-color:#000000;
    width:475px;
    margin-left:-130px;
    margin-top:-10px;
    font-family:verdana;
    color: #000000;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    }
.pop4:hover span{ /*CSS for tooltip on hover*/
visibility: visible;
top: 0;
left: 180px; /*position where tooltip should offset horizontally */

}
/* stuff tidy put in */
 p.c7 {color: #FFFFFF; font-size: 80%; text-align: center}
 span.c6 {color: #FFFFFF; font-size: 80%}
 div.c5 {margin-left: 2em}
 div.c4 {color: #FFFFFF; padding-top:2px; text-align: center}
 blockquote.c3 {MARGIN-RIGHT: 20px}
 span.c2 {text-decoration: none;}
 p.c1 {text-align: center}