body {
	margin: 0px;
	padding:0;
	top: 0px;
}

#module3 {
	position:absolute;
	padding-bottom: 0px;
	margin:0px 0px 0px 0px;
}
#module3 div {
	border-style:solid;
	border-color:#BBB;
	border-width:1px 0 1px 0;
	background-color:white;
}

#module3 h4 {
	margin:0;padding:4px;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#333;
}
#module3 ul {
	float:left;
	width:246px;
	list-style-image:url("./images/arrow.gif");
	padding:5px 4px 4px 24px;margin:0
}
#module3 ul li {
	padding:0 0 6px 0;
	margin:0;
	font-size:8pt;
}

a.mtginfo:link{text-decoration:none; color:#333}
a.mtginfo:visited{text-decoration:none; color:#333}
a.mtginfo:hover{text-decoration:underline; color:#333}

#site_map ul li {font-size:15px;}
#site_map ul li ul li {font-size:13px; cursor:pointer; text-decoration:underline;}

#submain .ha, #submain p, #submain td, #submain li { color:#565E66; }

.header {
	background-color: #3F767F;
	overflow: visible;
	position: relative;
	z-index: 2;
	width: 100%;
	top: 0px;
	left: 0px;
	visibility: visible;
	height: 56px;
}
.head2 {
	background-color: #FFFFFF;
	overflow: visible;
	position: absolute;
	z-index: 3;
	height: 56px;
	width: 760px;
	left: 0px;
	top: 0px;
	border-right: 1px solid #ffffff;
	visibility: visible;
}
.head3 {
	position: absolute;
	z-index: 5;
	height: 56px;
	width: 335px;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	overflow: visible;
	visibility: visible;
	vertical-align: text-bottom;
	text-align: left;
	font-family: Arial;
}
.head4 {
	position: relative;
	z-index: 5;
	height: 20px;
	width: 210px;
	top: 30px;
	left: 545px;
	visibility: visible;
	background-color: #FFFFFF;
}

.midsub {
	background-color: #303849;
	overflow: visible;
	position: absolute;
	z-index: 6;
	height: 20px;
	width: 100%;
	top: 56px;
	left: 0px;
	visibility: visible;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

.mid1 {
	background-color: #303849;
	overflow: visible;
	position: absolute;
	z-index: 6;
	height: 150px;
	width: 100%;
	top: 58px;
	left: 0px;
	visibility: visible;

}

.mid2 {
	background-color: #FFFFFF;
	overflow: visible;
	position: absolute;
	z-index: 7;
	height: 150px;
	width: 368px;
	left: 205px;
	top: 0px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	visibility: visible;
}
.mid3 {
	background-color: #CCCCCC;
	position: absolute;
	z-index: 10;
	height: 150px;
	width: 185px;
	left: 575px;
	top: 0px;
	border-right: 1px solid #ffffff;
	visibility: visible;
}
.mid4 {
	background-color: #303849;
	overflow: visible;
	position: absolute;
	z-index: 9;
	height: 145px;
	width: 200px;
	left: 0px;
	top: 0px;
	visibility: visible;
}
.subcontent {
	background-image: url(images/css/d18_c1_t_6.gif);
	background-repeat: repeat;
	visibility: visible;
	width: 100%;
	position: absolute;
	float: left;
	border-top: 1px solid #E5E5E5;
	top: 76px;
}

.content {
	background-image: url(images/css/d18_c1_t_6.gif);
	background-repeat: repeat;
	visibility: visible;
	width: 100%;
	top: 210px;
	position: absolute;
	float: left;
	
	
}
.content2 {
	position: relative;
	visibility: visible;
	z-index: 3;
	height: 100%;
	width: 760px;
	float: left;
	border-top-width: thin;
}
.mid6 {
	background-color: #FFFFFF;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 10;
	height: 100%;
	width: 580px;
}
.nav3 {
	background-color: #3F767F;
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 20px;
	width: 190px;
	left: 0;
}
.text {
	background-color: #FFFFFF;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 15;
	width: 555px;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.text3 {
	background-color: #FFFFFF;
	z-index: 17;
	width: 130px;
	position: relative;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif, Verdana;
	visibility: visible;
	float: left;
	padding: 10px 10px;
}
* html .text3 { /* Bug fix for IE users */
	background-color: #FFFFFF;
	z-index: 17;
	width: 150px;
	position: relative;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif, Verdana;
	visibility: visible;
	float: left;
	padding: 10px 10px;
}
.text4 {
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 18;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
	padding-right: 0px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif, Verdana;
	height:130px;
}
.text5 {
	position: absolute;
	left: 2px;
	top: 2px;
	visibility: visible;
	background-color: #FFFFFF;
}
.text7 {
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 17;
	width: 375px;
	float: left;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif, Verdana;
	overflow: visible;
	padding: 10px 10px;
}
* html .text7 {
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 17;
	width: 364px;
	float: left;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif, Verdana;
	overflow: visible;
	padding: 10px 10px;
}

.subtext7 {
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 17;
	width: 555px;
	float: left;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif, Verdana;
	overflow: visible;
	padding: 10px 0px 10px 0px;
}

.subsubtext7 {
	background-image: url(images/css/d18_c1_t_6.gif);
	position: relative;
	visibility: visible;
	width: 759px;
	float: left;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif, Verdana;
	overflow: visible;
	margin-top: 1px;
}

.bodyelement1 {
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	float: left;
	z-index: 20;
}
.bodyelement2 {
	background-color: #FFFFFF;
	position: relative;
	width: 556px;
	visibility: visible;
	float: left;
	z-index: 20;
}

.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style4 {
	color: #FFFFFF;
	font-weight: bold;
}

a.menu {color: #333333;	text-decoration: none;}
a.menu:hover {color: #666666; text-decoration: none; position: relative;}

a.privmenu {color: #3F767F;	text-decoration: none;}
a.privmenu:hover {color: #666666;text-decoration: none;	position: relative;}

a.bottomlinks:link {color: #666666; text-decoration: underline;}
a.bottomlinks:visited {color: #666666; text-decoration: underline;}
a.bottomlinks:hover {text-decoration: underline; color: #333;}

a.applylinks:link {color: #333333; text-decoration: underline;}
a.applylinks:visited {color: #333333; text-decoration: underline;}
a.applylinks:hover {text-decoration: underline; color:#666666;}

a.ratelinks:link {color: #333; text-decoration: underline;}
a.ratelinks:visited {color: #333; text-decoration: underline;}
a.ratelinks:hover {text-decoration: underline; color: #666666;}

a.calclinks:link {color: #666666; text-decoration: underline;}
a.calclinks:visited {color: #666666; text-decoration: underline;}
a.calclinks:hover {text-decoration: underline; color:#333333;}

.buttonset1 {
	background-color: #FFFFFF;
	width: 205px;
	position: relative;
	float: left;
	visibility: visible;
	z-index: 40;
	overflow: visible;
}
.footer {
	background-color: #999999;
	visibility: visible;
	z-index: 13;
	width: 100%;
	border-top: 1px solid #E5E5E5;
	position: relative;
	top: 0px;
	float: left;
	left: 0px;
}
.footer2 {
	background-color: #FFFFFF;
	position: relative;
	z-index: 14;
	width: 761px;
	visibility: visible;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif, Verdana;
	float: left;
	text-align: center;
}
back2 {
	height: 100%;
	float: left;
	width: 100%;
	
}

/* THE FOLLOWING IS ALL FOR THE DROP-DOWN MENU */
#menu {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
	padding-left: 20px;
}

#menu li img {display:none; visibility:hidden;}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	cursor:pointer;
}
	
#menu ul li {
	position: relative;
	z-index: 99; /* To set roll-outs on top of text next to it. */
}
	
#menu li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	width: 150px;
	z-index:99;
}

/* Styles for Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #303849; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #FFF; /* IE6 Bug */
	border-bottom: 0;
	z-index:99;
}
	
#menu ul li a:hover { color: #FFF; background-color: #3F767F; z-index: 99; } /* Hover Styles */
		
#menu li ul li a { padding: 5px 5px; z-index:99; } /* Sub Menu Styles */
	
/* IE Requirement \*/
* html #menu ul li { float: left; height: 1%; z-index:99; }
* html #menu ul li a { height: 1%; z-index:99; }
/* End */

.itemtext { display:block; cursor: pointer; }

.subitem1 { width: 190px; }
.subitem2 { width: 190px; }
.subitem3 { width: 200px; }
.subitem4 { width: 190px; }
.subitem5 { width: 190px; }

#menu li:hover ul, #menu li.over ul { display: block; z-index:99; } /* The magic */

#submain { font-size:12px;width:495px;text-align:justify;padding-top:15px;}
#submain_head { margin-bottom:20px; }
#submain_head .head_img { float:right;margin:0 0 5px 35px; }
#submain h3 { font-size:17px;padding:0;margin:0; }
#submain h4 { font-size:14px;padding:0;margin:0; }
#submain h5 { font-size:13px;padding:0;margin:0; }
#submain p { padding:0 0 3px 0;margin:0; }
#submain ul { padding:0 0 20px 34px;margin:0; }
#submain li { padding:2px 0 4px 0;margin:0; }
#submain dl { padding:5px 0 0 0;margin:0; }
#submain dt { font-weight:bold;font-size:13px;text-decoration:underline;padding:0;margin:0; }
#submain dd { padding:0 0 15px 0;margin:0; }
#submain table.template_table { padding:0 0 5px 0;margin:0;width:100%; }
#submain table.template_table th { font-size:13px;font-weight:bold;vertical-align:bottom;text-align:left;border-bottom:2px solid #CCCCCC; }
#submain table.template_table td { vertical-align:top;font-size:12px;padding:3px 18px 3px 0px; border-bottom:2px solid #CCCCCC; }
#submain .subitem { padding-bottom:15px; }
#submain .subitem_a { float:left; }
#submain .subitem_b { padding-left:20px; }
#submain .subitem_icon { padding:0;margin:0 }
#submain .ha { padding-bottom:6px }




/*** BEGIN CSS NAVIGATION MENU ***

Please read the comments at the beginning of each css declaration. This will help guide you through the process of implementing the menu into designs

THESE COMMENTS SHOULD BE DELETED BEFORE MIGRATION TO LIVE SERVER. EITHER DELETE BY HAND OR THROUGH AUTOMATION LIKE GREP.
*/

#menuwrap {
	position:relative; 
	height:156px; 
	width:160px; 
	margin-left:25px; 
	margin-bottom:20px;
	top:20px;
	border-width:0px 1px 1px 1px;
	border-color:#fff ;
	border-style:solid;
}

#vmenu ul li { 
/*
	This controls the menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for all menu items, though you can change secondary and tertiary items below.
	The value for width will control the overall width of a single menu item. Values for the span tag and others will
		need to match up to this value.
*/
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	width:160px;
	border-width:1px 0px 0px 0px;
	border-color:#fff #fff #fff #fff;
	border-style:solid;
	/*background:url(../images/d1_c1_mf_about.gif) no-repeat #FCF9F5;*/
	background:#303849;
	
	/* leave be unless you want the nuts and bolts */
	position: relative;
	margin:0;padding:0;
    display:block;
    /* MODIFIED FOR IE7 -- put in a float:left */
    float:left;
}

#vmenu ul ul li {
/*
	This controls the SECOND and THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the second and third level menu items. Any value not set here will be inherited from the main declarations above
*/	
	width:180px;
	font-size:12px;
	font-weight:500;
	border-width:0px 1px 1px 1px;
	border-color:#fff #fff #fff #fff;
	border-style:solid;
	background-image:none;
	background-color:#303849;
	/* MODIFIED FOR IE7 -- removed float:left */
}

#hmenu ul ul ul li { 
/*
	This controls ONLY THE THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the third level menu items. Any value not set here will be inherited from the main declarations above
*/
	/* etc, etc */
}

#vmenu ul li span {
/*
	This controls the span within all li's, though you can change secondary and tertiary items below.
	You will use this to mainly declare padding around the text.
*/
	padding: 5px;
	
	/* leave be unless you want the nuts and bolts */
    display:block;
}

#vmenu ul ul li span {
/*
	This controls the span within SECOND AND THIRD LEVEL li's. 
	You will use this to mainly declare padding around the text.
*/
    padding: 5px;
}

#vmenu ul ul, #vmenu ul ul ul {
/*
	This controls the positioning of SECOND AND THIRD LEVEL menus. 
	Top is from the top of the parent menu item.
	Left is from the left of the parent menu item. 
	Usually top should be -1px. Left should usually be same value as width of li's.
*/
    top:-1px; 
    left:160px;
    
    /* leave be unless you want the nuts and bolts */
    display:none;
    position:absolute; 
}

#vmenu ul ul ul {
/*
	This controls the positioning of ONLY THIRD LEVEL menus. 
	Top is from the top of the parent menu item.
	Left is from the left of the parent menu item. 
	Usually top should be -1px. Left should usually be same value as width of li's.
	You can modify this if you have a different width for submenus than the main menus. 
	You'll want the left to be the same as the width set for SECOND AND THIRD level menu items.
*/
    top:-1px;
	left:180px;
}

#vmenu ul li:hover, #vmenu ul li.hover {
/*
	This controls the effect when the user rolls over all menu items. 
	You can modify color, background etc here.
*/
    color:#ffffff;
	background-color:#3F767F;
}

#vmenu ul ul li:hover, #vmenu ul ul li.hover { 
/*
	This controls the effect when the user rolls over SECOND AND THIRD LEVEL menu items. You can modify color, background etc here.
	If you have any settings above for rollover that you do not want here you must set them to none (ex. background-image:none).
*/
	color: #ffffff;
	background-color:#3F767F;
}

#vmenu ul ul li img { 
/*
	This controls the arrow image that will appear on li tags with submenus.
	Set the 'arrow_white' for a white arrow and 'arrow_black' for a black arrow.
	You can upload a custom image as long as you give reference to it.
*/ 
	background:url(../images/arrow_white.gif) no-repeat;	
	
	/* leave be unless you want the nuts and bolts */
	width:16px; height:14px;
	float:right;border:0px;
}

/* leave these be unless you want the nuts and bolts */
#vmenu {
	float:left;
}

#vmenu ul { 
	padding:0;margin:0;
	list-style:none;
	z-index:99;
	overflow:visible;
	position:absolute; 
}

#vmenu ul ul li:first-child, #vmenu ul ul li.firstchild {
	border-top-width:1px;
}

#vmenu ul li:hover ul ul, #vmenu ul li:hover ul ul ul, #vmenu ul li.hover ul ul, #vmenu ul li.hover ul ul ul {
    display:none;  
}

#vmenu ul li:hover ul, #vmenu ul ul li:hover ul, #vmenu ul li.hover ul, #vmenu ul ul li.hover ul {
    display:block;
}

#vmenu ul li span:hover, #vmenu ul li span.hover {
	cursor:pointer;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #vmenu ul li{float:left;}
/* end holly hack */

/* END CSS NAVIGATION MENU */