body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

/*styles the look of text*/
h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/RPO_HouseArtwithLogo.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

#dates h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/TicketsHDR.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

#tick h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/TicketsHDR.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

#about h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/AboutHDR.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

#cal h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/OrganHDR.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

#event h1 a {
margin: 2px 0 0;
display: block;
background-image: url(../IMAGES/AboutHDR.jpg);
width: 231px; height: 97px;
text-indent: -20000em;
height: 175px;
width: 800px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #003333;
}

h2, h3 {
text-align: center;
}

#titlePage {
text-align: center;
}

.typ  {
list-style: none;
font-weight: bold;
font-style: italic;
}

.date {
font-style: italic;
}

.info {
list-style: none;
font-size: 12px;
margin: 0;
padding: 0;
}

span {
font-weight: bold;
}

#week {
font-weight: bold;
font-style: italic;
text-align: center;
color: #bc5834;
}

.event {
font-size: 12px;
color: #575c56;
}

.public {
font-weight: bold;
font-style: italic;
font-size: 11px;
color: #336633;
}

.anch {
font-weight: bold;
font-style: italic;
font-size: 12px;
}

#topic {
text-align: center;
}

.cap {
font-size: 9px;
}

.cap span {
font-style: italic;
font-weight: normal;
font-size: 14px;
}

pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*end of text styling*/

/*styles the Navigation of Pages*/

.nav  {
list-style: none;
margin: 0;
padding: 0;
}

.nav li {
margin-top: 3px;
padding: 5px;
}

.nav li a {
text-decoration: none;
color: #90705d;
padding: 10px;
}

.nav li a:hover {
color: #336633;
}

.current {
color: #90705d;
background: url(../IMAGES/arrow.jpg) no-repeat left center;
padding: 0 0 0 10px;
}

/*end of Navigation styling*/

/*Positions content on Page*/

#main {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}

.content {
color: #90705d;
float: right;
width: 600px;
position: relative;
top: -250px;
margin: 0;
padding: 0;
}

#footer {
text-align: center;
}

/*end of Positioning style*/