body { background-color: white; font-size: 90%; margin: 0;}

* { font-size: 1em; font-family: "Trebuchet MS";}

form {margin:0; padding:0;}

img { border: 0; }

p {margin-top: 0;}



#center {margin:0 auto; width:55.5em;}

#logo-print {display: none;}





/******************************/

/* Begin sites area */

	#sites {z-index:250;width:100%; position: relative; border-top: 1px solid #FFFFFF; clear: both;}

	#sitesul {}

	#sites ul {margin: 0; padding: 0; width:795px; margin-top: 10px; font-size: 0.75em; text-align:left;}

	#sites ul li {list-style-type: none; float: left; border-left: 2px solid #C7C7C7; color: #FFFFFF; position: relative; }

	#sites ul li.first { border: none;}

	#sites ul li.first a {padding-left: 0;}

	#sites ul .pulldown { position: relative; top: 2px; left: 4px; }

	#sites ul a, #sites ul a:visited {display: block; color: #FFFFFF; text-decoration: none; padding: 0.3em 1em; }

	#sites ul .active a, #sites ul .active a:visited { color: #FFFFFF; }

	#sites ul a:hover, #sites ul a:visited:hover { text-decoration: underline; }

	

	#sites li ul {margin: 0; padding: 0; display: none; position: absolute; top: 1.8em; left: -2px; font-size: 1em; }

	#sites ul li:hover ul,

	#sites ul li.hover ul { display: block; top:1.9em; width: 150px;}

	#sites ul li li {float: none;  border: none;}

	#sites ul li li a {background: #FFFFFF; border-left: 2px solid #C7C7C7; border-right: 2px solid #C7C7C7; width: 100px; display: block; white-space: nowrap; padding-top: 0.2em; padding-bottom: 0.5em; /* ie.css */ }

	#sites ul li ul a:hover {text-decoration: underline; background-color: #f0f0f0; }

	#sites ul li li.last a {border-bottom: 2px solid #C7C7C7;}

/* End sites area */

/******************************/



/******************************/

/* Begin logo area */

	#logo {position: relative; border-top:2px solid #C9C4C8; height: 56px; background: url(../images/top_banner_bg.jpg) right; clear: both;}

/* End logo area */

/******************************/

/* Begin search area */

	#search {position:absolute; top:4px; right: 10px; }

	#search input.searchtext {border:1px solid #ADAAAD; color:#000; font-size:.7em;}

	#search input.searchsubmit {position:relative; left:4px; top:4px;}

/* End search area */	

/******************************/

/* Begin main navigation */

	#mainnav {
	clear: both;
	position:relative;
	top:0px;
	height:24px;
	z-index:100;
	font-size:.75em;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #FFFFFF;
	background-image: url(../images/mainnav/bg.gif);
	background-repeat: repeat-x;
}

	#mainnavul {z-index:1;}

	/* begin drop down styling */	

		#mainnav ul 	{margin: 0; padding: 0; list-style:none;}

		#mainnav a.mainitem {font-size: 1.0em;}

		#mainnav a.mainitem:hover {color:#000000;} 

		#mainnav ul li 	{list-style-type: none; margin: 0; padding-top: 0; float: left; position: relative; text-align: center; color:#FFF; width:110px;}

		#mainnav ul li a {font-weight:bold; display:block; text-decoration:none; color:#FFFFFF; padding:4px 0 4px 0; height:100%;} 

		#mainnav ul li.on   {background:url(../images/mainnav/on_left.gif) no-repeat; color:#FFFFFF;}

		#mainnav ul li.on a {background:url(../images/mainnav/on_right.gif) top right no-repeat; color:#FFFFFF;}

		#mainnav ul li.on a:hover {color:#000;}

		/* #mainnav ul li.on a.mainitem:hover {color:#7AC9FB;} */

		#mainnav li ul {position: absolute; left: 0; top: 0;  display: none; z-index: 100; width: 1px; }

		#mainnav li ul.last {left: -120px;} /* we want the last menu item to be right aligned with the page */

	/* end drop down styling */	

	

 	/* begin Sub Menu Styles */

		 #mainnav li.on ul li a {
	color: #FFF;
	background-color: #FFFFFF;
}

		 #mainnav li.on ul li a.mainitem {color: #000;}

		 #mainnav li.on ul li a.mainitem:hover {color: #000;}

		 #mainnav li:hover ul, 

		 #mainnav li.over ul {display: block; position: absolute; top:0; z-index: 200;}

		 #mainnav li ul li a {font-weight:normal; background: #49AECF;background:#49AECF; color: #333333; display: block; text-decoration:none; width:145px; text-align:left; padding:3px 10px;  border-bottom:1px solid #7C7C7C;}

		 #mainnav li ul li a:hover 	{ color:#666666; background:#5B5B5B;} 

	/* end Sub Menu Styles */

	

	/* begin Third Menu Styles */

		 #mainnav li ul li ul.third {position:absolute; left:165px; display:none;}

		 #mainnav li ul li ul.third li.first a {border-top:1px solid #000;}

		 #mainnav li ul li:hover ul.third, #mainnav li.over ul.third {display: block; position: absolute;}

		 

		 #mainnav li ul li ul.last {left:-210px;}

	/* end Third Menu Styles */

	

	/* begin need to reset the padding and the width for the menu images.  They should not have any of the effects of the menu */

		

		 #mainnav li ul li.over 			{background:none;}

		 #mainnav li ul li.over a,

		 #mainnav li ul li.over a:hover		{width:103px; background: none; text-align:center; color:#000000; padding:4px 0 4px 0; border:0; font-weight:bold;}

/* End main navigation */







/******************************/

/* Begin breadcrumb area navigation */

	#bread-tools {width: 100%; border-bottom: 1px solid #4D84A0; margin-top: 8px; height: 1.1em;}

	#bread-tools #breadcrumbs {color: #A4A9AB; font-size: 0.7em; width: 59.5em; float: left;}

	#bread-tools #breadcrumbs a {color: #A4A9AB; text-decoration: none;}

	#bread-tools #breadcrumbs a:hover {text-decoration: underline;}

	#bread-tools #tools {width: 17.25em; border-left: 1px solid #4D84A0; display: inline; float: right;font-size: 0.7em; padding-left: 0.5em; height: 1.55em; text-align: center; color: #999999;}

	#bread-tools #tools a {color: #4D84A0; text-decoration: none;}

	#bread-tools #tools a:hover {text-decoration: underline;}



/* End breadcrumb area navigation */
