body {
	background-color:#DDDCC8; background-image: url(images/bg.gif); background-repeat: repeat-x; font-size: 11px; margin: 0px; margin-top: 33px; font-family: verdana, arial, helvetica, sans-serif; color:#626160; 
}
.ContactSide {
	background-color:#4b4b4b; font-size: 11px; text-align: right; padding-left:4px; padding-right:4px; padding-top:8px;color:white; font-weight:normal;
}
.RSS {
	font-size: 10px; line-height: 16px; padding-left:15px; padding-right:0px;padding-top:17px;color:#4e4e4e; font-weight:normal;
}
.Footer {
	font-size: 10px; color: #363636; font-weight: normal; line-height: 12px; 
}
.FooterMenu {
	background-color:#F0F0E7; text-align: center; padding-top: 10px;
}
.FooterDiv {
	font-size: 10px; color: #666666; font-weight: normal; line-height: 12px;
}
.inner_CMS {
	padding-left:30px; padding-right:30px;padding-top:15px;padding-bottom:20px;background-color:#F0F0E7;
}
.inner_CMS_Index {
	padding-left:10px; padding-right:10px;padding-top:10px;padding-bottom:10px;background-color:#F0F0E7;
}
.inner_body {
	font-size: 12px; line-height: 16px; padding-left:30px; padding-right:30px;padding-top:15px;padding-bottom:30px;color:#4e4e4e; font-weight:normal; background-color:#F0F0E7;
}
.inner_header {
	font-size: 10px; line-height: 30px; padding-left:15px; color:#ffffff; font-weight:bold; background-color:#4b4b4b;
}
.inner_table {
	background-color:#F0F0E7; border: #ffffff 1px solid;
}
.inner_panel {
	font-size: 12px; line-height: 16px; padding-left:10px; padding-right:10px;padding-top:10px;color:#4e4e4e; font-weight:normal; border-right: #cccccc 1px solid;
}
.inner_column_header {
	font-size: 10px; line-height: 20px; padding-left:25px; color:#ffffff; font-weight:bold; background-color:#4b4b4b;
}
.inner_column_banner {
	padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:#e5e5e5;
}
.inner_contact {
	font-size: 10px; line-height: 16px; padding-top:7px; padding-left:10px; color:#4e4e4e; font-weight:normal;  
	border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #ababab;
}
.inner_contact_header{
	font-size: 10pt; COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:30px; font-weight:bold; vertical-align:text-top;
	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ababab;
}
.News {
	background-color:#F0F0E7; font-size: 10px; line-height: 16px; padding-left:15px; padding-right:0px;padding-top:17px; color:#626160; font-weight:normal; 
}
.NewsSideLeft {
	background-color:#F0F0E7; font-size: 10px; line-height: 16px; padding-left:15px; padding-right:0px;padding-top:17px; color:#626160; font-weight:normal; border-right: #ffffff 1px solid;
}
.NewsSideRight {
	background-color:#F0F0E7; font-size: 10px; line-height: 16px; padding-left:15px; padding-right:0px;padding-top:17px; color:#626160; font-weight:normal; border-left: #ffffff 1px solid;
}
.NewsTable td.Headline {
	font-size: 12px; line-height: normal; font-weight: bold; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px;
}
.NewsTable td {
	text-align: left; padding-top: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: Silver;
}
.DisplayTable td {
	font-size: 11px; text-align: left; padding: 0px; border: none; vertical-align: top; line-height: 2.5ex;
}
.DisplayTable td.Event {
	vertical-align: top; padding-top: 5px; padding-bottom: 3px; padding-left: 20px; width: 40px;
}
.DisplayTable td.Label {
	font-size: 11px; font-weight: bold; text-align: right; vertical-align: top; padding-right: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; width: 100px;
}
.DisplayTable td.Value {
	font-size: 11px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 10px; line-height: 2.5ex; width: auto; float: Left;
}
.StaffTable td.Headline {
	font-size: 12px; line-height: normal; font-weight: bold; text-align: left; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px;
}
.StaffTable td.Label {
	font-size: 10px; font-weight: bold; text-align: right; vertical-align: top; padding-right: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; width: 100px;
}
.StaffTable td.Value {
	FONT-SIZE: small; line-height: 16px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; color:#4e4e4e; font-weight:normal; background-color:#FFFFFF;
}
td.EventMonth {
	background-color:#C1BDB3; font-family: verdana,arial,helvetica,sans-serif; font-size: 15px; color: #fff; padding: 2px; text-align: center;
}
td.EventDay {
	background-color:white; font-family: verdana,arial,helvetica,sans-serif; font-size: 15px; color: #a80000; font-weight: bold; padding: 8px; text-align: center; border: #C1BDB3 1px solid;
}
td.EventMonthThumb {
	background-color:#C1BDB3; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 10px; color: #fff; padding: 0px; text-align: center; line-height: 12px; 
}
td.EventDayThumb {
	background-color:white; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 12px; color: #a80000; font-weight: bold; padding: 0px; text-align: center; border: #C1BDB3 1px solid;
}
td.FormHeaderLeft {
	background-color: #C1BDB3; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: White; vertical-align: middle; padding-Left: 10px; padding-Right: 10px; text-align: Left; 
}
td.FormHeaderRight {
	background-color: #C1BDB3; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: White; vertical-align: middle; padding-Left: 10px; padding-Right: 10px; text-align: Right; 
}
td.FormHeaderCenter {
	background-color: #C1BDB3; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: White; vertical-align: middle; text-align: Center; padding-Left: 2px; padding-Right: 2px;
}
td.FormLeft {
	background-color: #F0F0E6; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: Black; vertical-align: middle; text-align: Right; padding-Right: 5px; padding-Left: 5px; BORDER-Bottom: #ffffff 1px solid; BORDER-Right: #ffffff 1px solid; 
}
td.FormRight {
	background-color: #F0F0E6; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: Black; vertical-align: middle; text-align: Left; padding-Left: 5px; BORDER-Bottom: #ffffff 1px solid; 
}
td.FormCenter {
	background-color: #F0F0E6; Height: 24px; font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: normal; color: Black; vertical-align: middle; text-align: Center; BORDER-Bottom: #ffffff 1px solid; 
}
td.FormSubmit {
	background-color: #F0F0E6; Height: 40px; vertical-align: middle; text-align: Center;
}
td.FormRowspan {
    background-color: #ECECDF; font-family: verdana,arial,helvetica,sans-serif; Height: 24px; font-size: 10px; font-weight: normal; color: Black; vertical-align: middle; text-align: Center; padding-right: 2px; padding-left: 2px; border-bottom: #ffffff 1px solid; border-right: #ffffff 1px solid;
}
td.BreadCrumb {
	background-image: url(); background-repeat: repeat-x; line-height:10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; color:#666666;
}
H1.PageNameHeader {
	line-height:25px; margin:0; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:20px; Color:#f6f6f6; font-weight: normal; 
}
H1.PageName {
	line-height:25px; margin:0; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:20px; Color:#666666; font-weight: normal; BORDER-Bottom: #cccccc 1px solid; 
}
H3.Title {
	line-height:20px; Margin:0; Margin-Bottom:15px; Margin-Right:15px; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:15px; Color:#666666; font-weight: normal; BORDER-Bottom: #cccccc 1px solid; 
}
ul.QuickLinks li 
{ 
	color:Gray; 
}

.Search {
	width:170px;
	clear: left; top: auto; vertical-align: top; 
	padding-left: 10px; padding-top: 8px; padding-bottom: 8px; 
	font-size: 10px; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif;
	border-left-color: #000000; border-left-style: none; 
	border-top-color: #000000; border-top-style: none; 
	border-right-color: #000000; border-right-style: none; 
	border-bottom-color: #000000; border-bottom-style: none;
	background-color: #000000; background-position: top;
}

a {font-size: 11px; color: #000066; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a:visited {font-size: 11px; color: #000066; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
a:active {font-size: 11px; color: #000066; line-height: 14px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
a:hover {font-size: 11px; color: #ff6600; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}

a.Header {font-size: 11px; color: #ffffff; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.Header:visited {font-size: 11px; color: #ffffff; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
a.Header:active {font-size: 11px; color: #ffffff; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}
a.Header:hover {font-size: 11px; color: #ff6600; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}

a.NewsHeadline {font-size: 12px; color: #626160; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsHeadline:visited {font-size: 12px; color: #626160; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsHeadline:active {font-size: 12px; color: #626160; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsHeadline:hover {font-size: 12px; color: #ff6600; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}

a.NewsArchive {font-size: 10px; color: #666666; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsArchive:visited {font-size: 10px; color: #666666; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsArchive:active {font-size: 10px; color: #666666; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.NewsArchive:hover {font-size: 10px; color: #ff6600; font-weight: bold; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}

a.QuickLinks {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000066;}
a.QuickLinks:visited {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000066;}
a.QuickLinks:active {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000066;}
a.QuickLinks:hover {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff6600;}

a.BreadCrumb {font-size: 10px; color: #666666; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.BreadCrumb:visited {font-size: 10px; color: #666666; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
a.BreadCrumb:active {font-size: 10px; color: #666666; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}
a.BreadCrumb:hover {font-size: 10px; color: Blue; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}

a.Footer {font-size: 10px; color: #363636; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: none}
a.Footer:visited {font-size: 10px; color: #363636; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
a.Footer:active {font-size: 10px; color: #363636; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}
a.Footer:hover {font-size: 10px; color: #ff6600; line-height: 14px; font-style: normal; font-family: verdana, arial, helvetica, sans-serif}


/*******************************************************************************
 BEGIN Custom CSS
 *******************************************************************************/

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  filter: dropshadow(Color=#ffffff, offx=0, offy=1
                 Direction=180, 
                 Strength=1);
  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

.adviso_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	text-align: justify;
	color: #575757;
	font-weight: normal;
	background-image: url(Images/header_bg.gif);
}

/*******************************************************************************
 END Custom CSS
 *******************************************************************************/


/*******************************************************************************
 BEGIN MENU LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

.menubox {
	padding-left:0px;  
	VERTICAL-ALIGN: bottom;
	border-bottom: 1px solid #DDDCC8;
}
.menu {
	color:#000000; font-weight:normal;
}
ul.MenuBarHorizontal
{
	margin: 0;
	margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	background-color: #F0F0E7;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container  */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	position: relative;
	text-align: left;
	font-family: tahoma;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 16.6em;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; 
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 15.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -3% 0 0 98%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************
 MENU DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border-top: 1px solid #DDDCC8;
	border-left: 1px solid #DDDCC8;
	border-right: 1px solid #DDDCC8;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a, ul.MenuBarHorizontal a:visited
{
	display: block;
	cursor: pointer;
	background-color: #F0F0E7;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	padding: 0.5em 0.75em;
	color: #000000;
	text-decoration: none;
	font-weight: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #F0F0E7;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color: #006699;
	font-weight: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #F0F0E7;
	color: #006699;
}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItem
{
	background-image: url(Images/menu_div_clear.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	border-bottom: 1px solid silver;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************
 SLIDEOUT INDICATION: styles if there is a slideout under a given submenu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSlideOut
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSlideOut
{
	background-image: url(Images/menu_right.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	border-bottom: 1px solid #DDDCC8;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSlideOutHover
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSlideOutHover
{
	background-image: url(Images/menu_righthover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #F0F0E7;
	}
}

/*******************************************************************************
 END MENU LAYOUT INFORMATION
 *******************************************************************************/

/*******************************************************************************
 BEGIN VERTICAL MENU LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

.MenuVertical { height:150px; font-size:90%; margin:0px 0 20px 0px; /* this page only */ }

/* remove all the bullets, borders and padding from the default list styling */
.MenuVertical ul { position:relative; z-index:500; padding:0; margin:0; list-style-type:none; width:200px; }

/* style the list items */
.MenuVertical li { background:#d4d8bd url(shade.gif); height:28px; /* for IE7 */ float:left; }
.MenuVertical li.sub {background:#d4d8bd url(sub.gif) no-repeat right center; } 

/* get rid of the table */
.MenuVertical table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }

/* style the links */
.MenuVertical a, .MenuVertical a:visited {
font-family:verdana, arial, sans-serif; font-size: 12px; display:block; text-decoration:none; height:27px; line-height:27px; 
width:244px; color:#000; text-indent:25px; border:1px solid #fff; border-width:0 1px 1px 1px; }

/* hack for IE5.5 */
* html .MenuVertical a, * html .MenuVertical a:visited { width:250px; w\idth:249px; }
/* style the link hover */
* html .MenuVertical a:hover { color:#efa; background:#aa7; position:relative; }

.MenuVertical li:hover { position:relative; }

/* For accessibility of the top level MenuVertical when tabbing */
.MenuVertical a:active, .MenuVertical a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.MenuVertical li:hover > a {color:#efa; background:#aa7;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.MenuVertical li ul { visibility:hidden; position:absolute; top:-30px;
/* set up the overlap (minus the overrun) */
left:180px; 
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif); }

/* for browsers that understand this is all you need for the flyouts */
.MenuVertical li:hover > ul { visibility:visible; }
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.MenuVertical ul a:hover ul ul{ visibility:hidden; }
/* keep the fourth level+ hidden when you hover on second level link */
.MenuVertical ul a:hover ul a:hover ul ul{ visibility:hidden; }
/* keep the fifth level hidden when you hover on third level link */
.MenuVertical ul a:hover ul a:hover ul a:hover ul ul{ visibility:hidden; }
/* make the second level visible when hover on first level link */
.MenuVertical ul a:hover ul { visibility:visible; }
/* make the third level visible when you hover over second level link */
.MenuVertical ul a:hover ul a:hover ul{ visibility:visible; }
/* make the fourth level visible when you hover over third level link */
.MenuVertical ul a:hover ul a:hover ul a:hover ul { visibility:visible; }
/* make the fifth level visible when you hover over fourth level link */
.MenuVertical ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; }