/***                 ODY STARTER CSS 2006 Edition            ***/
	/***                   Revised June 09, 2006 LG              ***/
	/***   thanks to Suckerfish, csshover.htc, alap holy grail   ***/
	/***                 overall common definitions              ***/

* 	{
	padding:0;
	margin:0;
	border:0;
	font-family: Verdana, Arial, Helvetica, san-serif;
	line-height: 1.3em;
	border-collapse: collapse;
	border-spacing:0;
	}

/* undoing some of what '*' did */
pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%;}
li, dd		{margin-left: 5%; }
fieldset	{padding: .5em; }
p			{padding-bottom: .5em;}
hr			{border-top:1px solid black; margin-top:12px; margin-bottom:12px;}

/* :root, html	{width:100%; position:absolute;} activates 100% height somehow */
body {
	left:0px;
	top:0;
	width:100%;
	font-size: 10pt;			/* note we're using points for font sizes now */
	background-color:#fff;
	background:url("../sitegraphics/body-bg-strip.jpg");
	background-position:center;
	behavior:url("/common/csshover.htc");
	}

body td {
	font-family: Verdana, Arial, Helvetica, san-serif;
	line-height: 1.3em;
	font-size: 10pt;			/* note we're using points for font sizes now */
	vertical-align:top;
	}

	/***************************************/
	/*** position/function ***/
	/***************************************/

	
#menu ul {				/*leftmenu sets a width so things get stacked */
	width:180px;
	*width:190px;
	padding-top:10px;
	padding-left:15px;
	*padding-top:25px;
	*padding-left:27px;
	}
	
#menu li {				/* all list items */
	width:auto;
	height:26px;
	margin:0;
	list-style-type:none;
	}

#menu li a {
	font-family: "Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;
	display:block;
	width:auto;
	position:relative;
	_width:1px;
	white-space:nowrap;
	height:26px;
	font-size:16px;
	line-height:26px;
	padding:0px;
	text-decoration:none;
	color: #4A695F;
	}

#menu a:hover {
	color:black;
		}

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

#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	margin-top:-37px;
	*margin-top:-52px;
	left:-800px;
	}

#menu li ul  {1px solid red;}

#menu li ul a {
	background-color: #47675C;
	color:white;
	text-align:left;
	border-top:1px solid white;
	border-bottom:1px solid black;
	border-right:1px solid #cb8;
	padding-left:4px;
	padding-right:0px;
	width:190px;
	font-size:14px;
	}
	
/* this makes menus flyout on both IEPC and others  */
#menu li:hover ul  {
	z-index:9999;
	left:auto; /*the value for ie windows*/
	margin-left:120px;
	}

/*----------------------*/

#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:749px;
	}

#container td {
	text-align:left;
	}

#menu {
	z-index:99;
	background-image:url("../sitegraphics/menu-top.gif");
	background-repeat:no-repeat;
	background-position:11px 0px;
	border-top:1px solid #dfeff3; /*why? without this, bg image shifts!? */
	}

#sandbox {
	padding-right:30px;
	padding-top:30px;
	padding-left:20px;
	z-index:1;
	background-image:url("../sitegraphics/sandbox-top.gif");
	background-position:3px 0px;
	background-repeat:no-repeat;
	}

	/**********************/
	/*** Just for Looks ***/
	/**********************/
#sandboxshell {
	background-image:url("../sitegraphics/container-bg.gif"); 
	background-position: -217px 0px;
	width:534px;
	}

#menushell {
	background-image:url("../sitegraphics/container-bg.gif");
	}

#footer {background-image:url("../sitegraphics/searchbar.jpg");
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	vertical-align:middle;
	padding-left:40px;
	}


h1 {
	font-family: "Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;
	font-size: 18pt;
	font-weight: normal;
	color: #644d4a;
	display: block;
	width: 90%;
	margin-bottom: 10px;
	margin-top: 5px;
	}
	
h2 {
	font-family: "Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;
	font-size: 15pt;
	font-weight: normal;
	color: #g44d4a;
	margin-bottom: 10px;
	margin-top: 5px;
	}
	
		
#sandbox a {
	color: #359ed3;
	}
	
#sandbox a:hover {
	color: gray;
	}

#footer form {display:inline;}
#footer a {color:#777; font-size:10px; text-decoration:none; }
#footer a:hover {color:#333; text-decoration:underline; }

#sandbox td, #sandbox th {padding-right:12px;padding-bottom:6px;}

#menu table {
	margin-left:30px;
	}
	
#menu th, #menu td {
	font-family: Arial,helvetica, sans-serif !important;
	font-size:11px;
	font-weight:bold;
	}

#menu th {
	padding-left:12px;
	padding-bottom:12px;
	}
	
#menu th a {
	color: #4A695F;
	}
	
#menu h1 {
	font-size:16 pt;
	padding:0px;
	margin:0;
	padding-left:20px;
	}