/*
Shawn's Piano CSS
Developed by White Light Concepts, LLC (www.whitelightconcepts.com).
*/
 
body
{
background-color: #FFF;
background-image:url(../images/bg_strings.gif);
background-repeat: repeat;
}
 
#container
{
width: 770px;
height: auto;
background-image:url(../images/bg_main.gif);
background-repeat: repeat-y;
position:absolute;
left: 50%;
margin-left: -385px;
}

#main
{
width: 770px;
height: auto;
margin-left: 32px;
}

#content
{
position: relative;
width: 706px;
height: auto;
}

#sff
{
margin-top: 0px;
padding-left:20px;
padding-right:25px;
/*
border:1px solid black;
*/
}

#footer
{
/*
clear: both;
float: left;
*/
width: 770px;
height: 100px;
background-image:url(../images/bg_main.gif);
background-repeat: repeat-y;
}

p
{
color: #666;
border: 0px;
font-size: 12px;
line-height: 18px;
margin-top: 6px;
margin-bottom: 6px;
font-family: "Trebuchet MS";
text-align: justify;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	padding: 0 20px 0 30px;
	background: url('../images/bullet_orange.gif') 20px 7px no-repeat;
	color: #666;
	border: 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS";
}

.first
{
margin-top: 0px;
}

.sub
{
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

.subsff
{
margin-top: 0px;
font-weight: bold;
font-size: 14px;
}

.indent
{
padding-left: 25px;
}

.intro
{
padding-top: 6px;
padding-left: 40px;
padding-right: 15px;
}

.intro_r
{
padding-top: 6px;
padding-right: 15px;
}

.left
{
text-align: left;
}

.indentsff
{
padding-left: 8px;
}

.smaller
{
font-size: 10px;
line-height: 16px;
}

.larger
{
font-size: 12px;
line-height: 18px;
}

.bold
{
font-weight: bold;
}

.hang
{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
text-indent: -9px;
text-align: left;
}

.hangsff
{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
text-indent: -9px;
text-align: left;
}

.footer
{
font-size: 10px;
line-height: 14px;
margin-top: 0px;
color: #999;
padding-left: 18px;
}

A:link {color: #FC8200; font-weight:bold; font-style: normal; 
text-decoration: none;}
A:active {color: #FC8200; font-weight:bold; font-style: normal; 
text-decoration: underline;}
A:visited {color: #FC8200; font-weight:bold; font-style: normal; 
text-decoration: none;}
A:hover {color: #FC8200; font-weight:bold; font-style: normal; 
text-decoration: underline;}

A.ondark:link {color: #ebe6bd; font-weight:bold; font-style: normal; 
text-decoration: none;}
A.ondark:active {color: #ebe6bd; font-weight:bold; font-style: normal; 
text-decoration: underline;}
A.ondark:visited {color: #ebe6bd; font-weight:bold; font-style: normal; 
text-decoration: none;}
A.ondark:hover {color: #ebe6bd; font-weight:bold; font-style: normal; 
text-decoration: underline;}

A.foot:link {color: #CCC; font-weight:normal; font-style: normal; 
text-decoration: none;}
A.foot:active {color: #CCC; font-weight:normal; font-style: normal; 
text-decoration: underline;}
A.foot:visited {color: #CCC; font-weight:normal; font-style: normal; 
text-decoration: none;}
A.foot:hover {color: #CCC; font-weight:normal; font-style: normal; 
text-decoration: underline;}