/*2007.10.15
This seems to work. Menu has to be outside #container in HTML code.
*/
#container #splash {margin:0; padding:0;}
#container #splash h1{ width:980px; height:120px; float:left; font-size: 24px; text-decoration:none; text-indent:-9999px;
	background-image: url(../../images/bg_hdr980.jpg); }


#menu_index { float:left; width:100%; background:#efefef; font-size:93%; border-bottom:1px solid #959595; height: 38px; margin: 18px auto 18px;
	position: relative; 	z-index: 9998; font-weight:bold; }
#menu_index ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#menu_index li { display:inline;  margin:0;  padding:0; }
#menu_index a { float:left; background:url("../../images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#menu_index a span { float:left; display:block; background:url("../../images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_index a span {float:none;}
/* End IE5-Mac hack */
#menu_index a:hover span { color:#FFF; }
#menu_index a:hover { background-position:0% -42px; }
#menu_index a:hover span { background-position:100% -42px; }



/********MAIN MENU - looks like candy - Mac style****************/
#menu { float:none; width:490px; background:#efefef; font-size:93%; border-bottom:1px solid #959595; height: 38px; margin: 18px auto 18px;
	position: absolute; 	z-index: 9998;	left: 170px; top: 0px; font-weight:bold; }
#menu ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#menu li { display:inline;  margin:0;  padding:0; }
#menu a { float:left; background:url("../../images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#menu a span { float:left; display:block; background:url("../../images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span { color:#FFF; }
#menu a:hover { background-position:0% -42px; }
#menu a:hover span { background-position:100% -42px; }


/************************ LOCAL NAVIGATION *****************************/
#main #localnav { position:relative; z-index:10; width:986px; margin:0 -3px; padding:1em 3px 0; min-height:40px; }
#main #localnav ul { float:right; margin:0; padding:0; }
#main #localnav ul li { display:inline; margin:0; padding:0; }
#main #localnav ul li a { float:left; margin:19px 11px 0; padding:0; color:#959595; font-size:12px; font-weight: bold; }
#main #localnav ul li a:hover { color:#08c; }

/* Displays small Colorful English logo */
#main #localnav h1 { width:124px; height:42px; float:left; margin:0; }
#main #localnav h1 a { display:block; width:124px;	height:42px; color:#858585; font-weight:normal; text-decoration:none;
	text-indent:-99999px; outline:none; background-image: url(../../images/cew_hdr_sml.jpg); background-repeat: no-repeat; }

#main #buffer {margin:0; padding:0; border-bottom: solid 1px;}

body#index #main #localnav h1 a { cursor:default; }

body#item1 #main #localnav ul li#navitem1 a,
body.item1 #main #localnav ul li#navitem1 a,
body#item2 #main #localnav ul li#navitem2 a,
body.item2 #main #localnav ul li#navitem2 a,
body#item3 #main #localnav ul li#navitem3 a,
body.item3 #main #localnav ul li#navitem3 a { color:#000; font-weight:bold; text-decoration:none; }

body#item1 #main #localnav ul li#navitem1 a,
body.item1 #main #localnav ul li#navitem1 a,
body#item2 #main #localnav ul li#navitem2 a,
body.item2 #main #localnav ul li#navitem2 a,
body#item3 #main #localnav ul li#navitem3 a,
body.item3 #main #localnav ul li#navitem3 a { cursor:default; }



/* BREADCRUMBS */
#main #bread { width: 100%; border: 0; padding: 0; margin: 10px 0 0 10px; font-size:11px;}
#main #bread a{
	text-decoration: none;
	/*adjust bullet image padding*/
/*	margin-top:-4px;
	padding-right: 13px; 
	background-color: transparent;
	background-image: url(../../images/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
	color: #08C;
}
#main #bread a:visited, #main #bread a:active{
color: #08C;
}
#main #bread a:hover{
text-decoration: underline;
}