/* --------------------------- */
/* overall common definitions  */

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

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

body {
	left:0;
	top:0;
	width:100%;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height: 16px;
	color:black;
 	border-collapse: collapse;
	border-spacing:0px;
	background-image:url(../sitegraphics/body-bg-strip.gif);
	background-repeat:repeat-y;
	background-position:0px -30px;
	}

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

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

table, td, tr {
	vertical-align:top;
	border:0px;	
 	border-collapse: collapse;
	border-spacing:0px;
	}

	
/* this makes menus flyout on both IEPC and others if used with tvflyoutmenus.js */
#header ul li:hover ul, #flyoutmenu li.sfhover ul  {
	display:block;
	z-index:199;
	}

#header {
	background-image:url(../sitegraphics/header-strip.gif);
	background-repeat:repeat-x;
	background-position:41px 0px;
	height:91px;
	width:100%;
	z-index:1;
	}	

#header table {
	white-space:nowrap;
	}

#header ul {
	list-style: none;
	position:absolute;
	left:170px;
	top:28px;
	}

#header li { 
	display:block;
	position:relative;
	float:left;
	width:87px;
	background-image:url(../sitegraphics/menubutton.gif);
	background-repeat:no-repeat;
	height:18px;
	margin-right:0px;
	}

#header li a {
	text-decoration:none;
	height: 19px;
	color:white;
	text-transform:uppercase;
	font-family:verdana,Arial, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	width:87px;
	text-align:center;
	display:block;
/*	border:1px solid red;
*/
	}
	
#header li a:hover {
	background-image:url(../sitegraphics/menubutton-on.gif);
	background-repeat:no-repeat;
	}
	
/* topmenu dropdown submenus*/	
#header li ul {
	position:absolute;
	top:auto;
	top:19px;
	left:-1.3em; /*the value for ie windows*/
	display:none;
	margin:0;
	border:0;
	padding:0;
	list-style:none;
	}

#header li>ul { /*dropdown positioning for all other browsers: see ALAP */
	left:auto;
	}

#header ul ul li {
	float:none;
	display:block;
	width:160px;
	height:15px;
	border:0;
	padding:0;
	margin:0;
	border-top:1px solid #000;
	border-bottom:1px solid #fff;
	background-image:none;
	}

#header ul ul li a {
	font-family:verdana,Arial, Sans-serif;
	font-size:11px;
	width:154px;
	display:block;
	text-decoration:none;
	text-transform:none;
	color:black;
	border:0;
	margin:0;
	padding:0;
	line-height:15px;
	height:15px;
	padding-left:6px;
	text-align:left;
	background-color: #a37866;
	}

#header ul ul li a:hover {
	color:white;
	background-image:none;
	background-color: #6f2b2e;
	}
	
#header .final {
	background-image:none;
	font-weight:bold;
	color:#3a6e84;
	padding-left:16px;
	}
/*--------------------------------------------*/	
	
.floatleft {
	float:left;
	padding-right:30px;
	margin-left:-20px;
	padding-bottom:12px;
	}

.floatright {
	float:right;
	padding-left:30px;
	margin-right:-20px;
	padding-bottom:12px;
	}

#sandbox {
	padding-left:80px;
	padding-right:15%;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	}


/*-----------------*/
.center { text-align:center; }
.right { text-align:right; }
.bold {font-weight: bold; }
.nowrap { white-space:nowrap;}
	
h1, h3, h4, h5, h6 {
	font-weight: normal;
	padding-bottom:1em;
	font-family:  Arial-black,arial black, san-serif;
	color:white;
	line-height:1.2em;
	display:block;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #5D1F22;
	padding: 0px;
	padding-top: 10px;
	margin-right: 0px;
	margin-bottom: 6px;
	font-family: Courier, Courier-New;
	border-bottom-color: #451B1E;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	line-height:1.1em;
	width:75%;
	clear:right;
	}

h3, h4, h5, h6 {
	font-weight: normal;
	padding-bottom:1em;
	font-family:  Arial-black,arial black, san-serif;
	color:black;
	line-height:1.1em;
	display:block;
	font-size:13px;
	}
	
h1  {font-size: 18px; text-align:right;}
h4	{font-size: 12px;}
h5	{font-size: 10px;}
h6	{font-size: 11px;
     margin:5px; }
     
.eklipseform td, .eklipseform th {padding:3px;}
.eklipseform th {text-align:right;}

.eklipseform textarea, .eklipseform input {
	width:400px;
	}

.eklipseform .button {
	width:auto;
	border:2px solid white;
	border-bottom:2px solid grey;
	border-right:2px solid grey;	
	padding-left:12px;
	padding-right:12px;
	}

.altbody {
	font-size: 11px;
	font-weight: bold;
	margin-right: 30px;
	margin-left: 30px;
	}

.eklipseobject {
	margin-left:24px;
	}

a#homebutton {
	display:block;
	width:243px;
	height:91px;
	background-image:url(../sitegraphics/logo.jpg);
	}
a#homebutton:hover {
	background-image:url(../sitegraphics/logo-lit.jpg);
	}

.captioned {
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 14px;
	color:white;
	font-weight:bold;
	}

.left {padding-right:20px;}

.left {padding-left:20px;}


#sandbox h3 {padding-bottomn:.2em;}

#sandbox ul {
	margin:0em 0 1em 30px;
	list-style-type:square;
	}

#sandbox li {
	margin:0;
	padding-bottom:4px;
	}
	
#sandbox a {
	font-weight:bold;
	color: #5D1F22;
	text-decoration:none;
	border-bottom:1px dotted #5D1F22;
	}
	
#sandbox td {padding: 3px 20px 3px 0}
#sandbox .c1 {font-weight:bold}