@charset "UTF-8";

#entire_left_column_container {
	width:160px;
	float:left;
	margin-top:2px;
	
	
}

#manage_my_registry_menu_container {
	width:100%;
}

UL.normal_list {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:rgb(56,75,152);
	white-space: nowrap;
	display:table;
	margin:0 0.1em;
	padding-left:0.4em;
	list-style-type:none;
}

.normal_list li {
	color:rgb(56,75,152);
	white-space: nowrap;
	line-height:15px;
	font-size:1em;
	display:table-row;
}

#manage_my_registry_menu_container ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(56,75,152);
  	text-decoration:none;
}

#manage_my_registry_menu_container ul li a:hover {
  	text-decoration:underline;
}

DIV.menu_container {
	
	margin-left:0;
	margin-bottom:2px;
	display:table;
	font-size:12pt;
	overflow:visible; 
}


DIV.menu_box_header {
	
	text-align:left;
	width:160px;
	float:none;
	height:22px;
	overflow: visible;
	white-space:nowrap;
	display: block;
}

DIV.menu_box_header_text {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	line-height:1.8em;
	word-spacing: -0.8px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:rgb(157,181,219);
	float:left;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:rgb(157,181,219);
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:rgb(157,181,219);
	vertical-align:bottom;
	height:20px;
	width:11.9em;
	display: table-cell;
	overflow:visible;
	z-index:1000;
}

DIV.menu_box_header_left {
	
	width:12px;
	height:22px;
	background-image:url(../images/boxes/menu_box_left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	display: table-cell; 
}

DIV.menu_box_header_right {
	
	width:11px;
	height:22px;
	background-image:url(../images/boxes/menu_box_right.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	display: table-cell; 
}

DIV.left_menu_contents {
	background-image:url(../images/boxes/left_menu_bg.jpg);
	background-repeat:repeat-y;
	background-position:0% 0%;
	min-height:15px;
	padding-left:1px;
	width:158px;
	clear:both;
	float:none;
	display: block;
	
}

DIV.left_menu_bottom {
	background-image:url(../images/boxes/menu_box_bottom.jpg);
	background-repeat: no-repeat;
	background-position:0% 0%;
	width:155px;
	height:10px;
	float:none;
	clear:both;
	display: block;
	
}

/**
	Left Department Menus Styles
**/
/*************************************************************************
******************		Start Spry Styles 
**************************************************************************/
/* Remove the fixed width off the menu bar itself. We float
 * the menu bar so that the browser sizes its width just enough
 * to fit its content. Another option, would be not to float the
 * menu bar, which will allow it to expand horizontally to fill
 * what ever container it is in.
 */

ul.MenuBarVertical a, ul.MenuBarHorizontal a {
	background-color: rgb(252,249,242) !important;
	color:rgb(56,75,152) !important;
	text-decoration: none !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.71em !important;
}

ul.MenuBarVertical a:hover, ul.MenuBarHorizontal a:hover {
	color:black !important;
}

ul.MenuBarVertical li {
	width:101% !important;
	white-space: nowrap !important;
	display: block;
	float: none;
}

ul.MenuBarVertical {
	border:none !important;
	width:92% !important;
}

ul.MenuBarVertical ul {
	margin: 0 0 0 104% !important;
	width:auto;
}

ul.MenuBarVertical ul li {
	float: none !important;
	background-color: rgb(252,249,242) !important;
	width: auto;
	white-space: nowrap;
}

ul.MenuBarVertical a.MenuBarItemSubmenu {
	background-image: url(../images/arrows/small_blue_arrow_right.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: 99% 50% !important;
	padding:2px 0 2px 3px !important;
	margin:0px !important;
}

ul.MenuBarVertical a.MenuBarItemSubmenuHover {
	background-image: url(../images/arrows/small_blue_arrow_right_over.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: 99% 50% !important;
	background-color: rgb(192,207,236) !important;
	color:#FFF !important;
}

ul.MenuBarVertical li ul {
	background-color: rgb(252,249,242) !important;
}

ul.MenuBarVertical li ul li {
	padding:0 !important;
	margin:0 !important;
	width:auto !important;
	list-style:none !important;
}

ul.MenuBarVertical li ul li, ul.MenuBarVertical li ul li a {
	padding:0 5px 0 5px !important;
	margin:0 0 3px 0 !important;
	width:auto !important;
	list-style:none !important;
}


/*************************************************************************
******************		End Spry Styles 
**************************************************************************/
