@media screen {

    html {
        background : #fff;
        color : #000;
/*        font-family : "Microsoft Sans Serif", arial, helvetica, sans-serif;*/
        font-family: Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS", sans-serif;

        font-size : 77%;
    }

    html, body, div.webpage {
        margin : 0;
        padding : 0;
        width : 100%;
    }

    img {
        border : none;
    }

    h1 {
        font-size : 2em;
        font-weight : bold;
        margin-top : 10px;
        margin-bottom : 10px;
        color : #4d3d77;
    }

    h2 {
        font-size : 1.7em;
        margin : 0 0 0.75em;
        font-weight : bold;
        color : #5d5d87;
    }

    h3 {
        font-size : 1.4em;
        margin : 1em 0 0.2em;
        font-weight : normal;
        color : #5d5d87;
    }

    h3.title {
        font-weight : bold;
    }

    h4 {
        font-size : 1.2em;
        margin : 1.2em 0;
        font-weight : bold;
        color : #5d5d87;
    }

    h5 {
        font-size : 1em;
        margin : 1.2em 0;
        font-weight : bold;
        color : #5d5d87;
    }

    h6 {
        font-size : 0.8em;
        margin : 1.2em 0;
        font-weight : bold;
        color : #5d5d87;
    }

    strong {
        font-weight : bold;
    }

    em {
        font-style : italic;
    }

    pre , code {
        font-family : monospace;
        font-size : 1em;
    }

    p {
        font-size : 1em;
        line-height : 1.5em;
        margin : 1.2em 0 0 0;
    }

    hr {
        display : block;
        clear : both;
        visibility : hidden;
    }

    table {
        border-collapse : collapse;
        text-align : left;
    }

    table caption {
        font-size : inherit;
        font-weight : inherit;
        font-style : inherit;
        font-variant : inherit;
    }

    thead {
        line-height : 1em;
    }

    td , th {
        vertical-align : top;
        margin : 5px 2px 0 5px;
        padding : 0 3px 0 5px;
/*        font-size: 77%;  */
    }

    th {
        padding : 5px 3px 3px 5px;
    }

    table p {
        margin-bottom : 2px;
        margin-top : 3px;
    }

    ol {
	text-align: left;
    }

    ul {
	text-align: left;
        margin : 5px 0 10px;
        padding-left : 0;
    }

    ul[compact] li p {
	line-height: 1.2em;	
    }

    li {
        padding : 0;
        margin-left : 20px;
    }

    label {
        cursor : pointer;
    }

    .nodisplay {
        display : none;
    }

    .hide {
        visibility : hidden;
    }

    p.title {
        font-weight : bold;
    }

    div.spacer {
        clear : both;
    }

    div.blockquotes {
        margin-left : 10px;
    }

    div.blockquote {
        margin : 5px 0 15px 20px;
    }


    div.subtitle {
        margin-top : 0;
        font-weight : bold;
        color : #5d5d87;
    }

    .inlinemediaobject img {
        float : left;
        margin-right : 10px;
        margin-top : 3px;
    }

    span.subtitle {
        display : block;
        font-size : 0.75em;
    }

    span.pagetitle {
        display : block;
        visibility : hidden;
        margin-bottom : 20px;
    }

    span.subpagetitle {
        display : block;
        margin-top : 30px;
        margin-bottom : 20px;
    }

    div.blocks {
        width : 90%;
        margin-bottom : 1px;
        position : relative;
    }

    div.block1 {
        float : left;
        width : 48%;
        margin-top : 1px;
        margin-right : 0;
        padding-top : 1px;
        padding-bottom : 10px;
    }

    div.block2 {
        float : right;
        width : 48%;
        margin-top : 1px;
        margin-left : 0;
        padding-top : 1px;
        padding-bottom : 10px;
    }

    .block1 h4 , .block2 h4 {
        margin-top : 0;
    }

    form#searchform , form#mailform , form#maillistform {
        width : 70%;
        margin : 0 20px 10px;
        padding : 0 20px;
        background-color : #ddefff;
        border : 3px double #000;
    }

    form#searchform label {
        float : left;
        text-align : right;
        width : 9em;
        margin-right : 10px;
    }

    p.searchtarget input {
        width : 300px;
    }

    p.formbtn input {
        margin-right : 10px;
    }

    p.submittername label , p.email label , p.location label {
        float : left;
        text-align : right;
        width : 4em;
        margin-right : 10px;
    }

    div.mainlogo {
        width : 200px;
        height : 75px;
    }

    div.masthead {
        position : absolute;
        top : 0;
        left : 200px;
        height : 50px;
        width : 400px;
        background : #fff url(../images/masthead.jpg) no-repeat 0 0;
    }

    .masthead h2 {
        visibility : hidden;
        font : small-caps bold 1.5em/0.9em Verdana, sans-serif;
        padding : 25px 0 0;
        color : #465f8c;
        letter-spacing : 0.25em;
    }

    div.navbar {
        position: absolute;
        top: 50px;
        left: 200px;
        right: 0;

        height : 25px;
        padding-top: 2px;
        font-size : 110%;
        font-weight : bold;
        font-variant : normal;
        background : #8383a8;
    }

    * html div.navbar {
        position: relative;
    }

    div.navbar a {
        padding: 0 10px 0 10px; 
        border-right : 1px solid #949494; 
        color : #fff;
        background : #8383a8;
        text-decoration : none;        
    }

    div.navbar a:hover {
        background : #ccc;
        color : #5d5d87;
    }
    div.navbar em {
        display : none !important;
    }


    /* navtoc generic */

    div.navtoc {
        position : absolute; 
        top : 0;
        left: 0;
        padding: 0;
        margin: 0;
        width: 200px;
    }


    div.tocentries {
        position: relative;
        top: 0;
        left: 0;
        padding : 5px 5px 5px 3px; 
        color : #363959;
        background-color : #f2f9ff;
        border-top : medium none inherit;
        border-right : 5px solid #e6e6e6;
        border-bottom : 1px solid #e6e6e6;
        border-left : 10px solid #e6e6e6;
        line-height: 1.2em;
        font-size : 90%;
        font-weight : bold;
    }
    div.navtoc a {
        text-decoration : none;
    }

/* apparently obsolete
    div.navtoc b {
        display : none !important;
    }
*/
    span.toplevel  {
        display: block;
        font-size: 120%; 
        font-weight: bold;
        padding: 0;
        margin: 5px 0 0 0;
/*        line-height: 1.4em; */
    }

    span.shrink1,span.shrink2,span.shrink3 {
        display : block;
    }

    span.shrink1 {
        margin: 1em 0 0 15px; 

    }

    span.shrink2 {
        margin: 1em 0 0 30px; 
/*        margin-left: 30px;*/

    }

    span.shrink3 {
        margin: 1em 0 0 30px; 
/*        margin-left: 45px;*/

    }

    span.descendant,span.curpage,span.ancestor,span.otherpage {
        margin-top: 1em; 
        display : block;
        font-size: 105%;
/*        line-height: 1.5em; */
        font-weight : normal;
    }

    span.curpage {
	background: #e8beb7;
    }

    span.curpage img {
	display: inline;
	vertical-align: middle;
    }

/* This rule breaks the TOC in xhtml: hides everything in tocentries 
    span.toplevel>a { 
	display: none; 
    } 
*/

    br { 
	display: none; 
    } 

    span.shrink2>img { 
	display: none; 
    } 

    .tocentries b {
        display : none !important;
    }

    span.toplevel a {
        color : #000000;
    }

    span.toplevel a:link {
        color : #0000ff; 
    }

    span.toplevel a:visited {
        color : #ff0000;
    }

    .navtoc a:hover {
        background : #ccc;
        color : #5d5d87;
    }

    /* rightbar */
    div.rightbar {
        position : absolute;
        top : 60px;
        right : 10px;
        background-color : #fff;
        border : 1px solid #bcbcbc;
    }

    div.rightbar h2 {
        padding: 0 3px 0 3px;
        margin: 0;
        font-size : 110%;
        line-height : 1.75em;
        font-weight : bold;
        color : #5d5d87;
        background: #ddefff;
        border-bottom : 1px solid #bcbcbc;
    }

    div.rightbar p {
        margin: 0 3px 5px 3px;
        font-size : 110%; 
    }

    div.rightbar a {
        color : #5d5d87;
        font-size : 0.9em;
        text-decoration: none;
    }

    div.rightbar a:hover {
        background : #e8beb7;
        color : #c15643;
    }

    div.rightbar div {
        margin : 5px 0;
    }

    div.simplepage {
        position : relative;
        margin-top : 10px;
        margin-left : 40px;
        margin-right : 20px;
        width : 90%;
        text-align : justify;
    }

    .simplepage * {
        position : relative;
    }

    div.simplepage .block1 {
        width : 48%;
    }

    div.simplepage .block2 {
        width : 48%;
    }

    .simplepage h2 {
        width : 80%;
        border-bottom : 1px solid #5d5d87;
    }

    .simplepage a {
        color : #000;
    }

    div.contents {
        position: absolute;
        top: 75px;
        left: 200px;
        padding : 0 2em 0 10px;
        background : #fff;
    }

    div.link2top {
        width : 90%;
        margin : 0;
        padding : 0;
    }

    div.link2top p {
        line-height : 1em;
        text-align : right;
        padding-right : 20px;
    }

    p.narrow {
        margin-right : 210px;
    }

    div.abstract p {
	font-style: italic;    
    }

    div.concert {
        border-bottom : 3px double #bcbcbc;
    }

    div.purpose {
        width : 70%;
    }

    div.sec-blurb, div.sec-blurb-narrow {
	position: absolute;
	top: 35px;
	left: 160px;
	width: 60%;
	padding: 0 10px 0 10px;
	color : #c15643;
	font-style: italic;
	line-height: 0.75em;
    }

    div.sec-blurb-narrow {
	left: 180px;
	width: 58%;
    }

    div.sec-blurb div {
        margin: 0;
    }

    div.sec-blurb p {
        color : #c15643;
        margin-bottom : 5px;
    }

    div.sec-intro {
	margin-top: 10px;
    }

    div.qandaentry p {
        line-height : 1.2em;
        margin-left : 70px;
    }

    div.qaheading {
        float : left;
        width : 70px;
        text-align : left;
        font-weight : bold;
    }

    div.navfoot {
        margin-top: 10px;
        padding : 10px 0;
        border-top : 2px solid #949494;
        font-size : 0.85em;
        line-height : 1.5em;
    }

    .navfoot a {
        margin : 10px 10px 10px 0;
    }

    .navfoot img {
        vertical-align : bottom;
    }

    span.website-credit {
        margin-right : 20px;
    }


    /* home */

    #index span.descendant {
        margin-left: 0;
    }

    div.site-features,div.changes {
        margin : 10px 20px 0 0;
        padding-right : 2em; 
        padding : 0 2em 0 10px;
       /* border: 1px dotted gray; */
    }

    div.changes>h2 {
        padding-top: 1em;
    }

    #index h3 {
        color: #4d3d77;
        background-color: #e6e6e6;
        font-weight: bold;
        border: 1px dotted gray;
    }

    #index div.abstract p {
        font-style: inherit;
    }

    /* end home */


    /* misc */

    #misc div.contents>div.section {
        margin-top: 10px;
        padding: 0 15px 0 15px;
        border: 1px dotted gray;
    }

    ul.stores>li>p {
        font-size: 120%;
    }

    ul.stores li ul li {
        background-color: none; 
    }

    /* end misc */

    /* albums */

    p.pagenav {
	font-weight: bold;
	background:  #e6e6fe;
	color:  #5d5d87;
	/* MSIE bug: causes top margin to disappear!   width: 100%;*/
	padding: 0 0 0.25em 0.25em;
	line-height: 2em;
    }

    .pagenav a {
	color:  #5d5d87;
    }

    .pagenav a:hover {
	background: #fff; 
	color: #c15643;
    }

    div.album-reviews h2 {
	margin-top: 15px;
    }
    div.album-details {
        padding-right : 2em; 
        padding : 10px 2em 0 0;
    }

    div.album-details h2 {
	margin:0;
	padding:0;
    }

    .album-details h5 {
	margin: 10px 0px 0px 0px;
	line-height: 12px;
    }

    .album-details p, .production p {
	margin: 5px 0px 0px 0px; 
    }

    p.trackhead {
	width: 97%;
	margin: 0 0 1em 15px;
	font-weight: bold;
	color: #5d5d87; 
    }

    .album-details li {
	margin-top: 0px;
	margin-left: 35px;
	padding-left: 0px;
    }

    p.track {
	width: 97%;
    }

    span.trackno {
	display: block;
	float: left;
	width: 10px;
	margin-right: 5px;
	padding-bottom: 0px;
	text-align: right;
    }

    span.tracktitle {
	margin-left: 20px;        /* Otherwise wraps (except in IE) */
	display: block;
	clear: right;
    }

    div.production {
	position: relative;
	width: 85%;
	margin-bottom: 0px;  
    }

    .production div.block1 {
	padding-left: 15px;
    }

    .production h3 {
	width: 85%;
	padding-top: 7px;
	font-size: 1.2em;
	border-top: 1px solid #949494;
    }

    .production h4 {
	width: 85%;
	padding-top: 7px;
    }

    .trackorigins h6 {
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
    }

    .trackdates {
	line-height: 1.2em;
    }

    .trackdates span.tracks {
	float: left;
	width: 100px;
	text-align: left; 
    }

    .trackdates span.date {
	width: 100px;
	text-align: left;
    }

    div.album-reviews div.blockquote-title {
	margin-left: -20px;
    }

    /* end albums */

    /* discography */


    div.composer {
	font-size: 95%;
	font-weight: normal;
	margin: 5px 0 5px 2px;
	padding: 0 1px 0 0;
	border: 1px solid  #8383a8;
	background: #fff;
    }

    .composer h3 {
	margin: 0;
	padding: 5px 5px 3px 5px;
	font-size: medium;
	font-weight: bold;
	font-size: 115%;
	color:   #5d5d87;
	border-bottom: 1px solid  #8383a8;
	background: #ddefff;
    }

    .composer p {
	font-size: 90%;
    }

    .composer ul  {
	margin-left: 5px;
	padding-left: 0em;
	list-style-type: none;
    }

    .composer li {
	margin-left: 1px;
    }

    .composer li p {
	line-height: 1em;
    }

    .composer ul ul {
	margin-left: 25px;
    }

    .composer ul ul li {
	padding: 0;
    }

    .multisessions li {
	list-style-type: circle;
    }

    .multisessions li p {
	line-height: 0.25em;
    }
    
    #discography div.contents {
	margin-top: 10px;
    }

    div.session {
	position: relative;  /*Important! Fix MSIE bug that makes text disappear*/
	text-align: justify;
	border-top: 3px double #8383a8;
    }

    div.session h3 {
	font-size: 120%;
    }

    div.session p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0.5em 0.5em 0.5em 0em;
    }

    div.session span.composer {
	font-weight: bold;
    }

    div.session table {
	width: 100%;
    }

    div.notes h4 {
	font-size: 110%;
    }

    div.production {
	margin-top: 1.25em;
	font-size: 85%;
    }

    span.album-title {
	font-style: italic;
    }


    /* end discography */

    /* schedule */
    div.schedgig {
	width: 512px;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
	background-image: url(../images/notebg.png);
	background-repeat: no-repeat; 
	text-align: left;
	border: 1px solid #CCCCCC;
    }

    .schedgig caption {
	visibility: hidden
    }

    #schedule  div.contents h3 {
	border-bottom: 1px dotted  #bcbcbc;
	width: 512px;
    }

    div.schedgig h3 {
	border: none;
    }

    /* end schedule */

    /* press */

    #press  div.contents {
	margin-top: 10px;
	padding-top: 0.5em; 
	padding-right: 20px;
    }

    #press  h3 { 
	margin-top: 10x; 
	font-weight: bold;
    }

    div.review {
	margin: 20px;
    }

    div.review>div.blockquote-title {
 	margin-left: -20px; 
    }

    div.blockquote-title {
	color : #4d3d77;
    }

    span.pagetitle {
	visibility: inherit;
    }

    #press div.reviews  h2 {
	font-size: 122%;
	margin-left: -0.5em;
	padding-left: 0.5em;
	background-color: #eee;
	border-bottom: 1px dotted  #bcbcbc;
	border-top: 1px dotted  #bcbcbc;
    }

    div.reviews img {
	margin-right: 1em; 
	margin-bottom: 1em;
    }


    div.program {
	margin: 0 20px 0 0;
	padding: 0 10px 10px 10px;
	border: 1px dotted  #bcbcbc;
    }

    ul.program li p {
	margin-top: 8px;
	margin-bottom: 2px;
	line-height: 1em;
    }

    /* end press */

    /* index page */

    div.indexpage .titlepage h2 {
	font-size: 200%;
	margin-top: 20px; 
    }

    div.index h3 {
        color: #4d3d77;
        background-color: #e6e6e6;
        font-weight: bold;
        border: 1px dotted gray;
    }

    div.index div.abstract p {
        font-style: inherit;
    }

    .indexdiv dt { 
	font-size: 110%; 
	line-height: 1.5em;
        margin-bottom:1em;
    }

    div.indexpage a.indexterm {
	margin-left: 10px;
	font-size: 100%;
    }

/* end index page */
} /* end @media screen */

/* @media print {  TBS   } */