/*

Author:	 Ben Hagadorn
Date:    09/28/2007
Purpose: This file contains all of the styles necessary to generate the Flyout menus, both for the
         Left Navigation area and the Header area 

*/

.headerDHTML {
	font-family: Verdana;
	font-size: 8pt;
	background-color: #f48221;
	font-weight: 700;
	color: White;
	height: 23px;
	margin: 0px;
	text-align: center;
    }
.headerDHTML a:link, .headerDHTML a:visited { text-decoration: none; color: white;}
.headerDHTML a:hover { text-decoration: none; color: white;}
.headerDHTML tr, td {margin: 0px;}


.headerDHTML2 {
	font-size: 0pt;
	background-color: #f48221;
	color: white;
	text-align: left;
	height: 1px;
	margin: 0px;
	padding: 0px;
	    }
.headerDHTML2 img {visibility: hidden; height: 1px; margin: 0px; padding: 0px; font-size: 0pt;}
.headerDHTML2 tr, td {margin: 0px;}



/* ########################### LEFT NAVIGATION #################################################### */
.barlink a, .navlink a {
	text-decoration: none;
}
.barlink a img, .navlink a img {
	border: 0;
}
.barlink a {
	color: #fff;
}
.flyout td {
	white-space: nowrap;
}
.menu2background {
	border-style: solid;
	border-color: #C7C2AE;
	border-width: 1px 1px 1px 1px;
}

.topLevelHighlight {
	font-family: Verdana;
	font-size: 8pt;
	background-color: #EDEDE3;
    	border-style: solid;
    	border-color: #C7C2AE;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-right: 2px;
}

.topLevelHighlight a:link, .topLevelHighlight a:visited { text-decoration: none; font-size: 8pt; color: black; display: block; width: 100%;}
.topLevelHighlight a:hover { text-decoration: none; color: black; display: block; width: 100%;}

.menu3text {
	font-family: Verdana;
	font-size: 8pt;
    	border-style: solid;
    	border-color: white;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 2px;
}

.menu3text a:link, .menu3text a:visited {text-decoration: none; font-size: 8pt; color: black; display: block; width: 100%;}
.menu3text a:hover { text-decoration: none; color: black; display: block; width: 100%;}

.menu4text {
	font-family: Verdana;
	font-size: 8pt;
	background-color: white;
    	border-style: solid;
    	border-color: white;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
    }
.menu4text a:link, .menu4text a:visited { text-decoration: none; font-size: 8pt; color: black; display: block; width: 100%;}
.menu4text a:hover { text-decoration: none; color: black; display: block; width: 100%;}


.menu2text {
	font-family: Verdana;
	font-size: 8pt;
	background-color: #EDEDE3;
	border-style: solid;
	border-color: #EDEDE3;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
}

.menu2text a:link, .menu2text a:visited { text-decoration: none; font-size: 8pt; color: black; display: block; width: 100%;}
.menu2text a:hover { text-decoration: none; color: black; display: block; width: 100%;}


.menu5text {
	font-family: Verdana;
	font-size: 8pt;
	background-color: #FBEECC;
    	border-style: solid;
    	border-color: #DB8532;
	border-width: 1px 1px 1px 1px;
	padding: 5px;
    }
.menu5text a:link, .menu5text a:visited { text-decoration: none; font-size: 8pt;  color: black; display: block; width: 100%;}
.menu5text a:hover { text-decoration: none; color: black; display: block; width: 100%;}


.background {
	background-color: white;
}

.gray9pt {
	font-family: Verdana;
	font-size: 9pt;
	color: #808080;
}
.gray9pt a:link, .gray9pt a:visited { text-decoration: none; color: #808080;}
.gray9pt a:hover { text-decoration: underline; color: black;}

.plain8pt {
	font-family: Verdana;
	font-size: 8pt;
 }
.plain8pt a:link, .plain8pt a:visited { text-decoration: none; color: black;}
.plain8pt a:hover { text-decoration: underline; color: black;}

.plain8ptPadded {
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
    }
.plain8ptPadded a:link, .plain8ptPadded a:visited { text-decoration: none; color: black;}
.plain8ptPadded a:hover { text-decoration: underline; color: black;}