/* ##### Common Styles ##### */

body {
	color : black;
	background-color : white;
	background-image : url(/graphics/brenback.jpg);
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

acronym, .titleTip {
    border-bottom: 1px dotted rgb(153,153,153);
    cursor: help;
    margin: 0;
    padding: 0 0 0.4px 0;
}

dl {
    margin: 1em 1ex 1.5em 3ex;
    padding: 0;
}

dt {
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
}

dd {
    margin: 0 0 2em 2em;
    padding: 0;
}

img {
    border: 0;
}

.datenote {
    font-size: 80%;
    color: #008000;
}

.doNotDisplay {
    display: none;
}

.error {
    color: red;
}

.large  {
	font-size : 125%;
}

.note {
    font-style: italic;
}

.red  {
	color : #DC143C;
}

.reversed {
    color: #ffffff;
    background:  #000083;
}

.shaded  {
	color : #FFFFFF;
	background-color : #000083;
	font-weight : bold;
}

.shadedlt  {
	background-color : #ADD8E6;
}

.small {
    font-size: 80%;
}

.smallCaps {
    font-size: 110%;
    font-variant: small-caps;
}

.success {
    color:#390;
}

.tiny  {
	font-size : 65%;
}

.totop {
    font-size: 80%;
    text-align: right;
    text-decoration: none;
}


/* ##### Header ##### */

#header {
    padding: 1em 0 2mm 3mm;
}

#header h1 {
    font-size: 225%;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 0;
    margin-top: 10px;
}

#header img {
    display: inline;
}

#header a {
    color: #000083; /* This is really for those browsing with images off */
    background-color: transparent;
    text-decoration: none;
}

#subHeader {
    color: white;
    background: #000083;
    font-size: 80%;
    margin: 0;
    padding: 1ex 1ex 1ex 3mm;
}

#subHeader a {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0.75ex 0 0.5ex;
}

#subHeader a:hover {
    text-decoration: underline;
    color : #FFFF99;
}

#subHeader .highlight {
    color: #ADD8E6;
    background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
    width: 225px;
    float: left;
    clear: left;
}

#side-bar div {
    border-bottom: 1px dotted #000083;
}

.sideBarTitle {
    color: #000083;
    font-weight: bold;
    font-size: 100%;
    margin: 2em 0.5em 0.5em 3mm;
    padding: 1em 0 0 0;
}

.sideBarText {
    font-weight: normal;
    font-size: 80%;
    line-height: 1.3em;
    margin: 0 0.5em 1em 3mm;
    padding: 0;
}

#side-bar a {
    color: #000083;
    background-color: transparent;
    text-decoration: none;
    display: inline;
}

#side-bar a:visited {
    color:  #A9A9A9;
    background-color: transparent;
}

#side-bar a:hover {
    background : #FFFF99;
    text-decoration: underline;
}

#side-bar p.logo {
    text-align: center;
    font-size: 75%;
    margin: 25px 0 1em 3mm;
    padding: 5px 0 0 0;
}

#side-bar img {
    display: block;
    border: 0;
    margin-bottom: 5px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar img.logo {
    margin-top: 0;
    display: inline;
}


/* ##### Main Copy ##### */

#main-copy {
    text-align: left;
    line-height: 1.5em;
    margin: 0 0 0 225px;
    padding: 0.5mm 5% 5mm 5%;
}

#main-copy p {
    margin: 1em 1ex 1.5em 0;
    padding: 0;
}

#main-copy p.indent {
    margin: 1em 8ex 1.5em 10ex;
    padding: 0;
}

#main-copy table {
    margin: 1em 1ex 1.5em 3ex;
}

#main-copy tr td {
    font-size: 100%;
    padding-top: 0.5em;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0.5em
}

#main-copy a:link  {
	color : #000083;
    text-decoration: underline;
}

#main-copy a:visited {
	color : #A9A9A9;
    text-decoration: underline;
}

#main-copy a:hover  {
	color : #000083;
	background-color : #FFFF99;
    text-decoration: none;
}

#main-copy a:active {
    color: #DC143C;
    background-color: transparent;
    text-decoration: underline;
}

#main-copy h1, h2, h3, h4, h5, h6 {
	color : #000083;
    background-color: transparent;
    letter-spacing: -1px;
    line-height: normal;
    font-family: verdana,arial,tahoma,sans-serif;
    margin: 1.2em 0 .3em;
    border-bottom: 1px dotted #000083;
    padding-bottom: .1em
}

#main-copy h1 {
    font-size: 180%;
    font-weight: bold;
}

#main-copy h2 {
    font-size: 145%;
    font-weight: bold;
}

#main-copy h3 {
    font-size: 125%;
    font-weight: bold;
}

#main-copy h4 {
    font-size: 110%;
    font-weight: bold;
}

#main-copy hr.addspace {
    margin-top: 1.5em ;
}

#main-copy img {
    border: 0;
    padding: 0;
}

#main-copy img.imgleft {
    margin: 0.2em 1em 0 0;
    float: left;
}

#main-copy img.imgright {
    margin: 0.2em 0 0 1em;
    float: right;
}

#main-copy ul {
    list-style-type: square;
    list-style-image: url("/graphics/bluepointer.gif");
}

#main-copy li {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
}

#main-copy li.nospace {
    margin: 0em 1ex 0em 3ex;
    padding: 0;
}

#main-copy li.redptr {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
    list-style-image: url("/graphics/redpointer.gif");
}

#main-copy .lyricnote {
    color: #000083;
    margin: 2em 15% 2em 0;
    padding: 1em;
    border: 1px dotted #000083;
}

#main-copy .topOfPage {
    color: white;
    background-color: transparent;
    font-size: 91%;
    font-weight: bold;
    text-decoration: none;
    margin: 2.5ex 1ex 0 0;  /* For MSIE */
    padding: 0;
    float: right;
}

#main-copy > .topOfPage {
    margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}


/* ##### Footer ##### */

#footer {
    color: #696969;
    background-color: transparent;
    font-size: 80%;
    margin: 3em 0 0 0;
    text-align: left;
    padding: 1em 1em 2em 3mm;
    clear: both;
    border-top-color: #000083;
    border-top-style: solid;
    border-top-width: 1px;
}

#footer a:link  {
    color: #696969;
    text-decoration: underline;
}

#footer a:visited {
	color : #696969;
    text-decoration: underline;
}

#footer a:hover  {
	color : #696969;
	background-color : #FFFF99;
    text-decoration: none;
}

#footer a:active {
    color: #DC143C;
    background-color: transparent;
    text-decoration: underline;
}

/* ##### Other customized styles for specific IDs ##### */

#homepage p {
    margin: 3em auto auto 3em;
    padding: 0 0 0 0;
    line-height: 1.5em;
    text-align: center;
}

#news dl {
    margin: 3em 0 0 3em;
    padding: 0 0 0 0;
    line-height: 1.5em
}

#news dt {
    margin: 2em 0 0.2em 0;
    padding: 0 0 .2em 0;
    color: #000083;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px dotted #000083
}

#news dd {
    margin: 0;
    padding: 0;
}


#recs dl {
    margin: 3em 0 0 3em;
    padding: 0 0 0 0;
    line-height: 1.5em
}

#recs dd {
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 100%;
}

#recs dt {
    margin: 2em 0 0 0;
    padding: .75em 0 0 0;
    color: #000083;
    font-size: 125%;
    font-weight: bold;
    border-top: 1px dotted #000083
}

#recs .spacer {
    clear: both;
    padding-bottom: 1em;
}


#sked dl {
    margin: 0 0 0 3em;
    padding: 0 0 0 0;
    line-height: 1.3em
}


#sked dt {
    margin: 1.5em 0 0.2em 0;
    padding: 0;
    color: #000083;
    font-size: 115%;
    font-weight: bold

}

#sked dd {
    margin: 0;
    padding: 0;
}

#sked h2 {
    border-bottom: 1px dotted #000083;
    margin-top: 2em;
    margin-bottom: 1em;
    padding-bottom: .1em;
    font-weight: bold;
    font-size: 140%;
}

#tracklist p {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}