/* CSS Document */
table{
	padding:0;
	margin:0;
	border:0;
}
table tr{
	text-align:center;			/*IE 6 and below use tables*/
}
#menu{
	width:965px;
	position:relative;        		/* establish a menu-relative positioning context */
	float:left;                                     	/* play nicely with others */
	margin:20px 5px;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:12px;
}

#menu img{
	float:left;
}

#menu ul{
	margin-top:19px;
	padding-top:19px;
	margin-left:20px;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:3.3em;           /* globally set the menu's item spacing. note */
	text-align:center;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

#menu li{
	float:left;    	/* this creates the side-by-side array of top-level buttons */
	position:relative;    	/* create local positioning contexts for each button */
	margin:0;
}

	
#menu li a:hover{
	color:#ffec00;
}

/*sets up look of buttons*/	
#menu li.button{
	width:158px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom;
	position:relative;
	z-index:10;
}
#menu li.button:hover a,
#menu li.button a:hover{
	width:158px;
	height:41px;
	color:#ffec00;
}	
#menu li.button-one{
	width:120px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom right;
	position:relative;
	z-index:10;
}
#menu li.button-one:hover a,
#menu li.button-one a:hover{
	width:120px;
	height:41px;
	color:#ffec00;
}
#menu li.button-three{
	width:80px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom right;
	position:relative;
	z-index:10;
}
#menu li.button-three:hover a,
#menu li.button-three a:hover{
	width:80px;
	height:41px;
	color:#ffec00;
}

#menu li.button-bg{
	width:70px;
	height:41px;
	background:url(../images/bg-menu.gif) repeat-x bottom;
	color:#ffec00;
}
#menu li.button-end{
	width:66px;
	height:41px;
	background:url(../images/menu-end.gif) no-repeat bottom right;
	text-align:left;
	color:#ffec00;
}
#menu .button-selected{
	color:#ffec00;
	width:158px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom;
	position:relative;
	z-index:1;
}
#menu .button-one-selected{
	color:#ffec00;
	width:120px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom right;
	position:relative;
	z-index:1;
}
#menu .button-three-selected{
	color:#ffec00;
	width:80px;
	height:41px;
	background:url(../images/menu-button.gif) no-repeat bottom right;
	position:relative;
	z-index:1;
}


#menu ul li table{
	margin:-1px 0;              	/* IE5 needs -1px top and bottom table margins */
	border-collapse:collapse;      	/* IE5 needs this for the sub-menus to work */
}
/*======= TOP LEVEL MENU DEFINITIONS =======*/

#menu ul li ul {
	display:none;                 /* initially hide the entire list hierarchy */
	padding:1px;                   /* this is our box border width */
}

#menu a,
#menu a:visited {		/* unselected top-level menu items/buttons */
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	width:158px;
}
#menu li.button-one a,
#menu li.button-one a:visited {		/* unselected top-level menu items/buttons */
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	width:120px;
}
#menu li.button-three a,
#menu li.button-three a:visited {		/* unselected top-level menu items/buttons */
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	width:80px;
}
#menu ul .button-bg a,
#menu ul .button-bg a:visited {		/* unselected top-level menu items/buttons */
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	width:70px;
}
#menu ul .button-end a,
#menu ul .button-end a:visited {		/* unselected top-level menu items/buttons */
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	width:66px;
}



/*===== 2ND LEVEL MENU DEFINITIONS =====*/

#menu ul li:hover ul.rollover,
#menu ul li a:hover ul.rollover,
#menu ul li:hover ul.rollover2,
#menu ul li a:hover ul.rollover2{                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:40px;              	/* place us just up underneath the top-level images.*/
	left:-2px;       	/* specifying left will break menu in Mac Opera */    			
}
#menu ul li:hover ul.rollover p,
#menu ul li a:hover ul.rollover p{
	border:0;
	margin:0;
	padding:0;
	height:auto;
	font-size:10px;
	line-height:20px;
	color:#fff;               		/* this sets the unselected drop-down text color */
	background:url(../images/bg-rollover.gif) no-repeat bottom;        	/* this sets the drop-down menu background color */
	width:261px;
	position:relative;
	z-index:5;
}

/*wider for "People" link*/
.rollover2 p{
	border:0;
	margin:0;
	padding:0;
	height:auto;
	font-size:10px;
	line-height:20px;
	color:#fff;               		/* this sets the unselected drop-down text color */
	background:url(../images/bg-rollover2.gif) no-repeat bottom;        	/* this sets the drop-down menu background color */
	width:360px;
}



/*===== Subpages 2ND LEVEL MENU DEFINITIONS =====*/
#menu ul li.button-selected ul.rollover,
#menu ul li.button-selected ul.rollover{                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:40px;              	/* place us just up underneath the top-level images.*/
	left:-2px;       	/* specifying left will break menu in Mac Opera */  
	width:315px;  
	background:url(../images/bg-rollover3.gif) no-repeat bottom;        	/* this sets the drop-down menu background color */			
}
#menu ul li.button-three-selected ul.rollover2,
#menu ul li.button-three-selected ul.rollover2{
	display:block;
	position:absolute;
	margin:0;
	top:40px;              	/* place us just up underneath the top-level images.*/
	left:-250px;       	/* specifying left will break menu in Mac Opera */  
	width:600px;  
	background:url(../images/bg-rollover4.gif) no-repeat bottom left;        	/* this sets the drop-down menu background color */			
}

.button-selected ul li{
	float:left;
}
#menu ul li.button-selected ul.rollover a:hover,
#menu ul li.button-three-selected ul.rollover2 a:hover{
	color:#ffec00;
}
#menu ul li.button-selected ul.rollover a {
	border:0;
	margin:0;
	padding:0;
	height:auto;
	font-size:12px;
	line-height:20px;
	color:#fff;               		/* this sets the unselected drop-down text color */
	width:155px;
}

#menu ul li.button-three-selected ul.rollover2 a{
	border:0;
	margin:0;
	padding:0;
	height:auto;
	font-size:12px;
	line-height:20px;
	color:#fff;               		/* this sets the unselected drop-down text color */
	width:150px;
}
#menu ul li.button-three-selected ul.rollover2 .smallbtn a{
	width:75px;
}
#menu ul li.button-three-selected ul.rollover2 .smallbtn{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#ffec00;
	width:75px;
	font-size:12px;
	line-height:20px;
}

#menu ul li.button-selected ul.rollover li {		/* unselected top-level menu items/buttons */
	padding:0;
	margin:0;
	text-decoration:none;
	color:#ffec00;
	width:155px;
	font-size:12px;
	line-height:20px;
}

#menu ul li.button-three-selected ul.rollover2 li {		/* unselected top-level menu items/buttons */
	padding:0;
	margin:0;
	text-decoration:none;
	color:#ffec00;
	width:150px;
	font-size:12px;
	line-height:20px;
}