#headermenu-container
	{
		height:33px; width:100%; background:url(../images/mockup_home_menu_back.jpg) 0 0 repeat-x; position:relative; z-index:1; border-width:0px; border-style:solid; border-color:yellow;
	}
	
#headermenuminimum{margin: 0 auto 0 auto; width:907px;  background:url(../images/mockup_home_menu_back.jpg) 0 0 repeat-x; height:33px; z-index:9; color:#FFFEFF; border-width:0px; border-style:solid; border-color:blue;}

/** left menu **/
.headermenu
	{
		font-size: small;
		font-family: arial, helvetica, sans-serif;
		width:373px;
		height:33px;
		float:left;
		margin:0em;
		margin-top: 0em;
		display:inline;
		border-width:0px; border-style:solid; border-color:brown;
	}	
.headermenu a
	{
		text-align: center;
		display:block;
		white-space:normal;
		margin-top:0px;
	}	
		
.headermenu ul li a
	{
		text-align: left;
		margin-right:0px;
		font-size:16px;
		/*font-weight:normal;*/
		padding:7px 6px;
	}	
.headermenu a:link, .headermenu a:visited, .headermenu a:active	/* menu at rest */
	{
		color: #ffffff;
		text-decoration:none;
	}
.headermenu ul li ul li a:link, .headermenu ul li ul li a:visited, .headermenu ul li ul li a:active	/* menu at rest */
	{
		color: #000000;
		text-decoration:none;
		padding: 5px 5px 5px 6px;
		
	}
.headermenu ul li a:hover						/* menu on mouse-over  */
	{
		color: #000000;
		background-color: #ffffff;		/* cornflowerblue */
		text-decoration:none;
	}		

.headermenu ul li ul li a:hover						/* menu on mouse-over  */
	{
		color: white;
		background-color: #668CFF;		/* cornflowerblue */
		text-decoration:none;
	}	
.headermenu a.top_parent, .headermenu a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
		background-image: url(navdown_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
.headermenu a.parent, .headermenu a.parent:hover 	/* attaches side-arrow to all parents */
	{
		background-image: url(../images/nav_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
.headermenu ul
	{
		/*border-size:0px; border-style:solid;border-color:yellow;*/
		list-style:none;
		padding:0px;
		float:left;
		width:100%;	/* width of all menu boxes */
		/* NOTE: For adjustable menu boxes you can comment out the above width rule.
		However, you will have to add padding in the "#menh a" rule so that the menu boxes
		will have space on either side of the text -- try it */
		display:inline;
	}

.headermenu li
	{
		background-image:url(../images/mockup_home_menu_tile.gif)  0 0 repeat-x;

		float:left;
		position:relative;
		min-height: 1px;		/* Sophie Dennis contribution for IE7 */
		vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
		height:33px;
	}
	/*everything but top level*/
.headermenu ul li ul li
	{
		list-style:none;float:left; display:inline;	width:220px; border-width:0px;border-style:solid; background-color:white;
	}
	/*everything but top level*/
.headermenu ul li ul li a
	{	
		margin-right:0px;
		font-size:12px;
		/*font-weight:normal;*/
	}
.headermenu ul ul
	{
		position:absolute;
		z-index:500;
		top:auto;
		display:none;
		padding: 0em;
		margin: 0em 0 0 0em;
		width:220px;
		border-width:1px; border-style:solid; border-color:grey;
		background-color:white;
	}
.headermenu ul li.parent item106 ul{width: 600px; background-color:red;}

.headermenu ul ul ul
	{
		top:0;
		left:100%;
		width:660px;
		border-width:1px; border-style:solid; border-color:grey;
		background-color:white;
		padding-left:10px;
	}
.headermenu ul ul ul ul
	{
		width:220px;
	}
div.headermenu li:hover
	{
		cursor:pointer;
		z-index:100;
	}

div.headermenu li:hover ul ul, li.over ul,
div.headermenu li li:hover ul ul, li li.over ul,
div.headermenu li li li:hover ul ul, li li li.over ul,
div.headermenu li li li li:hover ul ul, li li li li.over ul
{display:none;}

div.headermenu li:hover ul, li.over ul,
div.headermenu li li:hover ul, li li.over ul,
div.headermenu li li li:hover ul, li li li.over ul,
div.headermenu li li li li:hover ul, li li li li.over ul
{display:block;}


/* End CSS Drop Down Menu */

/* middle menu */


.headermenu_about
	{
		font-size: small;
		font-family: arial, helvetica, sans-serif;
		width:82px;
		height:33px;
		float:left;
		margin:0em;
		margin-top: 0em;
		display:inline;
		border-width:0px; border-style:solid; border-color:green;
	}	
.headermenu_about a
	{
		text-align: left;
		display:block;
		white-space:normal;
		margin-top:0px;
	}	
.headermenu_about ul li a
	{
		text-align: left;
		margin-right:0px;
		font-size:16px;
		font-weight:normal;
		padding:7px 6px;
	}	
.headermenu_about a:link, .headermenu_about a:visited, .headermenu_about a:active	/* menu at rest */
	{
		color: #ffffff;
		text-decoration:none;
	}
.headermenu_about ul li ul li a:link, .headermenu_about ul li ul li a:visited, .headermenu_about ul li ul li a:active	/* menu at rest */
	{
		color: #000000;
		text-decoration:none;
		padding: 5px;
	}
.headermenu_about ul li a:hover						/* menu on mouse-over  */
	{
		color: black;
		background-color: #ffffff;		/* cornflowerblue */
		text-decoration:none;
	}		
.headermenu_about ul li ul li a:hover						/* menu on mouse-over  */
	{
		color: white;
		background-color: #668CFF;		/* cornflowerblue */
		text-decoration:none;
	}	
.headermenu_about ul
	{
		list-style:none;
		padding:0px;
		float:left;
		width:100%;	/* width of all menu boxes */
		/* NOTE: For adjustable menu boxes you can comment out the above width rule.
		However, you will have to add padding in the "#menh a" rule so that the menu boxes
		will have space on either side of the text -- try it */
		display:inline;
	}

.headermenu_about li
	{
		background-image:url(../images/mockup_home_menu_tile.gif)  0 0 repeat-x;
		float:left;
		position:relative;
		min-height: 1px;		/* Sophie Dennis contribution for IE7 */
		vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
		height:33px;
	}
	/*everything but top level*/
.headermenu_about ul li ul li
	{
		list-style:none;float:left; display:inline;	width:220px; 
	}
	/*everything but top level*/
.headermenu_about ul li ul li a
	{	
		margin-right:0px;
		font-size:12px;
		font-weight: normal;
		text-align: left;
	}
.headermenu_about ul ul
	{
		position:absolute;
		z-index:500;
		top:auto;
		height:295px;
		padding: 0em;
		margin: 0em 0 0 0em;
		width:660px;
		background-color:white;
		left:-225px;
		display:none;
		border-color:grey; border-width:1px; border-style:solid;
	}
.headermenu_about ul ul ul
	{
		top:100%;
		left:0;
		width:220px;
		height:100%;
	}
.headermenu_about ul ul ul ul
	{
		width:220px;

	}
div.headermenu_about li:hover
	{
		cursor:pointer;
		z-index:100;
	}
div.headermenu_about li li:hover ul ul,
div.headermenu_about li li li:hover ul ul,
div.headermenu_about li li li li:hover ul ul
{display:none;}

div.headermenu_about li:hover ul,
div.headermenu_about li li:hover ul,
div.headermenu_about li li li:hover ul,
div.headermenu_about li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/* right menu */
.headermenu_right
	{
		font-size: small;
		font-family: arial, helvetica, sans-serif;
		width:452px;
		height:33px;
		float:left;
		margin:0em;
		margin-top: 0em;
		display:inline;
		border-width:0px; border-style:solid; border-color:red;
	}	
.headermenu_right a
	{
		text-align: center;
		display:block;
		white-space:normal;
		margin-top:0px;
	}			
.headermenu_right ul li a
	{
		text-align: left;
		margin-right:0px;
		font-size:16px;
		font-weight:normal;
		padding:7px 6px;
	}	
.headermenu_right a:link, .headermenu_right a:visited, .headermenu_right a:active	/* menu at rest */
	{
		color: #ffffff;
		text-decoration:none;
	}
.headermenu_right ul li ul li a:link, .headermenu_right ul li ul li a:visited, .headermenu_right ul li ul li a:active	/* menu at rest */
	{
		color: #000000;
		text-decoration:none;
		padding: 5px;
	}
.headermenu_right ul li a:hover						/* menu on mouse-over  */
	{
		color: black;
		background-color: #ffffff;		/* cornflowerblue */
		text-decoration:none;
	}		

.headermenu_right ul li ul li a:hover						/* menu on mouse-over  */
	{
		color: white;
		background-color: #668CFF;		/* cornflowerblue */
		text-decoration:none;
	}	
/*.headermenu_right a.top_parent, .headermenu_right a.top_parent:hover   attaches down-arrow to all top-parents 
	{
		background-image: url(navdown_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	*/
/* .headermenu_right a.parent, .headermenu_right a.parent:hover 	attaches side-arrow to all parents
	{
		background-image: url(../images/nav_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	} */
.headermenu_right ul
	{
		/*border-size:0px; border-style:solid;border-color:yellow;*/
		list-style:none;
		padding:0px;
		float:left;
		width:100%;	/* width of all menu boxes */
		/* NOTE: For adjustable menu boxes you can comment out the above width rule.
		However, you will have to add padding in the "#menh a" rule so that the menu boxes
		will have space on either side of the text -- try it */
		display:inline;
	}

.headermenu_right li
	{
		background-image:url(../images/mockup_home_menu_tile.gif)  0 0 repeat-x;

		float:left;
		position:relative;
		min-height: 1px;		/* Sophie Dennis contribution for IE7 */
		vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
		height:33px;
	}
	/*everything but top level*/
.headermenu_right ul li ul li
	{
		list-style:none;float:left; display:inline;	width:220px; border-width:0px;border-style:solid; background-color:white;
	}
	/*everything but top level*/
.headermenu_right ul li ul li a
	{	
		margin-right:0px;
		font-size:12px;
		font-weight:normal;
	}
.headermenu_right ul ul
	{
		position:absolute;
		z-index:500;
		top:auto;
		display:none;
		padding: 0em;
		margin: 0em 0 0 0em;
		width:220px;
		border-width:1px; border-style:solid; border-color:grey;
		background-color:white;
	}
.headermenu_right ul li.parent item106 ul{width: 600px; background-color:red;}

.headermenu_right ul ul ul
	{
		top:0;
		left:100%;
		width:660px;
		border-width:1px; border-style:solid; border-color:grey;
		background-color:white;
	}
.headermenu_right ul ul ul ul
	{
		width:220px;
	}
div.headermenu_right li:hover
	{
		cursor:pointer;
		z-index:100;
	}

.headermenu_right li:hover a, .headermenu_right ul li ul li a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color:white;	
	color:#000000;
}
.headermenu_about li:hover a, .headermenu_about ul li ul li a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color:white;	
	color:#000000;
}
.headermenu li:hover a, .headermenu ul li ul li a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color:white;	
	color:#000000;
}
	
div.headermenu_right li:hover ul ul,
div.headermenu_right li li:hover ul ul,
div.headermenu_right li li li:hover ul ul,
div.headermenu_right li li li li:hover ul ul
{display:none;}

div.headermenu_right li:hover ul,
div.headermenu_right li li:hover ul,
div.headermenu_right li li li:hover ul,
div.headermenu_right li li li li:hover ul
{display:block;}
 
a.menu_bold{font-weight:bold;}

.headermenu ul li ul li.item312{background-color:#ffffff; background:url(../images/menu_bubble_left.gif) 0 0 no-repeat;}
.headermenu ul li ul li.item314{background-color:#ffffff; background:url(../images/menu_bubble_middle.gif) 0 0 no-repeat;}
.headermenu ul li ul li.item313{background-color:#ffffff; background:url(../images/menu_bubble_right.gif) 0 0 no-repeat;}

.headermenu ul li ul li.item310{background-color:#ffffff; background:url(../images/menu_bubble_middle.gif) 0 0 no-repeat;}
.headermenu ul li ul li.item308{background-color:#ffffff; background:url(../images/menu_bubble_left.gif) 0 0 no-repeat;}
.headermenu ul li ul li.item309{background-color:#ffffff; background:url(../images/menu_bubble_right.gif) 0 0 no-repeat;}

li.item312 span.separator{color:#ffffff; font-weight:bold; position:relative; left:5px; top:8px;}
li.item308 span.separator{color:#ffffff; font-weight:bold; position:relative; left:5px; top:8px; text-align:left;}

li.item250 span.separator{color:#000000; font-weight:bold; position:relative; left:5px; top:8px; font-size:13px;}
li.item256 a:link{color:#000000; font-weight:bold; position:relative; left:0px; top:2px; font-size:13px; padding-bottom:0px; margin-bottom:0px;}
li.item256 {color:#000000; font-weight:bold; position:relative; left:0px; top:2px; font-size:13px; padding-bottom:0px; margin-bottom:0px;}

li.item256 ul a:link{color:#000000; font-weight:normal; position:relative; left:0px;top:0px;}

/* fix bug of first item having a border */
li.item250 ul {border-width:0px; border-color:white; border-style:solid;}
li.item256 ul {border-width:0px; border-color:white; border-style:solid;}
li.item257 ul {border-width:0px; border-color:white; border-style:solid;}


li.item257 span.separator{color:#000000; font-weight:bold; position:relative; left:5px; top:8px;}

li.item288 span.separator{color:white; font-weight:normal; position:relative; left:0px; top:1px;}

/* End CSS Drop Down Menu */