body {
    margin : 0;
    padding : 0;
    text-align : center; /* for fixing centering in IE 5.5 */
    min-width : 850px;
    font : normal 76%/150% 'Lucida Grande', Verdana, sans-serif; /* 86, 66% */
    background : #000;
}

/* default links */
a:link, a:visited, a:hover, a:active {
    text-decoration : none;
}
a.selected {
    color : #281352;
}                   

img {               
    border : none;
}

/* lists */
ul {                
    list-style : none;
    padding-left : 5px;
    margin-left : 0;
}

ul.normal {     
    list-style : disc;
    padding-left : 2em;
    margin : 0 0 10px 5px;
}                   

/* headers */
h1 {
    margin : 0;
    padding : 0;
    width : 850px;
    height : 196px;
    position : relative;
    /* hide image-replaced text */
    line-height : normal;
    color : #212121;
    font-size : 1px;
}

h1 a {
    background : transparent url(images/header.jpg) no-repeat top;
    position : absolute;
    width : 100%;
    height : 100%;
}
h2 {
    color : #281352;
    font : bold 150% Arial, sans-serif;
    margin-top : 0;
    padding-top : 15px;
}
h4 {
    font-size : 1em;
    font-weight : bold;
}

.dropcap {
    font-weight : bold;
}


/* layout */
/* main wrapper */
#wrapper {
    width : 850px;
    margin : 0 auto;
    padding : 0;
    text-align : left;
    background : #212121;
    border-top : 10px solid #000;
}

#sideContent {
    width : 160px;
    height : 509px;
    margin : 0;
    padding : 0;
    float : left;
    background : #212121 url(images/columbia.jpg) top center no-repeat;
    border-right : 5px solid #212121;
    border-left : 5px solid #212121;
    font-size : 1.2em;
}
#sideContent ul {
    height : 409px;
    margin : 15px 10px 10px 10px;
    padding : 15px 0 0 0;
}
#sideContent li {
    margin : 0;
    padding : 0;
}
#sideContent li a {
    padding : 12px 0 3px 0;
    margin : 0 20px 1px 20px;
    color : #fff;
    border-bottom : none;
    display : block;
}
#sideContent a:hover, #sideContent a:active {
    margin-bottom : 0px;
    border-bottom : 1px solid #fff;
    color : #fff;
}
#sideContent li.selected a {
    margin-bottom : 0px;
    border-bottom : 1px dotted #fff;
    color : #fff;
}
#sideContent li.selected a:hover, #sideContent li.selected a:active {
    margin-bottom : 0px;
    border-bottom : 1px solid #fff;
    color : #fff;
}
#sideContent li#donate a {
    background : #5b832f;
    border : 2px solid #ababab;
    margin-top : 15px;
    padding : 4px;
}
#sideContent li#donate a:hover, #sideContent li#donate a:active {
    border : 2px solid #fff;
}
#sideContent li object {
    padding : 12px 0 0 10px;
}
#sideContent li embed {
}

#footer {
    clear : both;
    width : 850px;
    height : 17px;
    font-size : 1em;
    color : #575963; /* 363842 */
    text-align : center;
    padding-top : .5em;
    padding-bottom : 1em;
}

/* had to add this to manage the padding with a fixed width box, to work for IE */
#contentwrap {
    float : left;
    width : 675px;
    margin : 0;
    padding : 0;
    background : #fff url(images/boys.fade.jpg) top right no-repeat;
    border-bottom : 5px solid #4b9a20;
}

#content {
    padding : 0 160px 0 20px;
    margin : 0;
}

#content h2, #content h3 {
    clear : both;
}

#content img {
    border : 2px solid #4b9a20;
    padding : 4px;
    margin : 0 0 10px 10px;
    float : right;
}

#content img.inline {
    float : none;
}

#content img.boys {
    border : none;
    margin : 0;
    padding : 0;
}

#content img.email {
    float : none;
    margin : 5px 0 0 0;
    padding : 2px;
}

#content div.photocaption {
    float : right;
    width : 150px;
}
#content div.photocaption img {
    margin : 0;
}
#content div.photocaption p {
    text-align : right;
    margin : 0;
    font-size : 85%;
    color : #363842;
}
#content a:link, #homecontent a:link {
    font-weight : bold;
    color : #5b832f; /* green 4b9a20*//* 627e39 purple; 284907; */
    border-bottom : 1px solid #5b832f;
}
#content a:visited, #homecontent a:visited {
    font-weight : bold;
    color : #5b832f;
    border-bottom : 1px solid #5b832f;
}
#content a:hover, #content a:active, #homecontent a:hover, #homecontent a:active {
    color : #281352;
    border-bottom : 1px solid #281352;
}               

p.caption {
    margin-top : 0;
    font-size : 85%;
    color : #363842;
}

/* forms */
fieldset {
    margin : 1em 0;
    padding : 1em; /* TODO when using, check/fix in IE */
    width : 400px;
    border : 1px solid #212121;
}
legend {
    font-weight : bold;
}
label { 
    display : block;
}
input:focus, textarea:focus {
    background : #85b1ff;
}
/* for firefox, css mastery pg 124 */
input[type="text"], textarea {
    border-top : 2px solid #999;
    border-left : 2px solid #999;
    border-bottom : 1px solid #ccc;
    border-right : 1px solid #ccc;
}

/* pages */
/* home page */
#homecontent {
    float : left;
    padding : 0 0 10px 0;
    margin : 0 5px 0 0;
    width : 675px;
    background : #fff;
    border-bottom : 5px solid #4b9a20; /*#313131; */
}
#homecontent h2 {
    color : #281352;
    font : bold 175% Arial, sans-serif;
    text-align : center;
    margin : 0;
    padding-top : 15px;
}
#homecontent h3 {
    text-align : center;
    color : #000;
    margin : 0;
    padding : 0;
}
#homecontent h3.dates {
    color : #5b832f; /* #4173b8; */
    font-size : 130%;
}
#homecontent p {
    padding : 0 20px 0 20px;
}
#homecontent p.top {
    margin : 0;
    padding : 15px 0 0 20px;
}

#homecontent img {
    margin : 7px 15px;
    float : right;
    padding : 2px;
    border : 1px solid #dcdcdc;
}

#team p.last,
#cast p.last {
    margin-bottom : 40px;
}
#team p.lastextra {
    margin-bottom : 90px;
}
#cast p.lastextra {
    margin-bottom : 250px;
}

#cast #content h3 {
    margin-bottom : 0;
    clear : none;
}

#music img {
    border : 2px solid #ccc;
    padding : 0;
    margin : 0 10px 10px 0;
    float : left;
}
#music h2 {
    margin-top : 10px;
}
#music #content h3 {
    margin : 0;
    clear : none;
}
#music li {
    clear : both;
}
#music table {
    border : none;
}
#music table td {
   padding-bottom : 10px; 
}

#player {
   background : #fff; 
   text-align : left;
}
#player p
{
    padding-left : 10px;
}
#player h2 {
    width : 500px;
    padding-left : 0;
    padding-right : 0;
    text-align : center;
}

#press img {
    border : 2px solid #ccc;
    padding : 0;
}
#press a.plain {
    border : none;
}
#press ul#kit li {
    font-weight : bold;
    padding : 20px 0 0 0;
}

#tickets h3.noclear {
    clear : none;
}
#tickets table {
    margin-top : 10px;
}
#tickets table tr td {
    margin : 0;
    padding : 0 10px 0 0;
    border : 0;
}
#tickets table td.time {
    padding : 0;
    text-align : right;
}
#tickets table td.highlight {
    color : #0f4176;
    font-weight : bold;
}
#tickets .purchase li {
    margin-bottom : 15px;
}
#tickets #purchase_tickets {
    background : #eee;
    padding : 5px 10px;
    margin : 15px 0;
}
#tickets .pcpa_address {
    margin-left : 10px;
}