html, body {
width: 100%;
margin: 0;
border: 0;
padding: 0;
font-size: 100%;
font-family: "Trebuchet MS";
}
body {
padding-top: 12px;
color: #333333;
background-color: #D0D4D8;
background-image: url(/_img/pce/bg.gif);
background-repeat: repeat-y;
background-position: center;
}
table {
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
div, p {
margin: 0;
padding: 0;
border: 0;
}
ul, li {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

/* main wrapper - all content */
#mainWrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

/* the menu row - contains menu and menu items - sub menu below */
#mainWrapper #menuWrapper {
float: left;
width: 800px;
color: #ffffff;
background-color: #ffffff;
border-top: 3px solid #003856;
overflow: hidden;
}
#mainWrapper #menuWrapper ul li {
float: left;
width: 100px;
height: 70px;
text-align: center;
font-weight: bold;
background-image: url(/_img/pce/bg_menu.gif);
background-repeat: repeat-x;
background-position: top;
overflow: hidden;
}
#mainWrapper #menuWrapper ul li a {
display: block;
height: 100%;
font-size: 0.8em;
text-decoration: none;
color: #153E7E;
background-color: transparent;
border-left: 1px solid #d0d0d0;
padding: 20px 8px 20px 8px;
overflow: hidden;
}
#mainWrapper #menuWrapper ul li a:hover {
color: #ffffff;
background-color: #2B547E;
border-left: 1px solid #2B547E;
}

/**
	*
	*	Home Page
	*
	*	*	*	*	*	*	*	*	*	*	*	*	*/
	
/* the logo row for the home page - contains grid image(s) and logo */
#mainWrapper #homeLogo {
float: left;
width: 800px;
height: 150px;
color: #003856;
background-color: #2B547E;
background-image: url(/_img/pce/main.jpg);
background-repeat: no-repeat;
background-position: top;
border-top: 3px solid #003856;
overflow: hidden;
}

/* content wrapper for text on home page */
#mainWrapper #homeContent {
float: left;
width: 800px;
color: #ffffff;
background-color: #ffffff;
border-top: 3px solid #CCC186;
overflow: hidden;
}
#mainWrapper #homeContent p {
margin: 14px 10px 14px 10px;
}
#mainWrapper #homeContent div {
height: 30em;
}
#mainWrapper #homeContent div img {
margin-top: 8px;
}

/* home page - welcome message */
#mainWrapper #homeLeft {
float: left;
width: 440px;
color: #333333;
background-color: #ffffff;
border-bottom: 18px solid #CCC186;
overflow: hidden;
}
#mainWrapper #homeLeft img {
margin-left: 10px;
}

/* home page - vision column */
#mainWrapper #homeMiddle {
float: left;
width: 180px;
color: #ffffff;
font-weight: bold;
background-color: #2B557F;
background-image: url(/_img/pce/bg_homeMid.gif);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 18px solid #2B557F;
text-align: right;
overflow: hidden;
}

/* home page - mission column */
#mainWrapper #homeRight {
float: left;
width: 180px;
color: #ffffff;
font-weight: bold;
background-color: #013857;
background-image: url(/_img/pce/bg_homeRight.gif);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 18px solid #013857;
text-align: right;
overflow: hidden;
}

/**
	*
	*	Sub Pages
	*
	*	*	*	*	*	*	*	*	*	*	*	*	*/
#mainWrapper #subContent {
float: left;
width: 800px;
color: #333333;
background-color: #ffffff;
border-bottom: 18px solid #003856;
background-repeat: no-repeat;
background-position: right top;
overflow: hidden;
}
.navText {
display: block;
font-size: 0.85em;
height: 1em;
padding-left: 12px;
margin-top: 6px;
color: #666666;
}
.faqItem {
padding-left: 25px;
}
#mainWrapper #subContent h3 {
color: #003856;
font-weight: bold;
font-size: 110%;
margin: 3px 10px 0px 10px;
}
#mainWrapper #subContent p {
margin: 14px 10px 14px 10px;
}
.thinP {
width: 470px;
}
.bPoint {
text-indent: 25px;
font-weight: bold;
color: #616D7E;
}
#mainWrapper #subContent img {
margin-top: 12px;
margin-left: 10px;
}
.imgLink {
padding: 6px;
margin: 6px;
border: 1px solid #cccccc;
}
.imgLink:hover {
background-color: #e0e0e0;
border: 1px solid #19658D;
}
#mainWrapper #subContent a {
color: #153E7E;
text-decoration: none;
}
#mainWrapper #subContent a:hover {
color: #827B60;
text-decoration: underline;
}
#mainWrapper #subContent form {
margin: 24px;
padding: 12px;
border-top: 3px solid #A4C5D7;
border-left: 3px solid #A4C5D7;
border-right: 3px solid #19658D;
border-bottom: 3px solid #19658D;
}
#mainWrapper #subContent input {
font-family: "Trebuchet MS";
font-size: 0.8em;
padding: 2px;
margin-top: 6px;
border: 3px solid #A4C5D7;
}
#mainWrapper #subContent textarea {
font-family: "Trebuchet MS";
font-size: 0.8em;
padding: 2px;
border: 3px solid #A4C5D7;
}

/* sub pages - left/right style in a sort of mimic home page, ie. about us */
#mainWrapper #subContent #subLeft {
float: left;
width: 598px;
border-right: 2px solid #d0d0d0;
}
.aboutPage {
height: 40em;
}
.partnersPage {
height: 103em;
}
.supportPage {
height: 25em;
}
.contactPage {
height: 46em;
}
.panelSetPhilosophy {
height: 50em;
}
#mainWrapper #subContent #subRight {
z-index: 1000;
float: left;
width: 200px;
background-color: #CCC186;
background-image: url(/_img/pce/quotes.gif);
background-repeat: no-repeat;
background-position: 0px 150px;
overflow: hidden;
}
#mainWrapper #subContent #subRightTop {
clear: both;
float: left;
width: 200px;
height: 150px;
}
div.grads {
background-image: url(/_img/pce/grads.jpg);
background-repeat: no-repeat;
background-position: top;
}
div.grads2 {
background-image: url(/_img/pce/grads2.jpg);
background-repeat: no-repeat;
background-position: top;
}
div.grads3 {
background-image: url(/_img/pce/grads3.jpg);
background-repeat: no-repeat;
background-position: top;
}
div.grads4 {
background-image: url(/_img/pce/grads4.jpg);
background-repeat: no-repeat;
background-position: top;
}
#mainWrapper #subContent #subRightBottom {
clear: both;
float: left;
width: 200px;
height: auto;
color: #544B1A;
font-weight: bold;
text-align: right;
}
#mainWrapper #subContent #subRightBottom p {
margin-top: 30px;
}
#mainWrapper #subContent #subRightBottom a {
font-size: 90%;
font-weight: normal;
}

/* sub page menu styling */
#mainWrapper #subMenuWrapper {
z-index: 1;
float: left;
width: 800px;
color: #ffffff;
background-color: #d0d0d0;
}
#mainWrapper #subMenuWrapper #logoHome {
float: left;
width: 121px;
height: 123px;
background-color: #d0d0d0;
overflow: visible;
}
#mainWrapper #subMenuWrapper #logoHome img {
border: 2px solid #d0d0d0;
}
#mainWrapper #subMenuWrapper #subMenuCell {
float: left;
height: 123px;
width: 679px;
background-color: #d0d0d0;
overflow: hidden;
}
#mainWrapper #subMenuWrapper #titleHome {
float: left;
width: 679px;
background-color: #003856;
border-top: 2px solid #003856;
height: 25px;
margin-top: 8px;
}
#mainWrapper #subMenuWrapper #subMenuItems {
clear: both;
width: 679px;
overflow: hidden;
border-bottom: 2px solid #003856;
}
#mainWrapper #subMenuWrapper #subMenuItems ul li {
float: left;
width: 97px;
height: 78px;
text-align: center;
font-weight: bold;
background-image: url(/_img/pce/bg_menu.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
overflow: hidden;
}
#mainWrapper #subMenuWrapper #subMenuItems ul li a {
display: block;
height: 100%;
font-size: 0.8em;
color: #ffffff;
text-decoration: none;
background-color: #2B547E;
background-image: url(/_img/pce/bg_menuHover.gif);
background-repeat: repeat-x;
background-position: top;
border-left: 1px solid #606E7D;
padding: 30px 8px 20px 8px;
overflow: hidden;
}
#mainWrapper #subMenuWrapper #subMenuItems ul li a:hover {
color: #153E7E;
background-color: transparent;
background-image: none;
border-left: 1px solid #2B547E;
}

/* in page menu - philosophy and leadership */
#mainWrapper #subContent #miniWrap {
clear: both;
width: 800px;
}
#mainWrapper #subContent #miniWrap #inPageMenu {
float: left;
width: 300px;
}
#mainWrapper #subContent #miniWrap #inPageMenu ul li {
clear: both;
margin: 8px;
}
#mainWrapper #subContent #miniWrap #inPageMenu a {
display: block;
padding: 5px;
color: #153E7E;
font-weight: bold;
text-decoration: none;
border: 2px solid #ffffff;
}
#mainWrapper #subContent #miniWrap #inPageMenu a:hover {
color: #827B60;
text-decoration: none;
border: 2px solid #827B60;
}
#mainWrapper #subContent #miniWrap #inPageMenu a:active {
color: #333333;
text-decoration: none;
border: 2px solid #333333;
}

/* sub divs - where the content is for in page menu items */
#mainWrapper #subContent #miniWrap #subDivs {
float: left;
width: 498px;
min-height: 545px;
color: #544B1A;
background-color: #CCC186;
background-image: url(/_img/pce/bg_sub.gif);
background-repeat: repeat-x;
background-position: top;
border-left: 2px solid #d0d0d0;
}
#mainWrapper #subContent #miniWrap #subDivs div {
border-top: 8px solid #003856;
}
#mainWrapper #subContent #miniWrap #subDivs p {
margin: 14px 10px 14px 10px;
}
#mainWrapper #subContent #miniWrap #subDivs h1 {
border-bottom: 1px solid #333333;
font-size: 110%;
margin: 14px 10px 14px 10px;
}
#mainWrapper #subContent #miniWrap #subDivs h2 {
width: 498px;
font-size: 135%;
font-weight: normal;
font-style: italic;
color: #ffffff;
background-color: #91A6BB;
border-bottom: 1px solid #003856;
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
background-image: url(/_img/pce/bg_h2.gif);
background-repeat: repeat-y;
text-align: center;
}
#mainWrapper #subContent #miniWrap #subDivs a {
font-weight: bold;
color: #153E7E;
text-decoration: none;
}
#mainWrapper #subContent #miniWrap #subDivs a:hover {
color: #827B60;
text-decoration: underline;
}
#mainWrapper #subContent #miniWrap #subDivs ul {
margin: 14px 10px 14px 10px;
}
#mainWrapper #subContent #miniWrap #subDivs img {
padding: 6px;
margin: 6px;
background-color: #f0f0f0;
border: 1px solid #333333;
}
#mainWrapper #subContent #miniWrap #subDivs ul li {
list-style-type: square;
list-style-image: none;
list-style-position: inside;
margin-bottom: 12px;
}
#mainWrapper #subContent #miniWrap #subDivs ul li p {
margin: 2px 10px 2px 1em;
}


/* * * * * * * * * * * * * * */

/* the footer - copyright, legal, etc. */
#mainWrapper #footerWrapper {
float: left;
width: 800px;
color: #333333;
background-color: #ffffff;
text-align: center;
overflow: hidden;
}
#mainWrapper #footerWrapper div {
margin: 12px;
font-size: 0.75em;
}
#mainWrapper #footerWrapper a {
text-decoration: none;
color: #666666;
}
#mainWrapper #footerWrapper a:hover {
text-decoration: underline;
}

/* last minute popup add */
div.popUp {
float: left;
width: 498px;
overflow: hidden;
}