/*STYLES FOR KERENS */

* {padding:0; margin:0; border:0;}
:root, html { width:100%; position:absolute;} /* activates 100% hieght somehow */

body {
	min-width:640px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 15px;
	background-image:url(../sitegraphics/bg-strip2.jpg);
 	border-collapse: collapse;
	border-spacing:0px;
	_behavior:url("/common/csshover.htc");
	}

td, th {/* because tables don't inherit body style properties*/
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height:1.3em;
	}

table, td, tr {
	vertical-align:top;
	border:0px;	
 	border-collapse: collapse;
	border-spacing:0px;
	}
/* safari and opera need this */
#header,#menu,#content,#sub-section,#footer {
	overflow:hidden;
	display:inline-block;
	}

/* restoring some of the '*' defaults */
pre, blockquote, label, #sandbox ul, ol, dl, fieldset, address { margin:1em 5%;}
fieldset { padding: .5em; }
p	{padding-bottom:.7em;}

#sandbox li, dd { margin-left:5%; }
	

#menu li:hover {
	z-index:9999 
	}
/*needed to push the hovered list item above other list items, 
and thus push the flyout higher too in IE only 08-14-2005 */

/*----------------------------------------------*/
#header {
	width:100%;
	background-image:url(../sitegraphics/header-strip.jpg);
	background-repeat:repeat-x;
	}

#headerinner {
	width:530px;
	height:112px;
	padding-left:220px;
	padding-top:10px;
	background-image:url(../sitegraphics/header.jpg);
	background-repeat:no-repeat;
	}

#sandboxafter {
	height:16px;
	background-image:url(../sitegraphics/sandbox-bottom.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:white;
	}

#menuafter {
	height:16px;
	background-image:url(../sitegraphics/menu-bottom.gif);
	background-repeat:no-repeat;
	}

#menu {
	width:190px;
	background-image:url(../sitegraphics/menu-strip.gif);
	background-repeat:repeat-y;
	color: white;
	}

#sandbox {
	width:516px;
	background-image:url(../sitegraphics/sandbox-strip.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:white;
	}

#footer {
	background-image:url(../sitegraphics/footer.jpg);
	background-repeat:repeat-y;
	clear:left;
	padding-left:500px;
	}

/*------------------------------------------------*/
#menu ul {
	width:190px;
	margin-top:16px;
	margin-bottom:16px;
	list-style-type:none;
	xborder:1px solid red;
	}

#menu li {
	height:22px;
	_height:0%;
	xborder:1px solid yellow;
	}
	
#menu ul a {
	color:white;
	text-decoration:none;
	font-size:12px;
	display:block;
	text-align:right;
	padding:4px;
	padding-left:0px;
	padding-right:32px;
	background-image:url(../sitegraphics/menu-off.gif);
	background-repeat:no-repeat;
	background-position:170px 4px;
	height:14px;
	}

#menu .narrow {
	letter-spacing: -.05em;
	}	

#menu ul a:hover {
	color:red;
	background-image:url(../sitegraphics/menu-on.gif);
	}
	
#menu td, #menu th  {padding:2px}
#menu td {white-space:nowrap;}
#menu th  {padding-right:12px;
		text-align:left;
		}


/*-------------flyouts----------------------------*/

#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	left:-800px;
	margin-top:-22px;
	background-color:#6b6a7d;
	}

#menu li ul {
	background-color:#6b6a7d;
	}

#menu li ul a {
	text-align:left;
	border-top:1px solid white;
	border-bottom:1px solid black;
	background-image:none;
	padding-left:4px;
	padding-right:4px;
	}
	
/* this makes menus flyout on both IEPC and others  */
#menu li:hover ul  {
	width:189px;
	left:159px !important; /*the value for ie windows*/
	z-index:9999;

	}
/*------------------------------------------------*/

#sandbox {padding:22px;
	padding-top:36px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	}

h1	{font-size:20px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-weight:normal;
	color:#4b4a5d;
	}

h2	{font-size:16px;
	font-weight:normal;
	color:#4b4a5d;
	}

h1, h2, p {margin-bottom: .3em;}


#sandbox td, #sandbox th {
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	border-bottom: 1px dotted #grey;
	}

#footer, #footer a {color:#fff;}

/*---------------------------------------------*/
#menu th a {color:#f7f2ed;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 1px dotted #f7f2ed;
	}

#headerinner img {padding-right:6px;}

.eklipseobject img { border:4px solid #f7f2ed;
	margin:4px;
	}