body { color: #c6c6c6; background: #000000 url(../images/logos/piob_mhor_a_dha.jpg) no-repeat fixed center bottom; 
	font-family: papyrus; text-align: justify; font-size: 16pt; margin: 0; padding: 0; }
p { }
td { }
a:link { color: #f7d583; text-decoration: none; }
a:visited { color: #f7d583; text-decoration: none;}
a:hover { color: #a6810e; text-decoration: none;}
a:active { color: #f7d583; text-decoration: none;} 

h1 { clear:both; font-size: 50pt; text-align: center; margin-top: 0.4em; margin-bottom: -0.4em; padding-top: 0; }
h2 { color: #a6810e; font-size: 19pt; font-weight: lighter; text-align: center; font-style: italic; }
h3 { clear:both; color: #f7d583; font-size: 20pt; font-weight: bold; text-align: left; margin-top: 0.5em;}
h4 { clear:both; margin: 1.4em 2em 1em 2em; color: #f7d583; font-size: 20pt; font-weight: bold; text-align: center; }

ul {list-style-type: none;}

#container { background-color: transparent; width: 850px; padding: 0; margin: 0 auto;  }
#container embed {border: solid 6px #f7d583;}
	
#banner { background-image: url(../images/logos/header_bar.png); background-repeat: no-repeat; width: 850px; height: 137px; 
	border-bottom: 8px solid #0000ff; vertical-align: middle; }

#binder { font-size: 19pt; clear: both; margin: 0; padding: 0; }

#left_menu { float: left; width: 250px; clear: left; margin: 0; padding: 0; }
#left_menu ul { margin: 2.5em 0 0; padding: 0; }
#left_menu ul li { margin: 0; text-align: left; font-weight: bold; color: #f7d583; padding: 0 0 1.2em; width:220px; }

#photo_space { width: 350px; float:left; margin: 0; }
#photo_space img { margin-top: 60px; margin-left: 25px; border: solid 8px #bc9f67; }
#photo_space p { margin-top: 1em; text-align: center; }

#right_menu { float: right; width: 250px; margin: 0; padding: 0; }
#right_menu ul { text-align: right; float: right; margin: 2.5em 0 0; padding: 0; }
#right_menu ul li { margin: 0; text-align: right; font-weight: bold; color: #f7d583; width:220px; padding: 0 0 1.1em; }

#intro { clear: both; width: 850px; margin: 0 0 1em; padding-top: 0; border-top: 8px solid #0000ff; 
	border-bottom: 8px solid #0000ff; }
#intro p { font-size: 14pt; color: #ffffff; margin: 1.5em 10px 1em 10px;}

#envelope { height: 320px; padding-top: 2em; padding-bottom: 3em; }
#left-object { clear:left; float: left; margin: 0 3em 0 1.5em; list-style-type: none; text-align: left; }
#right-object { float: left; margin: 20px 0 0; }

#contacts { width: 850px; margin: 0; padding-bottom: 30px; border-bottom: 8px solid blue;}
#contacts p { margin: 30px 2.5em 30px; font-size: 14pt;}
#contacts ul { text-align: left; margin-left: 2.5em; margin-right: 2.5em;}
#contacts ul li {}

#lower-banner {clear: both; margin-top: 0; margin-left: 110px;}
#cantrip { float: left; margin-top: 0; margin-right: 10px; width: 190px;}
#cantrip img { float:left; margin: 0 0 0.5em; border: solid 3px transparent;}
#cantrip p { float:left; margin: 0 10px 0 10px; padding-top:5px;}
#prydein { float: left; margin-top: 0; margin-right: 10px; width: 160px;}
#prydein img { float:left; margin: 0 0 0.5em; border: solid 3px transparent;}
#prydein p { float:left; margin: 0 10px 0 10px; padding-top:5px;}
#parcel { float: left; margin-top: 0; margin-right: 10px; width: 260px;}
#parcel img { float:left; margin: 0 0 0.5em; border: solid 3px transparent;}
#parcel p { float:left; margin: 0 10px 0 10px; padding-top:5px;}

#bottom {margin:0;}
#bottom p {font-size: 12pt; margin: 2em 2.5em 3em; }

.firstletter {font-size: 19pt;}
.alert {color: red; font-size: 9pt; }
.warning {margin: 3em 1em 1em 1em; border: solid 3px red; color: red; }