/* CSS Document */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #2356a7 #2356a7 #2356a7 #2356a7;  /*  top   right   bottom  left*/
margin: 0;
padding: 2px 3px;
}

#menu {
width: 100%;
background: #2356a7; /*  Background of the area that the menu will go in */
float: left;
}

#menu ul.toplevel {
list-style: none;
border-width: 0px;
border-color: #ff0000 #ff0000 #ff0000 #ff0000;  /*  top   right   bottom  left*/
margin: 0;
padding: 0;
width: 102px;  /* Controls width of the menu items */
float: left;
}

#menu ul {
list-style: none;
border-width: 0px;
margin: 0;
padding: 0;
width: 12em;  /* Controls width of the menu items */
float: left;
}

#menu h2 {
color: #ffffff;    /* Font color of menu top level */
background: url("tempimages/Images/NavBg.html");   /* Background color of the top level */
border-width: 0px;
vertical-align: middle;
text-align: center;
}

#menu a.toplevel {  /*  used to differentiate top level that has links to pages */
font: bold 14px arial;
display: block;
border-width: 0px;
border-style: solid;
border-color: #2356a7 #2356a7 #2356a7 #2356a7;  /*  top   right   bottom  left*/
margin: 0;
padding: 0px 0px;
color: #ffffff;
background: #23a6dc;
text-decoration: none;
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #2356a7 #ffffff #2356a7;  /*  top   right   bottom  left*/
color: #ffffff;
background: #23a6dc;  /*  changes the color of the drop down menus at the top */
text-decoration: none;
margin: 0;
padding: 2px 3px;
}

#menu a:hover {
color: #000066;
background: #8ba1c8;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

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;}
.BotTxt {
font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 10pt; font-weight: normal; color: #000066; list-style-image: none; list-style-type: none; list-style-position: outside; text-align: center; text-decoration: none
}


#container {
	margin: 0 auto;
	width:700px;  /* controls how wide the sub menu items will go across the screen */
}

p {
/*	margin: 1em 2em;  */
}
p.Heading {
	margin-left: 4px;
	font-family: arial;
}
p.Detail {
	font-family: arial;
}
p.Content{
	margin-left: 24px;
	margin-right: 24px;
}

</style>



