/*****************************************************************/
 /* COMMON STYLING SHARED BY ALL BROWSERS */
 /*****************************************************************/
 
.menu2 {
	background: #FFF url(../images/top_nav_base_750.gif) no-repeat;
	float: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 7.5pt;
	margin: 0;
	width: 750px;
	z-index: 400;
}
.menu2 ul { padding: 0; margin:0; list-style-type: none; z-index: 400; }

/* if you change this to float right, it does it, but puts them in reverse order! */
.menu2 ul li { float: left; position: relative; padding: 0; z-index: 400; }

.menu2 ul li.group {
	display: block;
	text-indent: 4px;
	background-color: #666;
	color: #FFF;
	width: 120px;
	padding: 2px 1px;
	height: 30;
}

/* level 1 links */

/* various width buttons - note that widths are specified in the header file - if you do it here, it will break IE */
.menu2 ul li a, .menu2 ul li a:visited { font-size: 7.5pt; float: left; display: block; text-decoration: none; color: #FFF; padding: 8px 0 0 2px; height: 21px; }
.menu2 ul li:hover { width: auto; }

/* Next 2 - Level 1 Items (Hover)  */

.menu2 ul li.size1 a.channellink:hover { background: transparent url(../images/01_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size1:hover a.channellink { background: transparent url(../images/01_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size2 a.channellink:hover { background: transparent url(../images/02_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size2:hover a.channellink { background: transparent url(../images/02_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size3 a.channellink:hover { background: transparent url(../images/03_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size3:hover a.channellink { background: transparent url(../images/03_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size4 a.channellink:hover { background: transparent url(../images/04_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }
.menu2 ul li.size4:hover a.channellink { background: transparent url(../images/04_but_nav_state_02.gif) no-repeat 2px 4px; color: #FFF; text-decoration: none; }

.menu2 ul li ul { display: none; }
.menu2 table { border-collapse: collapse; font-size: 7.5pt; margin: -1px -1px 0 -1px; z-index: 400; }

/*********************************************/
/* SPECIFIC TO NON IE BROWSERS */
/*********************************************/

/* level 2 item */
.menu2 ul li:hover ul { display: block; position: absolute; top: 29px; background-color: #F6F6F6; left: 0; width: 152px; z-index: 400; }
.menu2 ul li:hover ul.endstop { left: -90px; }
.menu2 ul li:hover ul li ul { display: none; }
/* level 2 items not selected */
.menu2 ul li:hover ul li a { display: block; background-color: #F6F6F6; color: #000; height: auto; line-height: 120%; padding: 4px 16px; width: 120px; }
/* seems to be the items that push over */
.menu2 ul li:hover ul li a.drop { background: #F6F6F6 url(../images/notch_gray.gif) bottom right no-repeat; }
/* level 2 hover - for items that don't push over */
.menu2 ul li:hover ul li a:hover { background-color: #E6E6E6; color: #000; }
/* level 2 hover - for items that push over */
.menu2 ul li:hover ul li a:hover.drop { background: #E6E6E6 url(../images/notch_red.gif) bottom right no-repeat; color: #000; }
/* level 3 items */
.menu2 ul li:hover ul li:hover ul { display: block; position: absolute; top: 0px; color: #000; left: 152px; width: 152px; background-color: #F6F6F6; }
.menu2 ul li:hover ul li:hover ul li a { background-color: #F6F6F6; }
.menu2 ul li:hover ul li:hover ul li.group { width: 152px; padding: 3px 0; }
.menu2 ul li:hover ul li:hover ul.left { left: -152px; }
/* level 3 hovered item */
.menu2 ul li:hover ul li:hover ul li a:hover { background-color: #E6E6E6; color: #000; }

/*****************************************************/
/* SPECIFIC TO IE5.5 AND IE6 BROWSERS */
/*****************************************************/

/* level 2 item */
.menu2 ul li a:hover ul { display: block; position: absolute; top: 28px; background-color: #F6F6F6; border-bottom: 1px solid #A41B33; left: 0px; z-index: 400; }
.menu2 ul li a:hover ul.endstop { left: -90px; }
.menu2 ul li a:hover ul li a { display: block; color: #000; height: 0px; line-height: 120%; padding: 4px 10px; width: 152px; }

/* seems to be the items that push over */
.menu2 ul li a:hover ul li a.drop { background: #F6F6F6 url(../images/notch_gray.gif) bottom right no-repeat; padding-bottom: 5px; }
.menu2 ul li a:hover ul li a ul { visibility: hidden; position: absolute; height:0; width:0; }

/* level 2 hover - for items that don't push over */
.menu2 ul li a:hover ul li a:hover { background-color: #E6E6E6; color: #000; text-decoration: none; }

/* level 2 hover - for items that push over */
.menu2 ul li a:hover ul li a:hover.drop { background: #E6E6E6 url(../images/notch_red.gif) bottom right no-repeat; color: #000; }

/* level 3 items */
.menu2 ul li a:hover ul li a:hover ul { visibility: visible; position: absolute; top: 0px; color: #000; left: 172px; width: 152px; background-color: #F6F6F6; } /* diff between left and width is total of left and right margins of menu2 ul li a:hover ul li above */
.menu2 ul li a:hover ul li a:hover ul.left { left:-172px; }

/* level 3 hovered item */
.menu2 ul li a:hover ul li a:hover ul li a:hover { background-color: #E6E6E6; color: #000; }

/* all */
.left {clear:both;}