/* basic elements - jasonomara.com ------------------------------------------------------------------------------------------------*/

body 
{background: url(/media/pianobkgd.) no-repeat #B6AD8E;
height: 100%;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;} 

h1
{color:#6A0A0A;
_height: 1em;
border-bottom: 1px solid #6D6D6D;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 30px; 
margin-right: 10px; 
padding-bottom: 8px;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 20px;
line-height : 24px;
font-weight : bold;
letter-spacing : 1px;}

h2
{color:#6A0A0A;
_height: 1em;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px; 
margin-right: 10px; 
padding-bottom: 8px;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 20px;
line-height : 24px;
font-weight : bold;
letter-spacing : 1px;}

h3
{color:#000000;
margin: 0;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 20px;
line-height : 24px;}

h4
{color:#ffffff;
font-size: 13px;
margin: 5px 0 5px 0;
border-bottom: 1px solid #ffffff}
p
{color:#000000;
line-height: 1.5;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px; 
margin-right: 30px; 
padding: 0;}

a:link
{text-decoration: none; 
color: #5B6677;
}

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

a:active
{text-decoration: none; 
color: #5B6677;}

a:visited 
{text-decoration: none; 
color: #5B6677;}

/* title page  ------------------------------------------------------------------------------------------------*/

#homemaincontainer
{background: url(/media/pianoindex.gif) #B6AD8E;
width: 500px;
height: 480px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
margin-bottom: ; 

border-style: none;
border-width: 0px;
border-color: #000000;
overflow: hidden;}

#homenavcontainer
{
margin-left: 335px;
margin-top: 50px;
padding: 0;
width:120px;
height: 70px;
}

#homenavcontainer ul
{width:118px;
height:270px 
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#homenavcontainer ul li
{
display: block;
float:;
text-align: left;
padding: 0;
margin: 0;
}

#homenavcontainer ul li a
{
background: #;
width: 115px;
height: 32px;
border: 0px solid #520B01;
padding-top: 10px;
padding-left: 15px;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-weight: bold;
font-size: 12px}

#homenavcontainer ul li a:hover
{
color: #BECDE4;
background: #;
border: 1px solid #BECDE4}

#homenavcontainer a:active
{
background: #;
color: #ffffff;
}

#homenavcontainer li#active a
{
background: #;
border: 1px solid #;
color: #ffffff;
}

/* outside container for shadow ------------------------------------------------------------------------------------------------*/

#mastercontainer
{background: url(/media/pianoindex2.gif)  no-repeat #B6AD8E;
width: 900px;
height:560px;
margin-top:0px;
margin-bottom:10px;
padding-top:20px;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
margin-left:;
border-style:solid;
border-width: 0px;
border-color: #ffffff}


/* main container ------------------------------------------------------------------------------------------------*/

#maincontainer
{background: #;
width: 810px;
height: 500px;
margin-left: 60px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
overflow: hidden;}

/* header ------------------------------------------------------------------------------------------------*/

#head
{background: #353c4f;
width: 300px;
height: 40px;
padding-top: 0px;
padding-left: 12px;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
color: #ffffff;
float:left;
}

/* main navigation  ------------------------------------------------------------------------------------------------*/


#navcontainer
{margin-right: 4px;
margin-top: 48px;
padding: 0;
width:150px;
height:406px;
float:right;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#navcontainer ul
{width:147px;
position:absolute;
height:406px; 
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#navcontainer ul li
{width: 147px;
display: block;
float:;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #;
width: 147px;
height: 35px;
border: 0px solid #520B01;
padding:0;
padding-top: 10px;
padding-right: px;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-weight: bold;
font-size: 12px}

#navcontainer ul li a:hover
{
color: #BECDE4;
background: #;
border: 1px solid #BECDE4}

#navcontainer a:active
{
background: #;
color: #ffffff;
}

#navcontainer li#active a
{
background: #;
border: 1px solid #;
color: #ffffff;
}
/* main content ------------------------------------------------------------------------------------------------*/

#maincontent
{float:left;
width:620px;
height:500px;
margin:0 0 0 10px}

#content
{clear:both;
position:absolute;
background: #D7D0B9;
width: 405px;
height: 495px;
margin: 5px 0 0 0px;
float: left;
border-style: solid;
border-width: 0px;
border-color: #861929;
font-size: 13px;
text-align: left;
overflow:auto
}

#content a:hover  
{color:#861929;
text-decoration: underline;}

/* side bar ------------------------------------------------------------------------------------------------*/

#sidebar
{position:relative;
width: 196px;
height: 480px;
float:right;
margin: 0 5px 0 0;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
overflow:}

#sidebar h4
{border-bottom: 0px solid #6D6D6D;
padding-bottom: 0;
text-align: center}

#mainshows
{clear:both;
background: #;
width: 196px;
margin: 0 0 0 0px;
text-align:center;
color:#ffffff;
padding: 2px 0px 10px 0px;
float:left;
font-size: 11px;
height:;
border-style: solid;
border-width: 0px;
border-color: #ffffff;}

#mailinglist
{clear:both;
background: #;
color:#ffffff;
width: 196px;
height: ;
float:left;
margin: 0 0 0 0px;
padding: 2px 0px 10px 0px;
text-align:center;
font-size: 11px;
line-height: 2;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#guestbook
{clear: both;
color:#ffffff;
font-size:12px;
text-align:center;
width: 196px;
height: 65px;
margin: 0 0 0 0px;
padding: 10px 0px 0px 0px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#guestbook a:hover 
{color:#861929;
text-decoration: underline;}

#info
{clear: both;
color:#ffffff;
width: 196px;
height: 65px;
margin: 0 0 0 0px;
padding: 2px 0px 0px 0px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#info p{color:#ffffff}

/* footer ------------------------------------------------------------------------------------------------*/





#footer
{clear: both;
color:#000000;
background: #;
width: 900px;
margin: 20px 0 0 0;
padding: 10px 0 10px 0;
font-size: 11px;
text-align:center;
position:;
border-top-style: solid;
border-top-width: 0px;
border-color: #ffffff;
}


/* extra styles ------------------------------------------------------------------------------------------------*/


  
p.intro
{background: ;
width:360px;
height:100px;
text-align: center;
font-size:11px;
padding:0;
margin-left:15px;
margin-right:10px}

.signature 
{margin-left: 220px }

p.divider
{text-align:center;
margin: 0}