body { background: url('../images/stucco.jpg') repeat #a39161; margin: 0; padding: 0; height: 100%; }

div#bgjpg { background: url('../images/bgjpg.jpg') no-repeat top left; position: absolute; top:0; left:0; width: 100%; right: 0; height: 100%; z-index: 0; }
div#logo { width: 600px; height: 180px; margin: 10px 0 0 10px; background: url('../images/logo.png') no-repeat; z-index: 2; }
div#spacer { height: 80px; margin: 10px; z-index: 2; }

/* Decorative classes */
div.fancy { border: solid 1px #000; padding: 10px;}
p.fancy { font-family: "Book Antiqua","Time New Roman"; font-style: italic; padding-bottom: 0; font-weight: bold; }
ul.fancy { list-style: url('../images/arrow.png'); }
ul.fancy li { font-family: "Book Antiqua","Time New Roman"; font-style: italic; }
p.larger { font-size: 1.5em; }
/* end decorative classes */

/* Begin menu styles */
#menu { float: left; width: 250px; margin: 40px 10px; z-index: 2; font-family: Helvetica, Arial, sans-serif; font-size: 17px; z-index: 2; }
.menutop { background: url('../images/menu/menuhead.png') no-repeat top left; width: 250px; height: 15px; color: #fff; padding-right: 10px; text-align: right; }
.menuleft { background: url('../images/menu/menuleft.png') repeat-y left; width: 235px; padding-left: 15px; }
.menucontent { background: #6e1a28; }
.menucontent ul { list-style: none; width: 100%; padding: 0; margin: 0; }
.menucontent ul li { }
.menucontent ul li:hover { background: url('../images/menu/gradbg.png') no-repeat top right; }
.menucontent ul li a { color: #fff; width: 100%; text-decoration: none; padding-left: 5px; }
.menucontent ul li a:hover { color: #ff0; }
.menucontent ul li a:visited { }
.menucontent li img { border: 0; vertical-align: middle; }
.menubottom { background: url('../images/menu/menufoot.png') no-repeat bottom left; width: 250px; height: 15px; }

.menucontent li b { font-size: 105%; color: #fff; font-weight: bold; }
div#content { margin: 50px 10px 10px 300px; padding: 0; z-index: 2; }

#piano { margin-top: 10px; width: 250px; height: 250px; background: url('../images/piano.png') no-repeat; z-index: 2; }
#piano:hover { cursor: pointer; }
/* End menu styles */

/* Begin body text styles */
#content a { color: #0CC; text-decoration: underline; }
#content h1 { display: inline-block; padding: 5px; margin: 0 auto 10px auto; text-align: center; color: #ffd700; font-family: "Garamond",Times,serif; font-size: 2.1em; border: solid 1px #000; background-color: #6e1a26;}
p { margin-top: 0; margin-bottom: 0; padding-bottom: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.contentsection { border: solid 1px #000; background: #6e1a28; color: #fff; padding: 1em; }
.contentsection h2 { text-align: center; color: #FFF; font-family: "Garamond",Times,serif; font-size: 2em; }
.contentsection h3 { color: #FFD700; font-family: "Garamond",Times,serif; font-size: 1.3em;}
.contentsection li { margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
/* End Body styles */ 

div#utah { float: right; position: absolute; right: 10px; top: 10px; z-index: 10; width: 310px; height: 310px; background: url('../images/utcallout.png') no-repeat; padding: 120px 15px 15px 15px; z-index: 2; }
#utah h2 { text-align: center; }
#utah p { text-align: center; }
#utah iframe { width: 275px; padding-left: 10px; background: #6e1a28;}
.small { font-size: 12px; }
.ind1 { padding-left: 20px; }
.ind2 { padding-left: 40px; }

#close:hover { cursor: pointer; }


/* Begin miscellaneous/old styles */
.text {	display: block; margin-top: 10px; color: yellow; }
.contentsection label { text-align: center; }
.c { text-align: center; }
.l { text-align: left; }
/* End miscellaneous/old styles */

/* Bio classes */
div.section { width: 30%;	height: 25px; margin: 10px auto; padding: 0px; text-align: center; color: #FFD700; font-family: "Garamond",Times,serif; font-size: 1.3em; font-weight: bold; border: thin solid #000; background: #6e1a28; }
div.person { float: none; padding-bottom: 10px; min-height: 150px; margin: 10px; text-align: left; }
div.personpicture { float: right; width: 106px; height: 146px; border: none; padding: 6px; }
div.personinfo { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }
p.personname { }
p.personname strong { font-weight: bold; color: #fff; }
p.personbio { }
p.personbio strong { color: #fff; font-weight: bold; }
/* End Bio Classes */

/* Calendar classes */
.eventdate { font-weight: bold; color: #0CC; }
.eventpopup { padding: 5px; position: relative; float: left; width: 300px; right: -300px; top: -20px; visibility: hidden; display: none; border: solid 1px #000; background: #6e1a28; color: #fff; }
.eventpopup2 { padding: 5px; position: relative; float: left; width: 400px; right: -250px; top: -150px; visibility: hidden; display: none; border: solid 1px #000; background: #6e1a28; color: #fff; }
/* End calendar classes */