/* Top menu styles for the uppermost menu */

/* Based on examples from Stu Nicholl's CSS Play. Drop by at http://www.cssplay.co.uk */


/*Menu styles*/

.menu1 
{
	position: relative;
	z-index:255;
    font-family:"Times new roman", Serif; 
    font-family:"Arial", sans-serif;
    font-size:13px; /*11 pt font from default text size most browsers are set to*/
    font-weight:bolder;
	height:26px;
	width:775px!important; /*IE6 box model hack*/
	width:780px;
	color: rgb(245, 236, 96);
	background:#00209f;
/*	background:#1d5e9c;*/
	
	padding-left:5px;



}


.menu1 ul li a, .menu1 ul li a:visited /*Change color, remove underlines, force one link per line within an LI */
{	
	color: rgb(245, 236, 96);
	padding:0px 9px; 
	line-height:25px; 
	height:26px; 
}

/*Set the mouseover styles*/

.menu1 ul li a:hover,
.menu1 ul li:hover a 
{ 
   border-color:#c00;
   /*color:#a55;*/
} 


/*Styles for submenu items*/
.menu1 ul li:hover ul li a, .menu1 ul li a:hover ul li a 
{
    font-variant:normal;
	font-family: Arial;
	background:#fff;color:#000;
}


/*Styles for menu headers*/
.menu1 ul li ul li a.header, 
.menu1 ul li a:hover ul li a.header
{
	background:#cccccc;
	color:#711;
}



.menu1 ul /*Eliminate the dots in the list*/
{
	padding:0;margin:0;list-style-type:none;
}

.menu1 ul li /*float: left makes the menu items stack to the right, instead of down. */
{
	float:left; position:relative; 
	/*Adds a divider*/
	/*background:url(images/divider1.gif) no-repeat top right;*/
}

.menu1 ul li a, .menu1 ul li a:visited /*Change color, remove underlines, force one link per line within an LI */
{	
/* Use this to enable fixed width*/
/*	width:98px!important;*/
	/*IE6 box model hack*/
/*	width:114px;*/
	text-align:center;
	text-decoration:none;
	float:left; display:block;	
	/*Use this to enable color-changing borders*/
/*	border-bottom:3px solid #fff;*/
}



.menu1 ul li:hover {width:auto;}

/* Make all menu items change background when hovered*/
.menu1 ul li a:hover {background: #aaaa99;}

/* Use this to enable color changing bottoms (Only works if there is a bottom border in place)*/
/*
.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}
.menu1 ul li a.menu1seven:hover {border-color:#f0c; color:#e00;}*/




/*Ditto, for non-IE browsers. Same feature*/

/*.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}
.menu1 ul li:hover a.menu1seven {border-color:#f0c; color:#e00;}*/



/* This is what makes the summenus vanish*/
.menu1 ul li ul {
display: none;
}

/*Set the submenu text font*/
.menu1 table {
 font-size:11px;
 /*Necessary for Opera*/
 margin:-4px; border-collapse:collapse; 
}


/*   Specific to non-IE browsers (IE doesn't recognize hover pseudoclasses on non anchor tag elements). */

/* First half of show menu code for non IE browsers*/
/* This: Displays and positions the menu directly below its parent by 25 px. 
/* Also set the width (necessary for Opera) and display the bottom border.
 * The bottom border is needed because the vertically stacked anchor links only show a top border,
 * so the last one is bottomless.*/
.menu1 ul li:hover ul {
	display:block;
	position:absolute;
	top:25px;
	margin-top:1px;
    left:0;
	width:164px!important;
	border-bottom:1px solid #000;
}

/*Second half of show menu code for Opera, Firefox. Makes the contents of the menu appear.*/
.menu1 ul li:hover ul li a {
	display:block;
	text-align:left;
	height:auto;line-height:15px;
	padding:4px 16px; width:132px; 
	border:1px solid #000; border-bottom:0;
	font-weight:normal;
}


/*For non-IE browsers, make the menu item the mouse is currently over change background*/
.menu1 ul li:hover ul li a:hover
{
	background:#ccd;
}


/*     Specific to IE5.5 and IE6 browsers    */

/*This makes the submenus appear on hover for IE, part 1.*/
.menu1 ul li a:hover ul 
{
	display:block;position:absolute;
	top:25px; 
	background:#fff;
	left:0px; 
	marg\in-top:1px; 
/*	border-bottom:1px solid #000;*/ /*Doesn't work well with absolute positioning of the whole menu*/
}


/*Show on hover for IE part 2, making the contents appear.*/
.menu1 ul li a:hover ul li a {
	text-align:left;
	display:block;
	height:1px; line-height:15px; 
	padding:4px 16px; 
	width:163px; 
	border:1px solid #000; border-top:0px;

}


/*Use this to enable a bullet when the cursor is over links in an active submenu*/
.menu1 ul li a:hover ul li a:hover {
	color:#000; 
	background: #ccd;
/*	background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;*/
}


/* Make the last dropdown appear to the left, rather than the right.*/
.menu1 ul li:hover ul.endstop,  
.menu1 ul li a:hover ul.endstop
{
left: -52px;
}


/* Make the first dropdown appear a little to the right.*/
.menu1 ul li:hover ul.first,  
.menu1 ul li a:hover ul.first
{
left: 15px;
}