/* Main section and background gradient*/
body {
	
	font-family: Verdana;
	font-size: 5;
	background-color: #30497b;
	margin: 0px 0;
	padding:0;
	background-image: url(images/p7exp_pbg.jpg);
	background-repeat: repeat-x;

}
/*Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
It carries a background image for aesthetics.
*/

/*Main white portion of screen*/
.mainwrapper {



   position: relative;
 	width: 700;
	text-align:center;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	z-index:0;


}

.mainwrapperindex {



   position: relative;
 	width: 700;
	text-align:center;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	z-index:0;
		top: 24px;
}

.quickmenu {
	position: relative;
	width: 160px;
	text-align:center;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	z-index:0;
	left: 318px;
	top: 24px;
}

.quickmenu2 {
	position: relative;
	width: 160px;
	text-align:center;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	z-index:0;
	left: 311px;
	top: 24px;
}
.quickmenuindex {
	position: relative;
	width: 160px;
	text-align:center;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #FFFFFF;
	z-index:0;
	left: 318px;
	top: 24px;
}
/*Headers and font changes*/
.maintitle{
font-weight: bold;
	font-size: 16px;
	color: #30497B;
	text-align:left;

}

.subtitle1{
font-weight: bold;
	font-size: 15px;
	color: #30497B;
	text-align:left;

}


/*LINK COLOR*/
a{
font-weight: bold;
	font-size: 11px;
	color: #30497B;
	text-align:left;

}

a:hover {
font-weight: bold;
	font-size: 11px;
	color: #6891A4;
	text-align:left;
}

/*PageBreaks*/

.hr     {
height:0; 
overflow:hidden; 
clear:both; 
width: 95%; 
border-top: 3px solid #344976; 
margin: 5px 0 10px 0;

}
.hr2     {
height:0; 
overflow:hidden; 
clear:both; 
width: 95%; 
border-top: 1px solid #344976; 
margin: 20px 0 10px 0;

}


.FlashMove     {
position: absolute;
z-index:-5;
}


/*Beyond this is the Drop down menu CSS.  Should not need editing.*/
#menuwrapper {

	border-top: 0px solid #000;
	border-bottom: 0px solid #333;
	background-color: #FFFFFF;

}

#mainwrapper a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: 11;
	color: #30497B;
	
}




.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 10;
}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana;
	text-align:left;

}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: 11;
	color: #000000;
	font-weight:normal;
}

#p7menubar a.trigger {

	padding: 5px 8px 5px 10px;
	background-image: url(images/p7exp_mgrad_header.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:normal;
}

#p7menubar li {

	float: left;
	width: 100%;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 225px;
}

#p7menubar ul li a  {
	color: #FFFFFF;
	border-right: 0;
	padding: 3px 12px 3px 20px;
	font-weight:normal;
}



#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	background-image: url(images/p7exp_mgrad.jpg);
	background-repeat: repeat-y;
	z-index:10;
	
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	font-weight:normal;
	/*background-color: #FFFFFF;*/
	text-decoration: underline;
	
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {

	display: block;

}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
	
	
}

#p7menubar ul a:hover {

	background-image: url(images/p7exp_mgrad2.jpg);
	background-repeat: repeat-y;
	/*background-color: #c3d7ff!important;*/
	color: #0a1a3a!important;
	text-decoration: underline;


}

#p7menubar li {width: auto;}