@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color: #30302f;
/*		text-align:center;  horizontal centering for IE Win quirks */
}
p{
	padding: 20px 8px 10px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #918e8f;
	height: 456px;
	text-align: left;
	line-height: 18px;
}

a:focus /* get rid of the stupid link borders in Firefox */
{
	outline: none;
}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-290px; /* half of mainwrapper's height */
	float:left;
}

#mainwrapper {
	margin:0 auto;
	position:relative; /* puts mainwrapper in front of distance */
	height: 593px;
	width: 100%;
	clear:left;
	background-image: url(../images/pendiff/wrapperback.jpg);
	background-repeat: repeat-x;
	padding-top: 11px;
}

#insidewrapper {
	height: 543px;
	width: 983px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/temp.jpg);
	border: solid #999 1px;
	background-repeat: no-repeat;
}

#navcontainer {
	height: 543px;
	width: 215px;
	float: left;
	background-image: url(../images/pendiff/navback.jpg);
	display: inline;
	overflow: hidden;
}

#nav-title {
	height: 70px;
	width: 201px;
	margin-bottom: 20px;
}

#imagecontainer {
	height: 543px;
	width: 768px;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../images/pendiff/blankback.jpg);
}
#landingtext {
	color: #fff2d4;
	padding: 60px 0px 0px 30px;
	width: 312px;
	overflow: hidden;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 0px;
	position: relative;
	margin-left: 410px;
}

#mainnav {
	height: 15px;
	width: 983px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	padding-top: 2px;
	background-color: #30302f;
	border: solid #999 1px;
	border-top: none;
}

#mainnav a {
	text-decoration: none;
	color: #FFF;
}

#mainnav a:hover {
	color: #84251a;
}


.p7PMMv03 {
	width: auto;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	text-align: left;
}
/*Hide Sub-Menu in Design View*/
.p7PMMv03 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMv03 ul {
	margin: 0;
	padding: 0;
}

.p7PMMv03 li {
	list-style-type: none;
}

.p7PMMv03 a {
	display: block;
	text-decoration: none;
	padding: 1px 0px 5px 18px;
	color: #fff2d4 !important;
	text-align: left;
	width: auto;
	background-image: url(../images/pendiff/navbutton-0.jpg);
	background-repeat: no-repeat;
}

.p7PMMv03 a:hover {
	background-image: url(../images/pendiff/navbutton-1.jpg);
	color: #918e8f;
	background-repeat: no-repeat;
}

/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMv03 ul a.pmmfirst {
	position: relative;
}
.p7PMMv03 ul a.pmmlast {
}
.p7PMMv03 ul li.pmmfirst {
	position: relative;
}
.p7PMMv03 ul li.pmmlast {
}

/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMv03 img {
	border: 0;
}
.p7PMMv03 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}

/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Root Level*/
.p7PMMv03 li.trig_open {
}
.p7PMMv03 a.trig_closed {
	background-image: url(img/pmm_east_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv03 a.trig_closed_up {
	background-image: url(img/pmm_north_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv03 a.trig_closed_left {
	background-image: url(img/pmm_west_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv03 a.trig_open, .p7PMMv03 a.trig_open_left {
	color: #CCC !important;
	background-color: #000 !important;
	background-image: url(img/pmm_greystone_subs.jpg);
	background-repeat: repeat-x;
}
/*Sub Level*/
.p7PMMv03 ul ul a.trig_closed {
	background-image: url(img/pmm_east_medium.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv03 ul ul a.trig_closed_left {
	background-image: url(img/pmm_west_medium.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv03 ul ul a.trig_open, .p7PMMv03 ul ul a.trig_open_left {
	color: #CCC !important;
	background-color: #000 !important;
	background-image: none;
}

/*The Current Marker (You are here) links*/
.p7PMMv03 .current_mark {
	font-weight: bold;
	color: #84251a !important;
	background-image: url(../images/pendiff/navbutton-2.jpg);
	background-repeat: no-repeat;
}
.p7PMMv03 ul ul .current_mark {
	color: #918e8f !important;
}
.p7PMMv03 .current_mark:hover {
	font-weight: bold;
	color: #918e8f !important;
}
/* hide container until all is ready */
.DiffSlider {
	display: none;
}

.contentContainer {
	padding-left: 0px;
	float: left;
	width:0px;
	height: 543px;
	overflow:hidden;
}

/*EXTRAS*/
.contentWrapper h3{
/*	border-bottom: 1px solid silver;*/
	background-color: #dfdfdf;	
}

/*Main Container*/
.container3 {
	width:810px;
	top: -485px;
	position: relative;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}

.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}

/*Handle*/
.handle3 {
	float: left;
	width: 41px;
	height: 543px;
}

.handle3 img{
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
}

.handleOver3{
	background: #fff;
}

.handleOver3 img{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

.handleSelected3{
	background: #000000;
}

.handleSelected3 img{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	background-image: url(../images/pendiff/textback.jpg);
	height: 543px;
}

.contentWrapper3 h3 {
	font-family: "Times New Roman", Times, serif;
	color: #790000;
	text-align: left;
}
.contentInnerWrapper3{
	padding: 24px;
	text-align: center;
}

.contentWrapper3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

.contentWrapper3 a:hover {
color:#000
}

.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 543px;	
	overflow:hidden;
}
