@charset "utf-8";
/* CSS Document */

html{
	padding:0px;
	margin:0px;
	scrollbar-face-color:#CFCED2;
	scrollbar-shadow-color:#CFCED2;
	scrollbar-highlight-color:#F6F6F7;
	scrollbar-3dlight-color:#E9E9E9;
	scrollbar-darkshadow-color:#919194;
	scrollbar-track-color:#E4E4E4;
	scrollbar-arrow-color:#000000;
}

body{
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	background:url(http://www.mpe.org/images/bkg_grad_01.jpg) #D9CFA1 repeat-x;
}

p, li  {
	margin: 0px 0px 20px 0px;
	padding: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4F4F4F;
	line-height: 150%;
}

li {
	margin: 0;
	padding:0;
	list-style-image:none;
}

a:link, a:visited, a:active {
	color: #306CBF;
	text-decoration:underline;
}

a:hover {
	color: #BF7C1D;
	text-decoration:none;
	text-align: center;
}

h1 {
	font-family: "Times New Roman", Times, Arial, Georgia, Times, serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	color: #802B00;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
 	border-bottom: 1px solid #dedede;
  	word-spacing: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color: #335380;
	text-transform: uppercase;
	font-weight: bold;
	word-spacing: 3px; 
	padding: 5px 5px 5px 7px;
	background-color: #E0F0FF;
	border: 1px solid #ACC9E5;
}

h3 {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #805500;
	margin: 0 0 5px 0;
	padding: 0;
}

h4 {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #805500;
	margin: 5px 0 5px 0;
	padding: 0;
}

#top {
	width: 975px;
  	margin: 0 auto;
	height: 25px;
}

#container {
	display: table;
	width: 975px;
  	margin: 0 auto;
 	padding: 10px;
	border: 10px solid #C9BF91;
	background: #fff;
	overflow: auto;
}

#top_nav {
	height: 61px;
	width: 715px;
	padding: 15px 0 0 15px;
	background:url(http://www.mpe.org/images/bkg_nav_01.jpg) repeat-x;
	float: left;
	clear: right;
}

#header {
	display:block;
	background:url(http://www.mpe.org/images/bkg_shadow_01.jpg);
	width: 970px;
	height: 315px;
 	margin: 0;
	padding: 0;
 	clear: both;
}

#front_id {
	display: block;
	float: left;
	background: url(http://www.mpe.org/images/id_mpe_front_01.jpg) no-repeat;
	width: 232px;
	height: 286px;
}

#flash_banner {
	width: 505px;
	height: 210px;
	float: left;
	background: #ccc;
}

#sidebar {
	width: 211px;
	height: 195px;
	float: left;
	padding: 15px 0 0 15px;
	background:url(http://www.mpe.org/images/bkg_sidebns.jpg) no-repeat;
	clear: right; 
}

#banner_front {
	display:block;
	width: 900px;
	height: 226px;
 	margin: 7px 7px 20px 7px;
	padding: 0;
 	clear: both;
	background:url(http://www.mpe.org/images/banner_front_01.jpg) no-repeat;
}

#banner_int{
	display:block;
	width: 900px;
	height: auto;
 	margin: 0 0 10px 0;
	padding: 0;
 	clear: both;
	background: #F2F2F2;
}

#content {
	display: table;
 	width: 100%;
	min-height: 400px;
 	padding: 0 0 17px 0;
	margin: 0;
 	clear: both;
	background: url(http://www.mpe.org/images/bkg_shadow_02.jpg) repeat-x bottom;
}

#sidebar_ql {
	display:block;
	float: left;
 	width: 208px;
	min-height: 300px;
	padding: 0;
	margin-left: 10px;
}

#sidebar_ql p {
	font-family: Arial, Geneva, sans-serif;
	font-size:11px;
	line-height: 13px;
}

#front_text {
	display:block;
	float: left;
	width: 490px;
	height: 334px;
	margin: 0 20px;
}

#front_text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 200%;
	font-size: 13px;
}

#sidebar_bp {
	display:block;
	float: left;
	background: url(http://www.mpe.org/images/bkg_component_partners.jpg) no-repeat;
	width: 168px;
	height: 284px;
	padding: 50px 20px 0 20px;
}

#sidebar_bp2 {
	display:block;
	float: left;
	background: url(http://www.mpe.org/images/bkg_component_partners2.jpg) no-repeat;
	width: 168px;
	height: 400px;
	padding: 50px 20px 0 20px;
}

#side_nav {
	display: block;
	float: left;
	width: 175px;
	border: 1px solid #d4d4d4;
	background-color: #e5e5e5;
	margin: 0 15px;
}

#header_int{
	display:block;
 	width: 970px;
	height: 140px;
 	margin: 0;
	padding: 0;
 	clear: both;
}

#id_interior {
	display: block;
	float: left;
	background:url(http://www.mpe.org/images/id_interior_01.jpg) no-repeat;
	width: 217px;
	height: 140px;
}

#nav_interior{
	display: block;
	float: left;
	height: 115px;
	width: 715px;
	padding: 25px 0 0 35px;
	background:url(http://www.mpe.org/images/bkg_nav_02.jpg) repeat-x;
	clear: right;
}

div.nav a {
	display: block;
	font-family:  Arial, Verdana,Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
 	text-decoration: none;
	background-color: #ffffff;
	text-align: right;
	width: auto;
	padding: 6px 10px;
	margin: 3px 5px;
	border: 1px solid #d4d4d4;
	word-spacing: 2px;
	background:url(http://www.mpe.org/images/bkg_btn_01.gif) repeat-x bottom;
}

div.nav a:hover {
	color:#BF7C1D;
	border: 1px solid #D0C79A;
	background-color: #F7F1DC; 
}

#text_area {
	display: table;
	float: left;
	width: 700px;
	margin: 0 0 100px 15px;
	padding: 15px;
	clear: right;
	border: 1px solid #dedede;
	background-color: #fff;
}

.tinytxt {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

div#box_01 {
	display: block;
 	width: auto;
 	margin: 3px;
	padding: 15px;
	background: url(http://www.mpe.org/images/bkg_btn_01.gif) repeat-x bottom;
	border: 3px solid #E5E5E5;
}

div#box_02 {
	display: block;
 	width: auto;
 	margin: 3px;
	padding: 0 15px;
	background: url(http://www.mpe.org/images/bkg_btn_01.gif) repeat-x bottom;
	border: 1px solid #E5E5E5;
}

div#box_03 {
	display: block;
 	width: auto;
 	margin: 10px 3px;
	padding: 15px;
	background: #FFF4BF;
	border: 2px solid #FC6;
}

div#box_03 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #805500;
	padding: 5px 0;
	margin:0;
}

div#column_left {
	display: block;
	float: left;
 	width: 190px;
	min-height: 300px;
 	padding: 0 0 25px 25px;
	margin: 0 0 0 25px;
}

div#column_right {
	display: block;
 	width: 550px;
	float: right;
	min-height: 300px;
 	padding: 0 50px 25px 0;
	margin: 0 25px 0 0;
}

div#footer {
	display: block;
 	width: 975px;
	margin: 0 auto;
	padding: 15px;
 	height: auto;
 	clear: both;
 }

div#footer p{
	color: #804A00;
	font-size: 10px;
	text-transform: uppercase;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}



div#thumb_01 {
	display: block;
	height: 91px;
	width: 226px;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 1px 1px 10px 1px;
	background:url(../images/img_capabilities.jpg) no-repeat;
}

div#thumb_02 {
	display: block;
	height: 91px;
	width: 226px;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 1px 1px 10px 1px;
	background:url(http://www.mpe.org/images/img_strategy.jpg) no-repeat;
}

div#thumb_03 {
	display: block;
	height: 91px;
	width: 226px;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 1px 1px 10px 1px;
	background:url(http://www.mpe.org/images/img_portfolio.jpg) no-repeat;
}
