html, body {margin: 0px; padding: 0px; color: #660000}
body {background: #470000; font: 12px verdana, sans-serif}

img {border: 0px}
a {color: white; text-decoration: none}
a:hover {text-decoration: underline}

.left {float: left}
.right {float: right}
.more {text-align: right}
.clear {clear: both}

#header {position: absolute; top: 0; left: 0; width: 100%; background: url(../images/top.png) repeat-x; height: 280px; z-index: -25}
#logo {height: 200px; width: 200px; margin: 10px 0 0 20px; padding: 0}
#page {position: absolute; top: 12px; left: 240px; width: 600px; margin-bottom: 12px}
#search {background: top left url(../images/search.gif) no-repeat; padding-left: 25px; float: left}
#nav-top {float: right}
	#nav-top li {display: inline}
h1 {color: #fff; padding: 5px 0; margin: 0; font-weight: normal; letter-spacing: 16px; text-align: center}
h1 a:hover {text-decoration: none}

h2 {font-size: 13px; font-weight: normal; padding: 0 0 2px 22px; border-bottom: 1px solid #660000; background: bottom left url(../images/h2.png) no-repeat}
h2 em {font-size: 22px; font-family: serif}

#nav {width: 600px; text-align: center}
	#nav ul {background: top left url(../images/navbar.png) repeat-x; padding: 10px 0px; border-left: 1px solid #0f0f0f; border-bottom: 1px solid #0f0f0f}
	#nav li {display: inline}
	#nav a, #nav-top a, .more a, #sidebottom a {padding: 4px}
	#nav-top a:hover, #nav a:hover, .more a:hover, .active {background: #FE8080; text-decoration: none}

#left-person {position: absolute; top: 205px; left: 0px; width: 250px; height: 573px; background: url(../images/emily.png) no-repeat}

#main {background: #FEBFBF; margin: 0 10px; width: 560px; padding: 10px}
#main a {color: #110000}

#box {width: 100%; background: #FE8080; margin: 10px; width: 540px; position: relative}
.boxitem {float: left; margin: 0 20px; background: #FE8080}
.boxaudio {width: 280px}
.boxgallery {width: 172px}

#sidebar {position: absolute; top: 100px; left: 600px; width: 226px}
#sidetop {height: 92px; background: url(../images/side-top.png) no-repeat}
	#sidetop h3 {padding: 50px 0 0 20px; margin: 0; font-size: 22px; font-family: serif; font-style: italic}
#sidemiddle {background: url(../images/side-middle.png) repeat-y; margin: 0; padding: 0 45px 0 15px}
	#sidemiddle p {margin: 0; font-size: 11px}
	#sidemiddle h5 {margin: 0}
#sidebottom {height: 92px; padding-right: 45px; margin: 0; background: url(../images/side-bottom.png) no-repeat}
	#sidebottom p {margin: 0; padding-top: 10px; text-align: right; font-size: 10px; font-weight: bold}
	#sidebottom a:hover {background: #FEBFBF; text-decoration: none}

#copyright {margin: 5px 5px 0 5px; text-align: center; font-size: 10px; border-top: 1px solid #660000; vertical-align: middle}
	#copyright a:hover {text-decoration: none}

.photo {border: 1px solid #660000}
ul.audio {list-style: none; padding: 0; margin: 0}
ul.calendar {list-style: none; padding: 0; margin: 0}
ul.calendar li {list-style: none; margin: 0 0 6px 0}
.icon {padding: 0 5px}

#splotch {padding-top: 20px; width: 200px; height: 140px; background: url(../images/splotch.png) no-repeat; text-align: center; color: #fff}
	#splotch strong {font-size: 18px; letter-spacing: 3px; font-weight: normal}
	#splotch a {color: #fff}
	#splotch a:hover {text-decoration: none; font-size: 14px}
#gallery ul {list-style-type:none; display: inline; float: right; padding: 0; margin: 0}
#gallery li {float: left; display: inline; padding: 0; margin: 0}