@charset "utf-8";
/* CSS Document */

		/* menu block, containing div */
		.menu { 
			font-family:arial, sans-serif;
			width:966px;
			height:26px; 
			position:relative; 
			z-index:100;
			background-image:url(images/menu/bkg.jpg);
			background-repeat:no-repeat;
			border-left:1px solid #CCCCCC;
			border-right:1px solid #CCCCCC;
			margin:0px; 
			padding:0px;
		}
		
		/* remove all the bullets, borders and padding from the default list styling */
		.menu ul {padding:0;margin:0;list-style-type:none;}
		.menu ul ul {width:100%;}
		
		.menu span {
			margin:0px; padding:0px;
			margin-left:25px;}
		
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.menu li {float:left;width:100%;position:relative; margin-right:1px;}
		
		/* style the links for the top level */
		.menu a:link, .menu a:visited {
			display:block;font-size:9pt;
			text-decoration:none; color:#FFFFFF; 
			width:100%; height:26px; 
			line-height:25px; 
			font-weight:bold;
			background-image:url(images/menu/btnBkgOFF.gif);
			background-repeat:repeat-x;
			letter-spacing:2px;
		}
		
		/* style the links for the top level */
		.menu a.linkON:link, .menu a.linkON:visited {
			display:block;font-size:9pt;
			text-decoration:none; color:#FFFFFF; 
			width:100%; height:26px; 
			line-height:25px; 
			font-weight:bold;
			background-image:url(images/menu/btnBkgON.gif);
			background-repeat:repeat-x;
			letter-spacing:2px;
		}
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul {
			visibility:hidden;position:absolute;
			height:0;top:26px;left:0; 
			width:100%;
		}
		
		/* style the second level links */
		.menu ul ul a:link, .menu ul ul a:visited {
			background:#333333; color:#FFFFFF; 
			height:auto; line-height:1em; 
			font-size:8pt; width:100%;
			padding-top:10px;
			padding-bottom:10px;
			letter-spacing:normal;
			background-image:url(images/menu/dividerLong.gif); 
			background-repeat:no-repeat; background-position:left bottom;
		}
		
		.menu ul ul #short a, .menu ul ul #short a:visited {
			background:#333333; color:#FFFFFF; 
			height:auto; line-height:1em; 
			font-size:8pt; width:100%;
			padding-top:10px;
			padding-bottom:10px;
			letter-spacing:normal;
			background-image:url(images/menu/dividerShort.gif); 
			background-repeat:no-repeat; background-position:left bottom;
		}
		
		/* style the top level hover */
		.menu a:hover {color:#FFFFFF; background:none;
			background-image:url(images/menu/btnBkgON.gif);
			background-repeat:repeat-x; text-decoration:none;}
		.menu :hover > a {color:#FFFFFF; background:none;
			background-image:url(images/menu/btnBkgON.gif);
			background-repeat:repeat-x; text-decoration:none;}
			
		.menu ul ul a:hover {color:#999999; background:#333333;
			background-image:url(images/menu/dividerLong.gif); 
			background-repeat:no-repeat; background-position:left bottom;}
		.menu ul ul :hover > a {color:#999999; background:#333333;
			background-image:url(images/menu/dividerLong.gif); 
			background-repeat:no-repeat; background-position:left bottom;}

		.menu ul ul #short a:hover {color:#999999; background:#333333;
			background-image:url(images/menu/dividerShort.gif); 
			background-repeat:no-repeat; background-position:left bottom;}
		.menu ul ul #short :hover > a {color:#999999; background:#333333;
			background-image:url(images/menu/dividerShort.gif); 
			background-repeat:no-repeat; background-position:left bottom;}			
		
		/* make the second level visible when hover on first level list OR link */
		.menu ul li:hover ul,
		.menu ul a:hover ul{visibility:visible; }
		
		.banner {
			position:relative; display:none; 
			width:966px; height:265px; 
			border-left:1px solid #CCCCCC; 
			border-right:1px solid #CCCCCC;
		}
		
		#s1 {
			position:absolute; left:0px; 
			top:6px; z-index:10;}
		
		/* Numbered page boxes */
		#navNum {position:absolute; bottom:22px; left:10px; z-index:20;}
		#navNum a {font-family:Arial, Helvetica, sans-serif; font-size:8pt; 
			color:#cccccc; line-height:16px; background-color:#1d1c1b; float:left;
			margin-right:5px; border:1px solid #666666; text-decoration:none; 
			text-align:center; display:block; width:17px; height:17px;}
		#navNum a.activeSlide {color:#FFFFFF; background-image:url(images/btn.gif); border:1px solid #ffa615;}
		#navNum a:focus {outline: none;}
		
		/* Home Link */
		.menu a.homeLink:link, a.homeLink:visited {
			color:#a5a5a4;
			outline:none;
			text-decoration:none;
			display:block;
			padding-left:29px;
			width:66px;
			height:26px;
			background-image:url(images/menu/homeDivider.jpg);
			background-repeat:no-repeat;
			background-position:left;
			line-height:25px;
			float:right;
		}		
		
		.menu a.homeLink:hover, a.homeLink:active {
			color:#FFFFFF;
			outline:none;
		}			

