/*This file defines the styles used in the creation of the site. */

body { font: 18px Georgia, Arial, sans-serif; margin: 2em; padding: 0px; background-color: white; background-repeat: no-repeat; background-attachment: auto; background-position: center;} 

/* Header styles */
h1 { font-size: 26px; text-transform: uppercase; text-align: left; color: teal; letter-spacing: 3px; background-color: white; margin-top: 0px;  }

h2 { font-size: 24px; text-transform: uppercase; color: teal; background-color: white; }

h3 { font-size: 20px; text-transform: uppercase; text-align: center; color: teal; }

h4 { font-size: 16px; color: DimGray; }

.bannertxt { font-family: Georgia, Arial, sans-serif; position: relative; top: 50px; left: 150px; font-size: 60px; text-transform: uppercase; color: teal; letter-spacing: 7px; }

.pullquote { font: 125% Georgia, Arial, sans-serif; text-align: center; padding: 5px; margin: 15px; color: teal; border: 3px double blue; width: 150px; float: right;}

/* Images provided by Miracle Place and exterior photo taken by Peter Kevin Sage created a jpeg logo in photoshop of the three files for mpbannerlogo.jpg*/
#banner { position: absolute; top: 10px; left: 0px; width: 100%; height: 160px; border-bottom: 5px double blue; background: white url(images/mpbannerlogo.jpg) center no-repeat; z-index: 10;}

#footer { font-size: 16px; text-align: center; color: teal; background-color: white; border-top: 3px double blue; margin-top: 1.5em; padding: 1.5em; } 

a:link { font-size: 18px; color: blue; border-bottom: 1px #660000; text-decoration: none; }

a:visited { font-size: 18px; color: olive; border-bottom: 1px ##800000; text-decoration: none; }

a:hover { font-size: 18px; color: white; background-color: teal; border: 1px solid black; text-decoration: none; }

#content { position: absolute; top: 155px; left: 155px; padding:1.5em; z-index: 20;}

#navbar { width: 100%; length: 100%; position: absolute; top: 172px; left: 5px; width: 155px; border-right: 3px double blue; z-index: 40; }

#navbar a { text-align: center; display: block; padding:10px 0px 3px 3px; margin: 1em; }

#navbar p { margin: 1em; font-size: 18px; color: teal; }

#content p {
	margin: 1em;
	text-align: left;
	text-align:justify;
	text-indent:50px;
}