/*  Apply width in ems to get around IE's box model problems */
#menu {
	width: 100%;
	background: #3200CB;
	float: left;
	margin-bottom: 5px;
	padding: 0px;
	z-index: 100;
}

/* remove bullets and indents */
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 163px;
	float: left;
}

/* specify width of second level ULs*/ 
#menu ul ul {
width: 163px;
} 

/* specify width of third level ULs */
#menu ul ul ul {
width: 163px;
}

/* make H2 and <a> text appear in the same size text and 
with borders but with slightly differing colors to 
differentiate between the two */
#menu a, #menu h2 {
	font: bold 11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 3px 5px;
}

#menu h2 {
	color: #fff;
	background: #3200CB;
/* text-transform: uppercase; */
}

#menu a {
	color: #020012;
	background: #D7DDFF;
	text-decoration: none;
}

#menu a:hover {
color: #000033;
background: #8688FF;
}

/* positioning the popout drops */
#menu li {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3200CB;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8688FF;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* Overcome positioning problems */
#menu ul ul {
position: absolute;
z-index: 1;
}


/* hide all popouts */
div#menu ul ul {
display: none;
}

/* get popouts to reappear if hovered over */
div#menu ul li:hover ul
{display: block;}

/* hide third level LI's until 2nd level LI's hovered over  */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* more to fix show and hide of these.... */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* menu style for last menu LI item which is blank */
.menuborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #11CA01;
}


/* menu2 */
/*  Apply width in ems to get around IE's box model problems */
#menu2 {
	width: 100%;
	background: #86DC8D;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

/* remove bullets and indents */
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
width: 14.285%;
float: left;
}


/* specify width of second level ULs*/ 
#menu2 ul ul {
width: 150px;
} 

/* specify width of third level ULs */
#menu2 ul ul ul {
width: 140px;
}


/* make H2 and <a> text appear in the same size text and 
with borders but with slightly differing colors to 
differentiate between the two */
#menu2 a, #menu2 h2 {
	font: bold 11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009933;
}

#menu2 h2 {
	color: #fff;
	background: #3200CB;
	margin: 0px;
	padding: 0px;
/* text-transform: uppercase; */
}

#menu2 a {
color: #030;
background: #86DC8D;
text-decoration: none;
}

#menu2 h3 {
font: bold 11px arial, helvetica, sans-serif;
display: block;
color: #030;
background: #86DC8D;
text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009933;
margin: 0;
padding: 2px 5px;
}


#menu2 a:hover {
color: #020012;
background: #009933;
}

/* positioning the popout drops */
#menu2 li {position: relative;}

#menu2 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


/* Overcome positioning problems */
#menu2 ul ul {
position: absolute;
z-index: 500;
}


/* hide all popouts */
div#menu2 ul ul {
display: none;
}

/* get popouts to reappear if hovered over */
div#menu2 ul li:hover ul
{display: block;}

/* hide third level LI's until 2nd level LI's hovered over  */
div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}

/* more to fix show and hide of these.... */
div#menu2 ul ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}


/* MUST LEAVE THIS AS THE LAST ITEM ON THE CSS LIST?? */
body {
behavior: url(scripts/csshover.htc);
}