/*Text align center on the body is the only way to center 
a CSS layout in IE5 PC.*/
<!-- /* $WEFT -- Created by: Jim Bolthouse (jim@addaweb.net) on 8/26/2005 -- */
  @font-face {
    font-family: Trebuchet MS;
    font-style:  normal;
    font-weight: normal;
    src: url(TREBUCH2.eot);
  }
  @font-face {
    font-family: Arial;
    font-style:  normal;
    font-weight: normal;
    src: url(ARIAL0.eot);
  }
  @font-face {
    font-family: Trebuchet MS;
    font-style:  normal;
    font-weight: 700;
    src: url(TREBUCH1.eot);
  }
  @font-face {
    font-family: Trebuchet MS;
    font-style:  oblique;
    font-weight: 700;
    src: url(TREBUCH0.eot);
  }
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background-image: url(img/PPBackdropsmall.jpg);
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: .80em;
}

.bodytext {
    color: #866046;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.bodyheadfirst {
    color: #866046;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 30px;

}
.bodyhead {
    color: #866046;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;	
}

/*We used text align center on the body (for IE5). This centers
the wrapper- and all the text inside. So we set text align to
turn off centering for elements inside the wrapper DIV.
Then to center the layout for modern browsers, we set left
and right margins to "auto". Width 750px sets the overall layout width
and the width of the 2 columns, plus and padding or borders must not
exceed this value.*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 750px;
}

/*The mainbox DIV contains all of the elements that comprise the larger
rounded box: the CEPlett logo, main content area, copyright notice
and the footer. Mainbox is floated right, adjacent to the sidebar.
The sidebar is also floated right, but since the mainbox comes first
in the source code, it is positioned to the right of sidebar.
The background image is positioned at the top left edge and tiles
vertically along the Y-Axis - creating the border effect on the
left edge of the box.*/
#mainbox {
	width: 558px;
	float: right;
	background-image: url(img/PP_leftmidBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}


/*The maincontent DIV is nested inside mainbox and renders below
the masthead. The background image is positioned at the top right
edge and tiles vertically along the Y-Axis - creating the drop
shadow effect on the right edge of the box. Padding is set
6 pixels wider on the right to accomodate for the space taken
up by the right edge drop shadow background.*/
#maincontent {
	padding: 30px 36px 30px 30px;
	background-image: url(img/PP_mid.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-size: .85em;
	line-height: 1.5em;
}

/*Paragraph margins are set.*/
#maincontent p {
	margin: 8px 0 12px 0;
}

/*The menubar DIV is the container for our menu. Left and right margins are
set to 1px so that the menu fits inside the white borders of the sidebar.
Font-size is set to .9em for the entire menu.*/
#menubar {
	margin: 0 1px;
	font-size: .9em;
}

/*Heading Styles*/
h1, h2, h3 {
	margin: 0px;
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	margin: 24px 0 0 0;
	font-size: 1.6em;
	color: #666666;
}
h3 {
	font-size: 1.4em;
}
#sidebar h3 {
	color: #666666;
}

/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #777048;	
	font-size: 12px;
}
a:visited {
	color: #777048;
	font-size: 12px;
}
a:hover, a:active, a:focus {
	color: #777048;
	font-size: 12px;
}
#sidecontent a:link {
	color: #FFFFCC;
	font-size: 12px;
}
#sidecontent a:visited {
	color: #FFFFCC;
	font-size: 12px;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
	font-size: 12px;
}
#footer a:link {
	color: #666666;
	font-size: 12px;
}
#footer a:visited {
	color: #666666;
	font-size: 12px;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #333333;
	font-size: 12px;
}
.Drkbrown-10 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #866046;
	line-height: 12px;
}
.Drkbrown-12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #866046;
	line-height: 13px;
}
.Drkbrown-13 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #866046;
	line-height: 14px;
}
.Drkbrown-14 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #866046;
	line-height: 15px;
}
.Drkbrown-15 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #866046;
	line-height: 15px;
}
.Drkbrown-16 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #866046;
	line-height: 16px;
}
.white-10 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
}
.white-12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 13px;
}
.white-13 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 14px;
}
.white-14 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 15px;
}
.white-15 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 16px;
}
.white-16 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 17px;
}
.drkgray-10 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 12px;
}
.drkgray-12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 13px;
}
.drkgray-13 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 14px;
}
.drkgray-14 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 15px;
}
.drkgray-15 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	line-height: 16px;
}
.drkgray-16 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: 17px;
}
.drkgray-10input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	vertical-align: baseline;
}
.drkgray-11input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	vertical-align: baseline;
}
.drkgray-12input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	vertical-align: baseline;
}