/*  RLOC Basic Stylesheet
    Author: Geoffrey Elliott
    Updated: July, 2004
*/

body {
    background-image: url(/images/curtain_background.jpg);
    background-color: #DAD8C3;
    background-position: top center;
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    font-family: Helvetica, Arial, sans-serif;
}

hr {
    clear: both;
    border: none;
    height: 1px;
    background-color: #A89972;
    color: #A89972;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
}

h1 {
    margin: 0px;
    padding: 0px;
}

h2 {
    margin: 0px;
    padding-top: .4em;
}

abbr, acronym { /* I would scan for title attributes, but IE won't get it */
  border-bottom: dotted 1px;
}

.clear {
    clear: both;
}

a:link {
    color: #002F65;
}

a:visited {
    color: #613A86;
}

a:hover {
    color: #2464BD;
}

a img {
    border: none;
}

#rlocLogo {
    text-align: center;
    margin-top: 10px;
}

#canvas {
    background-color: #F4F1DE;
    text-align: center;
}

#content {
    width: 760px;
    margin: auto;
    margin-top: 0px;
}

#navigation {
    float: left;
    text-align: left;
    width: 150px;
}

#navigation ul {
    padding: 0;
    margin: 0;
    padding-left: 10px;
    padding-bottom: .5em;
    border-bottom: 1px solid #A89972;
}

#navigation li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #F4F1DE; /* To fix IE's spacing */
}

#navigation li a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
    color: #002F65;
    padding: 3px 10px;
    margin: 0px;
    margin-right: 5px;
}

#navigation li a/* Hide from IE5.0 */ {
    display: block;
}

html>body #navigation li a {
    margin-bottom: 2px;
}

#navigation li a:hover {
    text-decoration: underline;
    color: #2464BD;
}

#pageStyle, #webStuff {
    padding: .5em 0px .5em 10px;
    border-bottom: 1px solid #A89972;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 70%;
    line-height: 160%;
}

#pageStyle {
    padding-top: .5em;
    padding-bottom: .5em;
}

#pageStyle a, #webStuff a {
    text-decoration: none;
}

#pageStyle img {
    vertical-align: middle;
}

#printLink {
    padding-bottom: .5em;
}

#textLarger {
    padding: 0px 5px;
}

#utilities {
    float: right;
    text-align: left;
    padding-right: 10px;
    width: 150px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 140px;
}

html>body #utilities { /* Be nice to Opera.  Also fixes a parse bug in IE5.0 */
    width: 140px;
}

#utilities #search {
    padding-bottom: .5em;
    border-bottom: 1px solid #A89972;
}

#utilities form {
    margin-bottom: .3em;
    margin-left: 5px;
}

#utilities label {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 70%;
    color: #A0987D;
}

#searchInput {
    border: 1px solid #A0987D;
    background-color: #E4E2D1;
    color: #A0987D;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 75%;
    width: 90px;
}

#searchInput:focus {
    background-color: #FAF9EF;
}

#searchSubmit {
    border: 1px solid #A0987D;
    background-color: #FAF9EF;
    color: #A0987D;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 75%;
    padding-left: 2px;
    padding-right: 2px;
}

#advSearch {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 70%;
    margin-left: 5px;
}

#main {
    border-left: 1px solid #A89972;
    border-right: 1px solid #A89972;
    background-color: #FDFCF2;
    text-align: left;
    padding: 0px 14px 20px;
    margin: auto;
    width: 450px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 420px;
}

html>body #main { /* Be nice to Opera.  Also fixes a parse bug in IE5.0 */
    width: 420px;
}

#currentProduction h2, #recentProductions h2, #fundraiser h2 {
    padding: 3px;
    margin: 0px;
    margin-bottom: .5em;
    background-color: #C0B695;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    line-height: 100%;
    letter-spacing: 3px;
}

#poster {
    border: 1px solid black;
    width: 180px;
    float: right;
    margin-bottom: 1em;
    margin-left: .5em;
}

#currentProduction h3, #fundraiser h3 {
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 150%;
    font-style: italic;
    margin-bottom: .5em;
}

#currentProduction .dates, #currentProduction .location {
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 90%;
    line-height: 150%;
}

#main p, #main td, #main th, #main li {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 160%;
}

#main p, #main td, #main th, #main ol, #main ul {
  font-size: 70%;
}

#main p, #main table {
    margin-left: .5em;
    margin-right: .5em;
}

table {
    border-left: 1px solid black;
    border-top: 1px solid black;
}

td, th {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 3px 4px;
    vertical-align: top;
}

th {
    background-color: #C0B695;
    color: white;
    text-align: center;
}


#footer {
    border-top: 1px solid black;
    color: #B3AB9C;
    text-align: center;
    clear: both;
    padding: .5em 0em;
}

#footer {
    text-align: center;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 70%;
    letter-spacing: 2px;
    line-height: 170%;
}

#footer #rloc {
    text-transform: uppercase;
}

#footer a:link, #footer a:visited {
    /*text-decoration: none;*/
    color: #B3AB9C;
}

#footer a:hover {
    color: #002F65;
}

#footer address {
    font-style: normal;
}