#wrapVertical {
	width: 125px;
}

/* BRANDING - Changes width of Menu */
#transmenuVertical {
	font-family: Arial;
	font-size: 12px;
	width: 170px;
}

/* Client Menu - Home - Top Border */
/* #transmenuVertical a#MENUID107 {
	border-top: 1px solid #B1B3B3;
} */

/* Courtyard Menu - Home - Top Border */
/* #transmenuVertical a#MENUID88 {
	border-top: 1px solid #B1B3B3;
} */

/* Gateway Menu - Home - Top Border */
/* Top Menu ID for Gateway is dynamic */

/* Provider Menu - Home - Top Border */
/* #transmenuVertical a#MENUID10, a#MENUID126 {
	border-top: 1px solid #B1B3B3;
} */

/* BRANDING - Change Menu Font and BG color*/
#transmenuVertical a {
	background: url(../images/background_gradient.gif) repeat-x scroll center center transparent;
	border-bottom: 1px solid #B1B3B3;
	border-left: 1px solid #B1B3B3;
	border-right: 1px solid #B1B3B3;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #63666A;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-indent: 6px;
	text-decoration: none;	
	width: 170px;
	cursor: hand;
}

/* BRANDING - Change Menu Hover over Font and BG color*/
#transmenuVertical a:hover {
	background: url(../images/rollover_gradient.gif) repeat-x scroll center center transparent;
	border-bottom: 1px solid #B1B3B3;
	border-left: 1px solid #B1B3B3;
	border-right: 1px solid #B1B3B3;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-indent: 6px;
	text-decoration: none;
	cursor: hand;
}

/* Doesn't seem to make a change */
#wrapHorizontal {
	border: 1px solid #B1B3B3;
	width: 662px;
}

/* Doesn't seem to make a change */
#transmenuHorizontal {
	font-size: 12px;
	border-top: 1px solid #B1B3B3;
	border-left: 1px solid #B1B3B3;
	border-bottom: 1px solid #B1B3B3;				
	border-right: 1px solid #B1B3B3;
	padding: 4px 0;
	width: 440px;
}

/* Doesn't seem to make a change */
#transmenuHorizontal a {
	border-top: 1px solid #B1B3B3;
	border-left: 1px solid #B1B3B3;
	border-bottom: 1px solid #B1B3B3;				
	border-right: 1px solid #B1B3B3;
	padding: 4px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #5d9732;
}

/* Doesn't seem to make a change */
#transmenuHorizontal a.hover {
	color: #5d9732;
	font-family: Arial;
	font-weight: bold;	
	padding: 4px 10px;
	border-top: 1px solid #B1B3B3;
	border-left: 1px solid #B1B3B3;
	border-bottom: 1px solid #B1B3B3;				
	border-right: 1px solid #B1B3B3;
}

#transmenu span {
	display: none;
}

/* Doesn't seem to make a change */
#subnav {
	font-size: 12px;
	margin-bottom: 24px;
}

/* Doesn't seem to make a change */
#subnav a {
	color: #fff;
	margin-right: 12px;
}

/* Doesn't seem to make a change */
#subnav span {
	color: #63666A;
	margin-right: 12px;
}


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	left: 0px;  
	top: 0px;
	z-index: 2;
}

.transMenu.top .items {
	border-top: 1px solid #B1B3B3;
}

/* BRANDING - Changes Menu Slide out Font and BG color for each TR.item is one menu item */
.transMenu .item {
  	background: url(../images/background_gradient.gif) repeat-x scroll center center transparent;
	border-left: 1px solid #B1B3B3;
	border-bottom: 1px solid #B1B3B3;
	border-right: 1px solid #B1B3B3;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #63666A;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-indent: 6px;
	cursor: hand;
}

/* BRANDING - Changes Menu Slide out Hover Font and BG color.  this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
/** Add on for branding enhancements.**/
.transMenu .item.hover {
	background: url(../images/background_gradient.gif) repeat-x scroll center center transparent;
	border-left: 1px solid #B1B3B3;
	border-bottom: 1px solid #B1B3B3;
	border-right: 1px solid #B1B3B3;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #E87722;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-indent: 6px;
	cursor: hand;
}

/* BRANDING - Changes the amount of space to the right of the slide out menu for use of dingbats.  */
/*	this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. */
/*	We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left: 1px;
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 1;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position: absolute;
	z-index: 1;
	top: 0px; 
	width: 0px;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute;
	z-index: 1;
	left: 0px; 
	height: 0px;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}