/* Use CSS rollovers for Login & Search button text at top of main nav bar*/
a.navl {
       		font: bold .8em arial, verdana, sans-serif;
			text-decoration: none; 
  			color:#CCCCCC;
			text-decoration: none;
			letter-spacing: .05em;
			padding-top: 5px; }

/* Set link colors for main nav links at top of page */
a.navl:link { 
        	color: #CCCCCC; }
a.navl:visited { 
        	color: #CCCCCC; }
a.navl:hover { 
        	color: #00CCFF; }
a.navl:active { 
        	color: #CCCCCC; }

/* Set link colors for left nav links */
a.lnav {
  			color: #1A2168; 
			font-weight: bold;
			line-height: 105%;
			text-decoration: none; }
a.lnav:link { 
        	color: #1A2168; }
a.lnav:visited { 
        	color: #1A2168; } 		
a.lnav:hover { 
 			color: blue; }
a.lnav:active { 
        	color: #1A2168; }

/* Footer nav bar main links*/
a.navfm {
       		font: bold .7em arial, verdana, sans-serif;
			text-decoration: none; 
  			color: white;
			letter-spacing: .05em; }
a.navfm:link { 
        	color: #EAEAEA; }
a.navfm:visited { 
        	color: #EAEAEA; }
a.navfm:hover { 
        	color: #00FFFF; }
a.navfm:active { 
        	color: #EAEAEA; }

/* Footer nav bar sub links*/
a.navfs {
       		font: normal .7em arial, verdana, sans-serif;
			text-decoration: none; 
  			color: #999999;
			letter-spacing: .05em; }
a.navfs:link { 
        	color: #999999; }
a.navfs:visited { 
        	color: #999999; }
a.navfs:hover { 
        	color: white; }
a.navfs:active { 
        	color: #999999; }

/* Change font size and color for footnav bar */
a.footnav {
       		font: normal .7em arial, verdana, sans-serif;
			text-decoration: none; 
  			color: gray; 
			letter-spacing: .05em; }
a.footnav:link { 
        	color: gray; }
a.footnav:visited { 
        	color: gray; } 		
a.footnav:hover { 
 			color: black;
			text-decoration: underline; }
a.footnav:active { 
        	color: gray; }

 /* Put top banner image behind upper navbar table (image in 2 pieces Netscape accomodation) */
table.navt {
 			margin: 0px 0px 0px 0px;
			padding: 0px; }
 /* Put lower banner image behind lower navbar table (image in 2 pieces Netscape accomodation) */
table.navb {
 			margin: -5px 0px 0px 0px;
			padding: 0px; }			
/* Center main text buttons on nav bar, valign to top */				
td.top {
			text-align: center;
			vertical-align:top; }
/* Center main text buttons on nav bar, valign to top */				
td.topleft {
			text-align: left;
			vertical-align:top; }
/* Center search and login text buttons on nav bar, valign to middle */				
td.mid {
			text-align: center;
			vertical-align: middle; }
/* Stylize rules used in left nav bar */
hr.type1 {
				height: 5px;
				width: 100%;
				padding: 0px;
				margin-top: -3px;
				margin-bottom: -10px;
				color: #0D545E; }

/* The following code sets up SEO-friendly and accesssible horizontal drop-down menus */
#menu {
				FLOAT: left;
				WIDTH: 745px;
				background: transparent;
				padding-top: 10px; }

#menu a.navm {
       			FONT: bold 1em arial, verdana, sans-serif;
				text-decoration: none;
				color: #CCCCCC;
				letter-spacing: .05em;
				background-color: transparent;
				border: none;
				padding: 0px;
				margin: 0px; }

#menu a.navm:link { 
        	color: #CCCCCC; }

#menu a.navm:visited { 
        	color: #CCCCCC; }

#menu a.navm:hover { 
        	color: #00CCFF; }

#menu a.navm:active { 
        	color: #CCCCCC; }
#menu H2 {
				BORDER: 0px;
				PADDING: 2px 3px 2px 3px;
				DISPLAY: block;
				MARGIN: 0px;
				FONT: bold 11px/16px arial, helvetica, sans-serif;
				TEXT-TRANSFORM: uppercase; }

#menu UL {
				PADDING: 0px;
				FLOAT: left;
				MARGIN: 0px;
				WIDTH: 126px;
				LIST-STYLE-TYPE: none;
				text-align: left; }
#menu A.navs {
				BORDER-RIGHT: #888 1px solid;
				BORDER-TOP: #ccc 1px solid;
				BORDER-LEFT: #bbb 1px solid;
				BORDER-BOTTOM: #555 1px solid;
				DISPLAY: block;
				MARGIN: 0px;
				FONT: bold .7em arial, verdana, sans-serif;
				PADDING: 2px 3px 2px 3px;
				COLOR: #CCCCCC;
				TEXT-DECORATION: none;
				letter-spacing: .05em; }
#menu A.navs:hover {
				COLOR: #00CCFF;
				background: navy; }
#menu LI {
				POSITION: relative; }
#menu li:hover { 
				position: relative; 
				z-index: 500; } 
#menu UL UL {
				Z-INDEX: 500;
				POSITION: absolute;
				WIDTH: 205px;
				text-align: left;
				background-color: #191919; }
#menu UL UL UL {
				LEFT: 100%; POSITION: absolute; TOP: 0px; }
DIV#menu UL UL {
				DISPLAY: none; }
DIV#menu UL LI:hover UL UL {
				DISPLAY: none; }
DIV#menu UL UL LI:hover UL UL {
				DISPLAY: none; }
DIV#menu UL LI:hover UL {
				DISPLAY: block; }
DIV#menu UL UL LI:hover UL {
				DISPLAY: block; }
DIV#menu UL UL UL LI:hover UL {
				DISPLAY: block; }
DIV#menu {
				background-color: transparent; }

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {  float: left;
				width: 100%; }

 #menu H2 {
				BORDER: 0px;
				PADDING: 2px 3px 2px 3px;
				DISPLAY: block;
				MARGIN: -10px 0px 0px 0px;
				FONT: bold 11px/16px arial, helvetica, sans-serif;
				TEXT-TRANSFORM: uppercase; }

</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
				behavior: url(csshover.htc);
				font-size: 100%; }

#menu ul li a {height: 1%; } 

#menu a, #menu h2 {
				font: bold 0.7em/1.4em arial, helvetica, sans-serif; }

#menu H2 {
				BORDER: 0px;
				PADDING: 2px 3px 2px 3px;
				DISPLAY: block;
				MARGIN: -10px 0px 0px 0px;
				FONT: bold 11px/16px arial, helvetica, sans-serif;
				TEXT-TRANSFORM: uppercase; }
						
</style>
<![endif]-->