/* After this is CSS for page */
html, body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: ##004080;
   	background: #005F9E url(PCS_files/bg1a.gif) left top;
    background-repeat:repeat-x;
}
/* 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_Estimator.gif');  
     background-repeat: no-repeat;  
     height:110px;
     width:810px;
     margin-left: auto;
     margin-right: auto;
     } 
#newpricing {
     text-align:center;
     width:90px;
     position:absolute;
     z-index: 99;
     background:#ffffff;
     border:ridge;
     border-color:#FF0000;
     padding-left:5px;
     padding-right:5px;
     font-size:smaller;
     margin-top: -5px;
     margin-left: 10px;
    } 
#subtitle {
     margin-left: auto;
     margin-right:auto;
     padding-top:30px; /* positions call or click */
}     
#content {
    float:left;
    background-image: url('PCS_files/Swish.gif');
    background-repeat:repeat-y;
}
.table1 {
    float:left;
    display:block;
    background:#ffffff;
    border:solid;
    width:375px;
    margin-left:20px;
    margin-top:15px;
 }
.table1b {
    float:left;
    display:block;
    background:#ffffff;
    width:375px;
    margin-left:20px;
    margin-top:15px;
 }
.table2 {
    float:right;
    display:block;
    width:375px;
    margin-right:20px;
    margin-top:15px;
 }
.table3 {
     clear:both;
     display:block;
     width:90%;
     margin-left:auto;
     margin-right:auto;            
}
/* 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;
    margin-left: auto;
    margin-right: auto;
}

#subfooter p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: center;
}  
.blue {
   	background: #005F9E url(PCS_files/TableHead_bg.gif) left top;
    background-repeat:repeat-x;
      }
#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{
	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;
}
.pop{
position: relative;
z-index: 0;
}
.pop:hover{
background-color: transparent;
z-index: 100;
}

.pop span{ /*CSS for tooltip*/
    position: absolute;
    visibility: hidden;
    float:left;
    background:#ffffff;
    height:340px;
    width:475px;
    margin-left: -640px;
    margin-top:-80px;
    }
.pop:hover span{ /*CSS for tooltip on hover*/
visibility: visible;
top: 0;
left: 180px; /*position where tooltip should offset horizontally */

}
.pop2{
position: relative;
z-index: 0;
}
.pop2:hover{
background-color: transparent;
z-index: 100;
}

.pop2 span{ /*CSS for tooltip*/
    position: absolute;
    visibility: hidden;
    float:left;
    background:#ffffff;
    height:340px;
    width:475px;
    margin-left: -627px;
    margin-top:-175px;
    }
.pop2:hover span{ /*CSS for tooltip on hover*/
visibility: visible;
top: 0;
left: 180px; /*position where tooltip should offset horizontally */

}
.pop3{
position: relative;
z-index: 0;
}
.pop3:hover{
background-color: transparent;
z-index: 100;
}

.pop3 span{ /*CSS for tooltip*/
    position: absolute;
    visibility: hidden;
    float:left;
    background:#ffffff;
    height:340px;
    width:475px;
    margin-left: -660px;
    margin-top:-265px;
    }
.pop3:hover span{ /*CSS for tooltip on hover*/
visibility: visible;
top: 0;
left: 180px; /*position where tooltip should offset horizontally */

}
#tablepop {
  text-align:left;
   }
/* footer */
#outside1{
    clear:both;
	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;
}
.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 */

}
.hid_url { display:none;}