/* styles for Bowe -- Odyssey 2004 */
body {
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 11px;
	line-height: 1.5em;
	color:black;
	background-color:white;
 	border-collapse: separate;
	border-spacing:0px;
	background-image:url(../sitegraphics/lmenu_strip.jpg);
	background-repeat: repeat-y;

	behavior: url(../common/csshover.htc); /* so ie to apply hover effects to other than A */
	/* Tell NS4 to ignore what follows.... */ 
	/*/*/ 
	position:absolute;
	/* Okay, we can let NS4 see the rest.... */ 	
	}

p, td {  /*td because tables don't inherit style properties*/
	padding:0;
	margin:0;
	padding-bottom:.5em;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 11px;
	}

p { 
	padding-bottom:.5em;
	}

hr {
	width:50%;
	margin-top:20px;
	margin-bottom:20px;
	}
	
table, td, tr {
	vertical-align:top;
	border:0;	
	margin:0;
	padding:0;
 	border-collapse: collapse;
	border-spacing:0px;
	}
	
/* this makes menus flyout on both IEPC and others */
#leftmenu li.flyout:hover ul, #header li.flyout:hover ul, li.flyout:hover ul  {
	display:block;
	}
*/
/* --------------------------------------- */
/* how do the major areas relate in space? */
/* edit these together to match position   */

div#header {
	height:121px;
	}
	
div#leftmenu {
	width:180px;
	}

div#leftcontent {
	padding-top: 142px;
	}

div#sandbox {
	padding-top: 150px;
	padding-left: 206px;
	padding-right: 30px;
	}

/* --------------------------------- */
/* everything in center contents area*/
div#sandbox {
	position:relative;
	z-index:1;
	}

h1 {font-family: Helvetica, Arial, san-serif;
	font-size: 20px;
	font-weight: bold;
	color:#43bb97;
	margin-left:-18px;
	line-height:1.2em;
	margin-right:20%;
	}

h2 {font-family: Helvetica, Arial, san-serif;
	font-size: 16px;
	font-weight: bold;
	color:#43bb97;
	clear:left;
	}

h3 {font-family: Times, Times New Roman, Helvetica, Arial, san-serif;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	color:#black;
	padding-left:30px;
	padding-right:60px;
	padding-bottom:6px;
	}
	
.mousetype, .mousetype a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align:right;
	}

/*styles for pagelets */  	
.align_right, .right_align {
	text-align:right;
	margin-right:0;
	}

#sandbox a {color:#239b77; font-weight:bold;}
#sandbox a:visited {color:#239b77}
#sandbox a:hover {color:red;}

#sandbox h2 a {color: #43bb97;	}
#sandbox h2 a:visited {color: #43bb97; }
#sandbox h2 a:hover {color: #239b77;}
	
#sandbox p img, img.eklipseobject  {
	float:right;
	padding-left:16px;
	padding-bottom:16px;
	clear:right;
	}

/*used by DOWNLOAD buttons*/
#sandbox a img {
	float:none;
	border:0;
	clear:none;
	padding:0;
	}

#sandbox img.nowrap {
	float:none;
	}

.align_left, .left_align, .left {
	text-align:left;
	padding-right:10px;
	}

#sandbox img.align_left, #sandbox img.left_align, #sandbox img.resize {
	float:left;
	padding-right:16px;
	padding-bottom:16px;
	clear:left;
	}

#sandbox img.resize {
	width:33%;
	}

#sandbox table.callout {
	float:right;
	width:33%;
	border:6px double #aaa;
	border-right:6px double #666;
	border-bottom:6px double #666;
	}

#sandbox table.callout2 {
	border:6px double #aaa;
	border-right:6px double #666;
	border-bottom:6px double #666;
	}

.callout td, .callout2 td {
	vertical-align:top;
	margin:12px;
	padding:12px;
 	border-collapse: collapse;
	border-spacing:0px;
	}
	
.callout h1, .callout h2, .callout2 h1, .callout2 h2 {
	font-family: verdana, arial, helvetica, san-serif ;
	font-size: 16px;
	font-weight: bold;
	color:#366;
	margin-left:0px;
	}

.callout li, .callout ul, .callout2 li, .callout2 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom:6px;
	}

#sandbox .callout a, #sandbox .callout2 a {
	color:#366;
	}

#sandbox ol {
	float:right;
  	width:25%;
	background-color:#eee;
	padding-top:12px;
	padding-bottom:12px;
	margin-left:6px;
	list-style-type: none;
	border:6px double #aaa;
	border-right:6px double #666;
	border-bottom:6px double #666;
	}

/* ---------------------------- */
/* everything in the top area   */
div#header {
	background-image:url(../sitegraphics/top-strip.jpg);
	background-color:#333;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10;
	}

/* in case you position header items with a table...*/
#header table{
	width: 100%;
	height: 100%;
	}

#header td{
	white-space: nowrap;
/*	vertical-align:bottom;*/
	}
	
.menubutton { display:block;
	height:34px;
	float:left;
	}

#index { background-image: url(../sitegraphics/menu-home-off.gif); width:104px; }
#aboutus { background-image: url(../sitegraphics/menu-company-off.gif); width:86px; }
#product { background-image: url(../sitegraphics/menu-product-off.gif); width:86px; }
#service { background-image: url(../sitegraphics/menu-service-off.gif); width:86px; }
#events { background-image: url(../sitegraphics/menu-events-off.gif); width:86px; }
#questions { background-image: url(../sitegraphics/menu-question-off.gif); width:86px; }
#dryclean { background-image: url(../sitegraphics/menu-industry-off.gif); width:86px; }
#contact { background-image: url(../sitegraphics/menu-contact-off.gif); width:86px; }

#index:hover { background-image: url(../sitegraphics/menu-home-on.gif); }
#aboutus:hover { background-image: url(../sitegraphics/menu-company-on.gif); }
#product:hover { background-image: url(../sitegraphics/menu-product-on.gif); }
#service:hover { background-image: url(../sitegraphics/menu-service-on.gif); }
#events:hover { background-image: url(../sitegraphics/menu-events-on.gif); }
#questions:hover { background-image: url(../sitegraphics/menu-question-on.gif); }
#dryclean:hover { background-image: url(../sitegraphics/menu-industry-on.gif); }
#contact:hover { background-image: url(../sitegraphics/menu-contact-on.gif); }


/* --------------------------- */
/* everything in the left menu */

div#leftmenu {
	background-image:url(../sitegraphics/lmenu_strip.jpg);
	background-repeat: repeat-y;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	overflow:none;
	z-index:5;
	}

div#leftcontent {
	position:relative;
	}
	
#leftmenu ul{
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	width:180px;
	}

#leftmenu li.flyout {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:142px;
	border:0;
	background-image: url(../sitegraphics/lbutton_top_off.gif);
	background-repeat:repeat-y;
	margin-left:-17px;
    voice-family: "\"}\""; /*hide everything that follows from ie5 */
    voice-family: inherit;
	margin-left:0px;
	}

#leftmenu li.flyout:hover{
	background-image: url(../sitegraphics/lbutton_top_on.gif);
	}
	
#leftmenu a {
	display:block;
	text-decoration:none;
	padding-left:30px;
	padding-right:20px;
	padding-top:9px;
	color:black;
	border:0;
	width:92px;
	margin:0;
	font-family:arial,helvetica,san-serif;
	font-weight:bold;
	font-size:16px;
	line-height:17px;
	}
	
#leftmenu ul img {
	position:relative;
	border:0;
	padding:0;
	margin:0;
	margin-left:-30px;
	margin-top:-8px;
	}


/* leftmenu flyout submenus*/	
#leftmenu .flyout ul {
	position:absolute;
	clear:both;
	top:5px;
	left:142px; /*ie 5.5 value */
	width:120px;
	display:none;
	margin:0;
	border:0;
	padding:0;
	list-style: none;
	}

#leftcontent ul ul li, #leftcontent ul ul li:hover {
	display:block;
	width:120px;
	height:25px;
	border:0;
	padding:0;
	margin:0;
	background-image: url(../sitegraphics/submenu.gif); 
	background-repeat:no-repeat;
	margin-left:0px;
	margin-left:-17px;
    voice-family: "\"}\""; /*hide everything that follows from ie5 */
    voice-family: inherit;
	margin-left:0px;

	}
	
#leftcontent ul ul li a {
	display:block;
	width:100px;
	height:20px;
	text-decoration:none;
	padding:0;
	border:0;
	margin:0;
	color:black;
	padding-left:20px;
	padding-top:5px;	
	font-size:14px;
	line-height:16px;
	}

#leftcontent ul ul li a:hover {
	color:red;
	}