﻿/* Reduce Margin and Padding */

* {
 margin-top: 0 !important;
 padding-top: 0;
 }

/* Set Default Background and Default Text Styles */

body {
 background: rgb(053,067,105);
 font-family: Arial, sans-serif;
 color: rgb(64,64,64);
 font-size: x-small;
 font-weight: 500;
 line-height: 150%;
 text-align: left;
 }

/* Set Default Styles for Links and Hovering */

a {
 display: inline;
 color: rgb(64,64,64);
 text-decoration: none;
 }

a:hover {
 background-color: rgb(175,186,215);
 }

/* Set Default Structural Elements */

#wrapper { /* Enclose Everything on the Page */
 width: 820px;
 background: rgb(254,240,205);
 position: relative;
 left: 50%;
 margin-left: -400px;
 }

/* Set Styles for the Opening Page */

#opening img {
 background: rgb(053,067,105);
 padding-top: 72px;
 margin: 0 0 0 0;
 border: none;
 }

#opening p {
  text-align: center;
}

#opening a {
 display: inline;
 text-decoration: none;
 }

#opening a:hover { /* Defeat the Default Hovering Style for Links */
 background-color: rgb(053,067,105);
 }

/* Set Styles for the Header One Division */

#headerone {
 width: 820px;
 background: rgb(053,067,105);
 color: rgb(254,240,205);
 height: 48px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-transform: uppercase;
 font-size: xx-small;
 font-weight: 600;
 letter-spacing: 1.5px;
 }

#headerone p {
 padding-top: 18px;
 text-align: center;
 letter-spacing: 1.5px;
 text-transform: uppercase;
 }

/* Set Styles for the Header Two Division */

#headertwo {
 width: 820px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-transform: uppercase;
 font-size: x-small;
 letter-spacing: 1.5px;
 }

#headertwo p {
 padding-top: 24px;
 text-align: center;
 }

 /* Set Styles for the Sidebar (Navigation) Division */

#sidebar {
 width: 200px;
 padding-top: 1%;
 padding-right: 0.0%;
 padding-bottom: 1%;
 padding-left: 1%;
 float: left;
 padding-right: 12px;
 border-right: 1px;
 border-right-color: rgb(175,186,215);
 border-right-style: dashed;
 font-size: xx-small; /* Text Is Smaller In the the Sidebar Division */
 }

#sidebar ul {
 list-style-type: none;
 padding-left: 18px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 9px;
 }

#sidebar li li{
 list-style-type: circle;
 display: block;
 letter-spacing: 1px;
 line-height: 15px;
 margin-left: 0.5em;
 }

#sidebar .sidebarimage {
 float: left;
 position: relative;
 left: 0px;
 border: none;
 border-style: none;
 border-color: none;
 padding-top: 9px;
 padding-bottom: 9px;
 }

#sidebar p {
 padding-left: 9px;
 padding-right: 9px;
 margin-bottom: 0px;
 }

#sidebar a {
 display: inline;
 color: rgb(64,64,64);
 text-decoration: none;
 padding: 2px 2px 2px 0;
 }

#sidebar a:hover {
 background-color: rgb(175,186,215);
 }

/* Set Styles For the Footer Division */

#footer {
 clear: both;
 height: 36px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 font-size: xx-small;
 }


#footer p {
 text-transform: uppercase;
 font-size: x-small;
 letter-spacing: 1.5px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 color: rgb(064,064,064);
 text-align: center;
 }

#footer a {
 color: rgb(064,064,064);
 text-decoration: none;
 }

#footer a:hover {
 display: inline;
 color: rgb(64,64,64);
 text-decoration: none;
 padding: 2px 2px 2px 0;
 }

/* Set General Styles */

a {
 color: rgb(064,064,064);
 }

a: hover {
 background-color: rgb(175,186,215);
 }

em {
 font-style: oblique;
 }

#pullquote {
 padding-bottom: 12px;
}

#pullquote strong.quoteleft {
 font-family: "Times New Roman", Times, serif;
 font-size: 150%;
 font-weight: bold;
 color: rgb(064,064,064);
 }

#pullquote strong.quoteright {
 font-family: "Times New Roman", Times, serif;
 font-size: 150%;
 font-weight: bold;
 color: rgb(064,064,064);
 }

/* Set Specific Styles for the Content Division */

#content {
 width: 540px;
 padding-top: 1%;
 padding-right: 1%;
 padding-bottom: 1%;
 padding-left: 0.0%;
 float: right;
 padding-top: 3px;
 padding-right: 3%;
 padding-bottom: 3%;
 padding-left: 3%;
 }

#content p {
 padding-right: 9px;
 margin-bottom: 9px;
 }

#content h1 {
 color: rgb(64,64,64);
 font-size: small;
 font-weight: 400;
 line-height: 150%;
 text-align: left;
 text-transform: uppercase;
 padding-top: 12px;
 margin-bottom: 9px;
 }

#content h2 {
 color: rgb(64,64,64);
 font-size: small;
 font-weight: 400;
 line-height: 150%;
 text-align: left;
 text-transform: none;
 padding-top: 0px;
 margin-bottom: 9px;
 }

#content ul {
 padding-left: 24px;
 padding-right: 12px;
 margin-left: 0px;
 margin-bottom: 9px;
 }

#content li {
 margin-left: 0px;
 padding: 0;
 }

#content .imgleft {
 float: left;
 margin-right: 12px;
 margin-bottom: 12px;
 margin-left: 0px;
 margin-top: 12px;
 padding-top: 12px;
 border: 1px;
 border-style: solid;
 border-color: rgb(254,240,205);
 }

#content .imgright {
 float: right;
 margin-right: 12px;
 margin-bottom: 12px;
 margin-left: 12px;
 }

#content .photoright {
 float: right;
 position: relative;
 left: 18px;
 margin-right: 36px;
 margin-bottom: 9px;
 margin-left: 0px;
 border: 1px;
 border-style: solid;
 border-color: rgb(254,240,205);
 }
 
 /* Set Styles for the Gallery */
 
 #gallery {
 text-align: center;
 padding-top: 18px;
 background: rgb(053,067,105);
 color: rgb(254,240,205);
 height: 48px;
 text-transform: uppercase;
 font-size: small;
 font-weight: 600;
 letter-spacing: 1.5px;
}

#gallery .poem {
 padding-top: 0px;
 letter-spacing: 1.5px;
 text-transform: none;
 margin-bottom: 9px;
 }
 
#gallery img {
 border-style: solid;
 border-color: rgb(254,240,205);                                                    v
 }

#gallery a {
 display: inline;
 text-decoration: none;
 color: rgb(254,240,205);
 }

#gallery a:hover { /* Defeat the Default Hovering Style for Links */
 background-color: rgb(053,067,105);
 }


