/* style sheet for Chem Clean Spokane (Bill Snell) ... last updated 2/18/09 */
h1,h2,h3 { color:#000000; }

h1 { font-size: 150%; text-align:center; }
h1.spot { font-size: 100%; }
h2 { font-size: 135%; text-align:center; }
h3 { font-size: 120%; text-align:center; }

.s30 { font-size: 3px; color:#efeddb; }
.s30 { font-size: 5px; color:#efeddb; }

body
{
background-color: #efecda;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-left: 0px; 
}
#header { width:800px;align:center;left:0px;top:0px; }
#header_img { 
	position:absolute;max-width:840px;height:242px;align:right;left:0px;top:0px;
	background-color:#efecda; background-image:url(../img/chem_clean_header.jpg);
	 background-repeat:no-repeat;border:0px dashed #eee; }
#container { width:700px;margin-left:185px;margin-top:250px; 
			 text-align:left; border:0px dashed #bbb; }
#side_img { position:absolute;top:242px;height:400px;width:168px;align:center;left:0px;
	background-image:url(../img/side_tile_chem_clean.jpg); background-repeat:no-repeat;}

#margin_img { position:absolute;width:168px; margin-left:0px;margin-right:0px;}	
											/* specify top location in calling page */
.div100  { position:relative;width:100%; }

.font125 { font-size: 125%; }
.font120 { font-size: 120%; }
.font85  { font-size: 90%; }
.font90  { font-size: 96%; }

.fontS1	{ 	font-size: 90%; }
.fontS2 { 	font-size: 85%; }
.fontS3 { 	font-size: 75%; }
.fontB2 { 	font-size: 115%; }
.fontB1 { 	font-size: 125%; }
.fontB1 { 	font-size: 125%; }
.colorThis { 	font-size: 100%; color: #1e28df; }
.colorHead { 	font-size: 120%; color: #1e28df; font-weight: bold; }
.colorStar { 	font-size: 100%; color: #1e28df; font-weight: bold; }
.colorDot  { 	font-size: 120%; color: #1e28df; }
.fontAlt { font-family:Arial ; font-size: 100%; }
.colorLight { 	font-size: 100%; color: #fcfcfc; }
.fontFade {color: #ffffff;}
.fontTitle { font-size: 108%; font-style:italic;}
.fontBold { font-weight: bold; }
.undrln	  { text-decoration: underline;}

hr { color:#990000; }
p.indnt { text-indent: 1.5em; }

ul.lower_alpha {list-style-type: lower-alpha;}

table.focus	{ border: medium outset #0e04e1; border-collapse: collapse; background-color: #ffffff; }
table.focus td { border: 2px inset #0e04e1; background-color: #ffffff; }

a:link	  { color: #0e04e1; }
a:visited { color: #800080; }
a:hover { 
    color: #7b1410;
    background-color: #dddddd;
    text-decoration: none;
    }
a:active { color: #bb0000; }

.btn{font-weight:bold;color:#ffffff;background-color:#1e28df;;margin-bottom:-1px; padding-top:1px; }

/* table.normal td (text-align:left; vertical-align:top;} */
table.normal td {text-align:left;}


a.about a.faq a.tips a.contact a.home a.tips a.tips_here 
				{ cursor:default; }
a.linkhand { cursor:hand; }
.menu_btn { border:0px dashed #444444;}
a.transp { background:transparent; }
a.no_hand { cursor:default; }

/*  Background: efecda;  blue: 3b3b88;    */

.menu 
	{ position:absolute;top:286px; left:10px; padding-left:0px;align:left; border:0px solid green;font-size: 12px; margin: 0px 0px; width: 120px; }
	
.menu UL LI A {
	  display: block; background: transparent; width: 120px; height: 50px; align: left; text-decoration: none;
}


.menu UL {
	 padding-right: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; 
	 list-style-type: none;
}
.menu UL LI 
	{ float: left; margin-right: 1px; position: relative; }

/*.menu UL LI:hover A, .menu1 UL LI:hover A, .menu2 UL LI:hover A, .menu3 UL LI:hover A 
	{ background:#ffffff; color:#000000; }*/


.menu UL LI A.here 		 { background: none; cursor:default; }
.menu UL LI:hover A.here { background: none; cursor:default; }

.menu UL LI UL LI A {
	border-top: #1e28df 2px solid; border-left: #1e28df 2px solid; 
	border-right: #1e28df 2px solid; padding-left: 5px; 
	display: block; width: 126px; color: #ffffff; line-height: 19px; 
	border-bottom: #1e28df 0px solid; height: 20px; text-align: left; text-decoration: none;
	/*background-image:url(../img/btns/carpet_patch.gif)*/ background-color: #efecda;
}

.menu UL LI UL LI A.last { border-bottom: #1e28df 2px solid; }

/* sub menu items */

.menu UL LI UL { display: none; }
.menu UL LI:hover UL 
	{ display: block; left: 110px; width: 105px; position: absolute; top: 0px }

.menu UL LI:hover UL LI A.hide
	{ background-color: #1e28df; color: #000000; }
.menu UL LI:hover UL LI:hover A.hide
	{ width: 110px; }
.menu UL LI:hover UL LI UL,
	{ display: none; }
.menu UL LI:hover UL LI A 
	{ display: block; /*background-image:url(../img/btns/carpet_patch.gif)*/
		background-color: #efecda; width: 110px; color: #000000; }
.menu UL LI:hover UL LI A:hover { background: #1e28df; color: #ffffff; }
.menu UL LI UL LI A:visited 	{ color: #3b3b88; }

.menu UL LI UL LI A:hover UL
	{ display: block; left: 110px; color: #000000; position: absolute; top: 0px; }
.menu UL LI UL LI A
	{ display: block; background: #3b3b88; background-color:#ccc; color: #000000; }
.menu UL LI UL LI A:hover
	{ background-color: #bd8d5e; color: #ffffff; }

.menu UL LI UL LI A.here, .menu UL LI UL LI A.here:hover, .menu UL LI UL LI A.here:link, .menu UL LI UL LI A.here:visited
	{ background-color: #1e28df; color: #ffffff; font-style:italic; cursor:default; }

/* Superfish CSS for vertical flyout menu */ 
/* Superfish site: http://users.tpg.com.au/j_birch/plugins/superfish/ */

/*** ESSENTIAL STYLES ***/
.side_menu, .side_menu * { margin:	0; padding: 0; list-style: none; }
.side_menu { line-height:	1.0; }
.side_menu ul { position:absolute; top: -999em; width: 10em; 
			/* left offset of submenus need to match (see below) */
}
.side_menu ul li { width:	100%; }
.side_menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.side_menu li { float:left; position:	relative;}
.side_menu a { display: block; position: relative; }

	
/*** adding sf-vertical in addition to side_menu creates a vertical menu ***/
.side_vertical, .side_vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}


 /*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in 
	| Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: Darbie Marlin, WebMaker-NW.com 11/4/08
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../img/4corners.gif'); /* CHANGE: path and name of your image */
	height: 4px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 4px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 4px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -4px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -4px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left:  2px solid #0002b4;	/* YCC: color & properties of the left-borderline */
	border-right: 2px solid #0002b4;	/* YCC: color & properties of the right-borderline */
	background: #ffffff;     	/* YCC: background-color of the inside */
	color: #000000;             /* YCC: default text-color of the inside */
	padding-left: 6px;          /* YCC: all texts at some distance of the left border */
	padding-right:6px;          /* YCC: all texts at some distance of the right border */
	font-size:12px;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */