/* CSS Document */

#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform:uppercase;
				margin: 0px 0;
				padding: 0;
				list-style-type: none;
				background-color: #eee;
				font-size: 13px;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;					
			}

			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 12px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			#menu_wrapper ul {margin-left: 12px; }
			#menu_wrapper {padding: 0 16px 0 0; width:853px; margin-top:10px; margin-bottom:10px;}
			#menu_wrapper div {float: left; height: 44px; width: 12px; }


/* Blue Menu */
			#menu_wrapper.blue ul {
				border-top: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				background: url(images/blue-strip.png);}
			#menu_wrapper.blue a {color: #fff;}
			#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {
				color: #000000; 
				background: #AAAAAA; 
				border-bottom: 2px solid #356AA0;			
			}
			#menu_wrapper.blue li.accent a {color: #FFFFFF; background: #D15600; border-bottom: 2px solid #356AA0;}
			#menu_wrapper.blue li.accent a:hover {color: #000000; background: #FFCC99; border-bottom: 2px solid #356AA0;}
			#menu_wrapper.blue li.lastitem {border-right: 1px solid #000000;}
			#menu_wrapper.blue {background: url(images/blue.png) no-repeat right;}
			#menu_wrapper.blue div {background: url(images/blue.png) no-repeat left;}