body
{
    font-family : Arial;
    font-size   : 12px;
    margin      : 3px 0px 0px 0px;
    text-align  : center;
    background  : #B0B0B0;
    
    scrollbar-face-color        : #ffffff; 
    scrollbar-highlight-color   : #000000;
    scrollbar-shadow-color      : #ffffff; 
    scrollbar-3dlight-color     : #ffffff;
    scrollbar-arrow-color       : #000000; 
    scrollbar-track-color       : #808080;
    scrollbar-darkshadow-color  : #000000;
}

#maincontainer
{
    background  : #670000;
    width       : 754px;    
    margin      : 0 auto;
    border      : solid 7px white;
}

#header { text-align : center; }
#header table { padding-top: 3px; margin : 0 auto; }
#footer { color : white; text-align : center; }

.ContentTable
{
    border      : solid 1px white;
    padding     : 0px 0px 0px 0px;
    margin      : 0 auto;
    height      : 457px;
    width       : 748px;
    background  : white;
    text-align  : left;
}

#homepics { border-left : none;}
#homepics td { border-left : solid 1px white; }
#homepics #homepic1 { background: url(images/cherubino1.jpg); width: 150px; height: 457px; }
#homepics #homepic2 { background: url(images/filotete1.jpg); width: 153px; height: 457px; }
#homepics #homepic3 { background: url(images/dorabella1.jpg); width: 163px; height: 457px; }
#homepics #homepic4 { background: url(images/gs.jpg); width: 136px; height: 457px; }
#homepics #homepic5 { background: url(images/olga1.jpg); width: 140px; height: 457px; }

#biospace { border-left : none;}
#biospace td { border-left : solid 1px white; }
#biospace #headshot
{
    width       : 338px;
    height      : 457px;
    background  : url("images/bw.jpg");
}
#biospace #biotext 
{
    display     : block;
    height      : 427px; 
    width       : 387px;
    overflow    :auto;
    padding     : 10px;
}

#resumespace { border-left : none;}
#resumespace td { border-left : solid 1px white; }
#resumespace #resumetext 
{
    display     : block;
    height      : 427px; 
    width       : 387px;
    overflow    : auto;
    padding     : 10px;
}
#resumespace #resumetext table { font-size : 10px; width:368px;}
#resumespace #resumetext th { background: #670000; color: White; padding: 3px;}
#resumespace #resumetext td 
{
    padding         : 4px 2px 4px 2px; 
    vertical-align  : top;
    background      : #E8E8E8;
    border-left     : solid 1px #E8E8E8; border-top: solid 1px white; }

#listenspace { border-left : none; }
#listenspace td { border-left : solid 1px white; vertical-align: top; }
#listenspace #listenheader
{
    padding     : 10px 10px 0px 10px;
    font-size   : 10px;
}
#listenspace #listenheader th 
{
    background  : #670000; 
    color       : White; 
    padding     : 3px;
    width       : 337px;
}
#listenspace #listentext 
{
    display     : block;
    height      : 265px; 
    width       : 364px;
    overflow    : auto;
    padding     : 0px 0px 0px 10px;
}
#listenspace #listentext table { font-size : 10px; width:331px;}
#listenspace #listentext td 
{
    vertical-align  : middle;
    background      : #E8E8E8;
    border-left     : solid 1px #E8E8E8; 
    border-top      : solid 2px white; 
    border-bottom   : solid 2px white; 
    display         : block;
    height          : auto;
    color           : #000000;
}
#listenspace #listentext td a
{
    padding         : 5px 2px 5px 2px; 
    display         : block;
    text-decoration : none;
    width           : 336px;
    color           : #000000;
}
#listenspace #listentext td a:visited
{
    color           : #000000;
}
#listenspace #listentext td a:hover
{
    background      : #670000;
    color           : #FFFFFF;
}
#listenspace #playerspace
{
    background      : #E8E8E8;
    display         : block;
    width           : 344px;
    height          : 115px;
    margin          : 10px;
    text-align      : center;
    vertical-align  : bottom;
    border          : solid 1px #670000;
    padding         : 3px;
}
#listenspace #playerspace .player
{
}
#listenspace #playerspace .StopButton
{
    background      : #670000;
    display         : block;
    width           : 130px;
    height          : 20px;
    text-decoration : none;
    color           : #FFFFFF;
    text-align      : center;
    padding-top     : 5px;
    margin          : 0 auto;
    font-weight     : bold;
    font-family     : Arial;
}
#contactspace #FormContainer
{
    height          : 457px;
    width           : 575px;
}
#contactspace #FormContainer .SubmitArea
{
    display     : block;
    width       : 575px;
    height      : 430px;
}
#contactspace #NameLabel
{
    position    : absolute;
    top         : 164px;
    left        : 200px;
}
#contactspace #EmailLabel
{
    position    : absolute;
    top         : 199px;
    left        : 202px;
}
#contactspace #MessageLabel
{
    position    : absolute;
    top         : 233px;
    left        : 182px;
}
#contactspace .Label
{
    color: #670000;
    font-weight:bold;
}
#contactspace .Name
{    
    position        : absolute;
    top             : 160px;
    left            : 275px;
    width           : 250px;
}
#contactspace .Email
{   
    position        : absolute;
    top             : 195px;
    left            : 275px;
    width           : 250px;
}
#contactspace .Message
{   
    position        : absolute;
    top             : 230px;
    left            : 275px;
    height          : 180px;
    width           : 380px;
    font-family     : Arial;
    font-size       : 12px;
}
#contactspace .SendCopy
{
    position        : absolute;
    top             : 417px;
    left            : 272px;
    width           : 400px;
}
#contactspace .Input
{
  background        : #F5F5F5;
  border            : none;
  border-bottom     : dashed 1px #670000;
  padding           : 3px;
}
#contactspace .SubmitButton
{
    position    : absolute;
    width       : 200px;
    height      : 30px;
    top         : 500px;
    left        : 360px;
    background  : #FFFFFF;
    color       : #670000;
    border      : solid 1px #670000;
    cursor: hand;
    cursor: pointer;
}
#contactspace .NameRequired
{
    position:absolute;
    top: 164px;
    left: 550px;
    width: 200px;
}
#contactspace .EmailRequired
{
    position:absolute;
    top: 200px;
    left: 550px;
    width: 200px;
}
#contactspace .MessageRequired
{
    position:absolute;
    top: 445px;
    left: 275px;
}
#contactspace .EmailValid
{
    position:absolute;
    top: 200px;
    left: 550px;
    width: 200px;
}
#contactspace .EmailSent
{
    position:absolute;
    top: 445px;
    left: 253px;
    width: 500px;
}
#contactspace .SubmitCompleteArea
{
    position: absolute;
    top: 300px;
    left: 330px;
    text-align: center;
}


#contactspace #RightPic
{
    height      : 457px;
    width       : 172px;
    background  : url(images/dorabella3.jpg) no-repeat;
}



.picdescription
{
    height      : 71px;
    font-size   : 11px;
    text-align  : center;
}
.nowrap { white-space:nowrap; }

#homelink
{ 
    display     : block;
    text-indent : -100px;
    overflow    : hidden;
    width       : 40px;
    height      : 18px;
    background  : url(images/frame/links/home.gif); 
}
#homelink:hover{ background: url(images/frame/links/home_on.gif); }
#biolink
{ 
    display     : block;
    text-indent : -100px;
    overflow    : hidden;
    width       : 23px;
    height      : 18px;
    background  : url(images/frame/links/bio.gif); 
}
#biolink:hover{ background: url(images/frame/links/bio_on.gif); }
#resumelink
{ 
    display     : block;
    text-indent : -100px;
    overflow    : hidden;
    width       : 53px;
    height      : 18px;
    background  : url(images/frame/links/resume.gif); 
}
#resumelink:hover{ background: url(images/frame/links/resume_on.gif); }
#listenlink
{ 
    display     : block;
    text-indent : -100px;
    overflow    : hidden;
    width       : 46px;
    height      : 18px;
    background  : url(images/frame/links/listen.gif); 
}
#listenlink:hover{ background: url(images/frame/links/listen_on.gif); }
#contactlink
{ 
    display     : block;
    text-indent : -100px;
    overflow    : hidden;
    width       : 63px;
    height      : 18px;
    background  : url(images/frame/links/contact.gif); 
}
#contactlink:hover{ background: url(images/frame/links/contact_on.gif); }

.divider
{
    background  : url(images/frame/links/divider.gif) no-repeat center;
    width       : 20px; 
}