@charset "utf-8"; 
 
/* CSS Document for Header Area */ 

body { background-color: white; font-size: 90%; margin: 0;}  

* { font-size: 1em; font-family: Arial, Helvetica, sans; }

form {margin:0; padding:0;}

img { border: 0;}

p {margin-top: 0;}


#center {margin:0 auto; width:965px;}

#logo-print {display: none;}


/******************************/

/* Begin sites area */

	#sites {z-index:300; width:100%; position: relative;}

	#sitesul {}

	#sites ul {float: right; margin: 0; padding: 0; width: 135px; margin-top: 40px; font-size:0.75em; text-align:left;}

	#sites ul li {list-style-type: none; float: left; border-left:1px solid #C7C7C7; color: #535152; position: relative;}

	#sites ul li.first { border: none;}

	#sites ul li.first a {padding-left: 0;}

	#sites ul a, #sites ul a:visited {display: block; color: #535152; text-decoration: none; padding: 0.1em 0.5em;}

	#sites ul .active a, #sites ul .active a:visited {color: #C0C0C2; }

	#sites ul a:hover, #sites ul a:visited:hover {text-decoration: underline; }

	

	#sites li ul {margin: -6px 0 0 0; padding: 0; display: none; position: absolute; top: 1.8em; left: -1px; font-size: 1em; }

	#sites ul li:hover ul,

	#sites ul li.hover ul {display: block; top:1.9em; width: 145px;}

	#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: 145px; display: block; white-space: nowrap; padding-top: 0.2em; padding-bottom: 0.5em; position:relative;}

	#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; height: 70px; background: url(/multimedia/top-banner-bg.gif) no-repeat right; clear: both; top:-50px;}

/* End logo area */

/******************************/

/* Begin search area */

	#search {position:absolute; top:20px; 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:absolute; top:0px; height:20px; z-index:400; font-size:.75em; padding-top: 4px; padding-left: 8px; padding-bottom:25px; margin:20px 0 0 150px;}

	#mainnavul {z-index:1;}

	/* begin drop down styling */	

		#mainnav ul 	{margin: 0; padding: 0; list-style:none;}

		#mainnav a.mainitem {font-size: 1em;}

		#mainnav a.mainitem:hover {color:#000; background:url(/multimedia/nav-tab.gif) no-repeat left top;}

		#mainnav ul li 	{list-style-type: none; margin: 0; padding-top: 0; float: left; position: relative; text-align: center; color:#FFF; width:90px;}

		#mainnav ul li a {font-weight:bold; display:block; text-decoration:none; color:#125bac; padding:4px 0 4px 0; height:100%;}  
		
		#mainnav ul li.on   {color:#000;}

		#mainnav ul li.on a {color:#000;}

		#mainnav ul li.on a:hover {color:#000;}

		#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 {background: #fff; color: #575757;}

		 #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: #fff; color: #575757; display: block; text-decoration:none; width:190px; text-align:left; padding:3px 10px;  border:1px solid #dbdbdb; border-top:none; line-height:1.3em; }
		 
		 #mainnav li ul li.first a {background:none; border-top:1px solid #7C7C7C;}

		 #mainnav li ul li a:hover 	{color:#333; background:#a4d4f6;} 
		 
		 #mainnav li ul li.nav-end {margin:-4px 0 0 0; padding:0; border:none; height:7px;}
		 
		 #mainnav li ul li.nav-end .img {margin:0; padding:0; border:none;}

	/* end Sub Menu Styles */

	

	/* begin Third Menu Styles */

		 #mainnav li ul li ul.third {position:absolute; left:210px; display:none; background:#fff;}

		 #mainnav li ul li ul.third li.first a {border-top:1px solid #7C7C7C; background:#fff;}
		 
		 #mainnav li ul li ul.third li.first a:hover {background:#a4d4f6;}

		 #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:#fff;}

		 #mainnav li ul li.over a,

		 #mainnav li ul li.over a:hover	{width:90px; text-align:center; color:#000; padding:4px 0 4px 0; border:0; font-weight:bold;  background:url(/multimedia/nav-tab.gif) no-repeat left top;}

/* End main navigation */



/******************************/

/* Begin breadcrumb area navigation */

	#bread-tools {width: 79%; float:right; margin-top: -40px; height: 1.1em;}

	#bread-tools #breadcrumbs {color: #A4A9AB; font-size: 0.7em; width: 100%; float: left;}

	#bread-tools #breadcrumbs a {color: #A4A9AB; text-decoration: none;}

	#bread-tools #breadcrumbs a:hover {text-decoration: underline;}

	
/* End breadcrumb area navigation */

/******************************/

/* Begin External Menu */
       	#menuDiv {margin:0 auto; width:965px; height:130px;}  
/* End External Menu */