body {
	background-color: #91AA9D;
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 32px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/gradient-home.gif);
}

/* body background colors 

body#bio {
	background-color: #8b9598;
}
body#schedule {
	background-color: #c1c5d0;
}
body#press {
	background-color: #ded5c2;
}
body#experience {
	background-color: #beb3cg;
}
body#contact {
	background-color: #EAD0BF;
}

*/



/* Main Containers which contain the background page images of Joan */

#main, #mainBio, #mainSchedule, #mainPress,  #mainExperience, #mainContact {
	width: 801px;
	height:: 100%;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
#main {
	clear: left;
}
#mainBio {
	background-image: url(../images/bio-1.jpg);
	background-repeat: repeat-x;
}
#mainSchedule {
	background-image: url(../images/schedule-1.jpg);
	background-repeat: repeat-x;
}
#mainPress{
	background-image: url(../images/press-1.jpg);
	background-repeat: repeat-x;
}
#mainExperience{
	background-image: url(../images/exp-1.jpg);
	background-repeat: repeat-x;
}
#mainContact{
	background-image: url(../images/contact-1.jpg);
	background-repeat: repeat-x;
}

/* Main Left Columns*/

#mainContentLeftBio, #mainContentLeftPressSchedule {
	padding: 10px 40px 40px 20px;
	width: 430px;
	float: left;
	margin-left: 10px;
}
#mainContentHalfLeft {
	width: 40%;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
}
#mainContentLeft {
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	padding: 0px 32px 40px 0px;
	width: 282px;
	float: left;
}
.mainContentLeftNormal {
	font-size: 14px;
	line-height: 21px;
}
.mainContentLeftNormal  strong {
	font-weight: normal;
	color: #333333;	
}
#mainContentLeftChild {
	width: 257px;
	padding: 20px 10px 20px 15px;
	margin-top: 18px;
	float: left;
	background-color: #84A29D;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	border: 4px double #608E9C;
	font-family: Helvetica, Arial, "Lucida Grande CY";
	color: #FFFFFF;
}

/* Link Boxes */

.linkBoxLeft {
	padding: 5px 0px 5px 0px;
	width: 257px;
	text-align: center;
}
.linkBoxLeft a {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 19px;
	width: 100%;
	display: block;
	margin: 0;
	padding: 13px;
	background: #718F87;
	border: 3px double #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	}
.linkBoxLeft a:hover {
	background-color: #749A9C;
}
.linkBoxLeftPress {
	padding: 5px 0px;
	width: 257px;
	text-align: center;
	margin-top: 0px;
}
.linkBoxLeftPress a {
    color: #FFFFFF;
	font-size: 13px;
	line-height: 19px;
	width: 100%;
	display: block;
	margin: 0;
	padding: 5px;
	background: #718F87;
	border: 3px double #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	}
.linkBoxLeftPress a:hover {
	background-color: #749A9C;
}
#mainContentLeftChild  a:hover{
	width: 257px;
	float: left;
	color: #FFFFCC;
}

#mainContentLeftBio {
	line-height: 22px;
	background-image: url(../images/initials.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-position: left 70px;
}





/* Main Right Columns*/

#mainContent, #mainContentHome, #mainContentHomeChild, #mainContentPress , #mainContentHalfRight, #mainContentViolin {
margin-top: 30px;
}

#mainContent {
	padding: 10px 20px 40px 40px;
	width: 205px;
	float: left;
	border: 1px dotted #CCCCCC;
}
#mainContentHome{
	padding: 90px 0px 20px 20px;
	width: 450px;
	float: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	font-weight: normal;
	margin: 0px;
}
#mainContentGlobal {
	padding: 40px 0px 20px 20px;
	width: 450px;
	float: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	font-weight: normal;
	margin: 0px;
}
#mainContentGlobal strong{
	font-weight: normal;
	color: #f6e3a0;
	font-size: 16px;
	line-height: 50px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FFFFFF;
	padding-bottom: 6px;
}
#mainContentGlobal em {
	color: #50465D;
	font-style: normal;
}
#mainContentHomeChild {
	padding: 10px 10px 20px 15px;
	width: 225px;
	margin-top: 18px;
	float: left;
	background-color: #F7F5F4;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	background-image: url(../images/ltPink.gif);
	background-repeat: repeat-x;
	background-position: center 106%;
	border-top: 4px double #DFD9D1;
	border-right: 4px double #DFD9D1;
	border-left: 4px double #DFD9D1;
}
#mainContentPress {
	padding: 10px 10px 20px 15px;
	width: 225px;
	float: left;
	border: 3px double #CCCCCC;
	background-color: #F7F5F4;
	background-image: url(../images/violin-body.jpg);
	background-repeat: no-repeat;
	background-position: 210px bottom;
}
#mainContentHalfRight{
	width: 40%;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
}
#mainContentViolin {
	padding: 10px 20px 40px 40px;
	width: 205px;
	height: 326px;
	float: left;
	/*border: 1px dotted #CCCCCC;*/
	background-image: url(../images/violin-side.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Left and Right Column link treatments*/

 #mainContentLeftBio a, #mainContentHalfLeft a, #mainContent a, #mainContentPress a, #mainContentHalfRight a, #mainContentHome a, #mainContentHomeChild a, .mainContentLeftNormal a, #mainContentGlobal a{
	color: #FFFFFF;
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 15px;
}
#footerInfo {
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right 10px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(../images/staffFooter.gif);
	background-repeat: repeat-x;
}
#footerInfo a {
	text-decoration: underline;
	color: #FFFFFF;
}
.footerCaps {
	text-transform: uppercase;
	margin-left: 20px;
	padding-left: 70px;
}



/* MP3 Player Styling */

#mainContentLeft ul {
	margin: 0;
	padding: 0 0 0 0;
}

#mainContentLeft li {
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	float: left;
	padding-right: 10px;
	display: inline;
	text-align: left;
}
#mainContentLeft li#title {
	padding-left: 10px;
	font-size: 15px;
	font-weight: normal;
	line-height: 19px;
}
#mainContentLeft li#author {
	width:257px;
	padding: 5px 0 0 10px;
}




/* Misc Items */

.ImgBorderWhite {
	border: 4px solid #FFFFFF;
}
#mainContent a img {
	margin: 0;
	padding: 0;
	border: none;
}
h1 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #647261;
	font-size: 19px;
	line-height: 27px;
}
.firstLetter {
	font-size: 30px;
	padding-left: 12px;
}
.hide {
	display: none;
}
.LeftImg {
	margin: 0px;
	float: left;
	padding: 15px 15px 15px 0px;
}
.homeImg {
	padding: 10px 10 10px 0;
	margin: 0 10px 0 0;
	float: left;
	display: block;
}


/* Subnav - Home, Biography, Etc*/

.subHead {
	width: 100%;
	height: 109px;
	padding:  0 0 0 0px;
	background: url(../images/header-bg.gif) repeat-x left top;
	float: left;
	background-color: #91AA9D;
	margin: 0px 0px 20px;
}
#nav {
	width: 801px;
	height: 109px;
	margin-right: auto;
	margin-left: auto;
}
#name {
padding: 10px 0 0 0px;
height: 46px;
}
.subNav {
	font-size: 16px;
	padding: 0 0 0 0px;
	list-style: none;
	margin-top: 22px;
	margin-left: 0px;
}
.subNav a {
	float: left;
	display: block;
	padding: 4px 8px;
	color: #ffffff;
	text-decoration: none;
	list-style-type: none;
	}
.subNav li{
	float: left;
	margin: 0;
	padding: 0px 20px 0px 0px;
	font-family: "Lucida Grande CE", "Trebuchet MS", Verdana, sans-serif, "Lucida Sans Unicode";
}

/* Subnav - Home, Biography, Etc*/

#bHome a {
	float: left;
	display: block;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 48px;
	height: 18px;
	background: url(../images/nav/h.gif) no-repeat left top;	
}
#bHome a:hover {
	background: url(../images/nav/h.gif) no-repeat right top;	
}
#subNav li a:hover, body#home #bHome a {
	background: url(../images/nav/h.gif) no-repeat right top;	
}


#bBio a {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 91px;
	height: 18px;
	background: url(../images/nav/bio.gif) no-repeat left top;	
}
#bBio a:hover {
	background: url(../images/nav/bio.gif) no-repeat right top;	
}
#subNav li a:hover, body#bio #bBio a {
	background: url(../images/nav/bio.gif) no-repeat right top;	
}


#bSchedule a {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 82px;
	height: 18px;
	background: url(../images/nav/sc.gif) no-repeat left top;	
}
#bSchedule a:hover {
	background: url(../images/nav/sc.gif) no-repeat right top;	
}
#subNav li a:hover, body#schedule #bSchedule a {
	background: url(../images/nav/sc.gif) no-repeat right top;	
}


#bRep a {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 88px;
	height: 18px;
	background: url(../images/nav/rep.gif) no-repeat left top;	
}
#bRep a:hover {
	background: url(../images/nav/rep.gif) no-repeat right top;	
}
#subNav li a:hover, body#rep #bRep a {
	background: url(../images/nav/rep.gif) no-repeat right top;	
}


#bPress a {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 48px;
	height: 18px;
	background: url(../images/nav/pr.gif) no-repeat left top;	
}
#bPress a:hover {
	background: url(../images/nav/pr.gif) no-repeat right top;	
}
#subNav li a:hover, body#press #bPress a {
	background: url(../images/nav/pr.gif) no-repeat right top;	
}


#bContact a {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 67px;
	height: 18px;
	background: url(../images/nav/co.gif) no-repeat left top;	
}
#bContact a:hover {
	background: url(../images/nav/co.gif) no-repeat right top;	
}
#subNav li a:hover, body#contact #bContact a {
	background: url(../images/nav/co.gif) no-repeat right top;	
}




/* Old */


/*#mainContentLeft li#title {
}

#mainContentLeft ul #data {
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	padding-right: 10px;
}

#mainContentLeftMp3 {
	width: 257px;
	padding: -20px 0px 0px;
	margin-left: -40px;
	float: left;
	margin-top: -15px;
}

*/