body {
	margin: 0;
	padding: 0;
    background : #372412 url(images/img01.gif) repeat-x;   
	font-size: 13px; /* was 13px */
	color: #FFFFFF;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
   /* text-align: center; */
}

h1, h2, h3 {
	text-transform: lowercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
    font-size: 3em;
}

h4
{
    font-size: small;
    font-weight: bold;
    color: #FFEA6F;
}
p, ul, ol {
    border-style: none;
    line-height: normal;
    text-transform: none;
    font-size: small;
    margin-left: 40px;
    color: #FFFFFF;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFEA6F; /*yellow */
}

a:hover {
	text-decoration: none;
}

img { border-style: none;
    border-color: inherit;
    border-width: medium;
    height: 383px;
    width: 350px;
}

/* Header */

#header {
    width: 830px;
    height: 90px; /*was height: 280px , then 100px*/
    margin:   0 0 0 10;
    background: url(images/pehbanner.jpg) repeat;
    border-style: inset;
    border-color: #CDA84F;
}


#logo h1 {
    float: left;
    padding: 40px 40px 0 50px;
/* was 40 40 0 50 */    letter-spacing: -2px;
    font-size: 36px;  /* was 48 */
}

#logo h2 {
    float: right;
    padding: 68px 40px 0 0;  /* was 68 */
    font-size: 18px;  /* was 24 */
}

#logo a {
	text-decoration: none;
	color: #372412; /* dark brown */
}

#top-photo h2 {
	height: 1.4em;
	font-size: 1em;
}

#top-photo p {
	margin: 0;
	padding: 0 0 10px 0;  /* was 0 0 10px 0 */
}

/* Menu */

#menu {
	width: 830px;
	height: 44px;  /* was 70 px, then 120px */
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
}

#menu a {
    display: block;
    float: left;
    width: 204px;
    height: 30px; /* was 73 px */
    padding-top: 5px; /* was 15 px */
    text-transform: lowercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: -1px;
    font-size: 15px; /* was 24 px */
    color: #FFFFFF;
}

#menu a:hover {
    /*	font-size: medium;  was large */ 
	color: #FFEA6F;
}

#menu a:active  {

/*	font-size: 20px; */
	color: #FFEA6A;
}
#menu a:selected  {

	color: #FFEA6F;  
}

/* Page */

/* Content */
#page {
    width: 800px;
    float: left;
    margin-top: 5px;
    margin: 0 20 20 20;
    padding: 20px 0 20px 20px;
/* was 20 px */    font-size: medium;
}
#content {
    float: left;
    width: 617px;
    margin-top: 80px;
}
#content2 {
    float: left;
    width: 800px;
    margin-top: 60px;
    margin-left: 60px;
}
.post {
    padding: 0 0 0px 0; /* was 20 px */
}

.title {
    margin: 0;
    border-bottom: 0 #4A3903 solid;
}

.byline {
    margin: 0;
    padding-left: 20px;
    font-style: italic;
}

.yellowtext
{    
    font-size: small;
    font-weight: bold;
    color: #FFEA6F;    
}
.contentborder
{    
    border: double #FFea6f;
    padding: 2em;
    background-color:  #4A3903;
    line-height: 2em;
    
}
.contentborder2
{    
    border-top: 1px solid;
    border-left: 3 px solid;
    padding-left: 1em;
    color: #4A3903;
 
    
}
.linktext
{    
    font-size: small;
    font-weight:lighter;
    
    color: Silver;  
}
.imagetitle
{
    padding: 0px 0px 0px 20px;
    border-color: #FFEA6F;
    font-size: small;
    font-weight: bold;
    color: #FFEA6F;
    margin-top: 40px;
    left: 80px;
    border-top-width: thin;
}
.imagetitle2
{
    padding: 0px 0px 0px 20px;
    border-color: #FFEA6F;
    font-size: small;
    font-weight: bold;
    color: #FFEA6F;
    margin-top: 0px;
    left: 80px;
    border-top-width: thin;
}
.pageLeft
{
    font-size: small;
    font-weight: lighter;
    text-align: center;
    width: 367px;
    margin-left: 0px;
    position: absolute;
    top: 197px;
    height: 428px;
    left: 8px;
    margin-top: 1px;
}
.pageLeft2
{
    font-size: small;
    font-weight: lighter;
    text-align: center;
    float:left;
    width: 367px;
    margin-left: 0px;
    top: 197px;
    margin-top: 1px;
  
}
.pageInsideBorder
{
    border: inset #4A3903;
  
}
.pageRight
{
    font-size: small;
    font-weight: lighter;
    text-align: center;
    width: 367px;
    margin-left: 10px;
    position: absolute;
    top: 197px; 
    height: 425px;
    left: 400px;
    margin-top: 1px;
}
.pageRight2
{
    font-size: small;
    font-weight: lighter;
    text-align: center;
    width: 367px;
    float:left; 
    margin-left: 10px;
    top: 197px; 
    margin-top: 1px;
}
.showpic
{
  float: left;
  margin-left: 30px;
    height: 541px;
    margin-right: 157px;
}    
.buttonstyle
{
    float: none;
/*    background-color: #372412; */
    color: #FFFFFF;
    margin-right: 10px;
    float: left;
  
}

.meta {
	border-top: 1px solid #4A3903; /* dark brown */
	text-align: right;
	color: #646464;  /* grey */
}

.meta a {
	padding-left: 15px;  /* was 15 px */
	background: url(images/img06.gif) no-repeat left center;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	/* float: left;
	width: 141px; */
	display: inline;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 13px 0;   /* was 15 px */
}

#sidebar li li {
	padding-left: 30px;
	border-bottom: 1px dotted #4A3903;
	background: url(images/img06.gif) no-repeat 13px 50%;  /* was 15 px */
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0 2px 30px;
	background: url(images/img05.gif) no-repeat left bottom;
	border-bottom: 2px solid #4A3903;  /* brown */
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	padding: 20px 0;
	background: #FFEA6F; /* yellow */
	border-top: 3px solid #E8AD35; /* orange yellow */
	text-align: center;
	font-size: smaller;
	color: #E8AD35;
    height: 0px;
}

#footer a {
	color: #C28C21;  /* brownish yellow */