﻿
body,html {
background: #000;
font-size: 16px;
font-family:  "Trebuchet MS", Verdana, Arial, san-serif;
margin:0;
padding:0;
color:#999;

}




#piano {
float:left;
margin:6px;
padding:0;
}
#title {
float:left;
margin-left:20px;
margin-top:60px;
padding:0;
}
#violin {
float:right;
margin:6px;
padding:0;
}

#container { 
width: 900px; 
text-align: left; 
margin: -4px auto; /* -4px removes margin in FF */
padding:0;
background: #330000;

}

/* header styles */

#header { 
height: 190px;
margin:0;
padding:0;
background: #330000;
}

#header h1 {
color: #ccaa66;
font-weight: bold;
font-size:46px;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Arial, san-serif;
font-style:italic;
text-align:center;
margin: 0;
text-decoration: none;
padding-top:60px;
letter-spacing:2px;
}
#degree {
font-size:16px;
}

#h4, header h4 {
color: #999;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, san-serif;
font-style:italic;
text-align:center;

margin: 0px;
text-decoration: none;
padding:2px;
letter-spacing:2px;
}

#tagline {
color: #bb4411;
font-size: 16px;
font-family: "Trebuchet MS", Verdana, Arial, san-serif;
font-weight: bold;
text-align:left;
margin:4px 0 4px 20px;
padding:0;
letter-spacing: 4px;
}

/* top menu styles */
#menu {
background: #330000; 
margin: 0px 10px;
padding: 4px;
font-family: "Trebuchet MS", Verdana, Arial, san-serif;
font-size: 14px;
font-style:italic;
font-weight:bold;
border-top:2px ridge #bb4411;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li a {
color: #999;
padding:10px 12px;
text-decoration: none;
}
#menu ul li a:hover {
color:#bb4411;
}

/* content styles */

.picture_column_1 {
width: 360px;
float:left;
margin:10px 20px;
padding:0;
}

.picture_column_2 {
width: 360px;
float:right;
margin:10px 20px;
padding:0;
}

.picture_center {
width: 360px;
margin:20px auto;
text-align:center;
padding:0;
}
#picture_smaller {
float:left;
margin:30px 80px 5px 80px;
padding:0;
border: 2px ridge #bb4411;
}


#picture {
text-align:center;
margin:30px 20px 5px 20px;
padding:0;
border: 2px ridge #bb4411;
}


.caption {
text-align: center;
font-style:italic;
font-size:12px;
line-height: 100%;
margin:0 30px;
padding:0;
}

.caption a{
color: #ccaa66;
text-decoration:underline;
font-style:normal;
font-weight:bold;
}
.caption a:hover {
color:#bb4411;
text-decoration:underline;
font-style:normal;
text-transform:uppercase;
font-weight:bolder;

}

.content {
background-color: #330000;
margin-left:360px;
margin-right:20px;
padding:20px;
min-height:0;

}
.content p{
font-size: 14px;
margin: 0;
line-height: 18px;
padding: 10px 2px 2px 0;
text-align:justify;
text-indent: 20px;
}
h3 {
color: #ccaa66;
font-family: "Trebuchet MS", Verdana, Arial, san-serif;
font-style:italic;
text-align:center;
border-bottom: 2px ridge #bb4411;
margin:0 80px;
padding-top:20px;
clear:both;
}

.news p{
font-size: 16px;
font-weight:bold;
margin: 0;
padding:0;
text-align:center;
color:#ccc;
}


a {
color: #999;
text-decoration:underline;
font-style:italic;
}
a:hover {
color:#bb4411;
text-decoration:underline;
font-style:italic;
}


ul li {
margin:0;
padding:0;
line-height:110%;
}

h4 {
text-decoration: underline;
font-style:italic;
padding-left:20px;
line-height:100%;
}


p#samples {
font-size:14px;
font-style:italic;
text-indent:0;
margin: 80px 40px 100px 10px;
}
p.samples {
font-size:14px;
font-style:italic;
text-indent:0;
margin: 10px 40px 10px 10px;
}
#concerts p {
text-indent:0;
}

#left{
margin:0;
}

/* footer styles */


#piano_footer {

margin:0;
padding:40px 0 0 0;
width:900px;


}
#footer {

background:#000;
color:#444;
text-align: center;
width:900px;
margin:0 auto;
padding:0;


}
#footer p {
font-size:12px;
font-family: "Arial, san-serif;

margin-top:-5px;
padding:0;


}


