/* CSS Document */
/* brown 663300
peach fCD59E 
grey background #666666
title #E99B49;
cream color #F6EFCC;

*/

body { 
	background-color: #666666;   /*#BEC9C7*/
	margin-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

p, table, td, ul, li { /*This is my css styles for main text */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
	text-align: left;
	line-height: 1.5em;
	vertical-align: top;
	margin-left: 6px;
	margin-right: 10px;
	font-weight: 500;
	line-height: 1.5em;
}

.festival {
	font-size: 18px;
	text-align: center;
	padding:  0px 0 40 0;
}


ul {
	text-align: center;
}

ul.membership {
	list-style: none;
}

.banner {
	background-image: url(../images/banner3.jpg);
	height: 150px;
	width: 800px;
	margin-top: 0px;
}

.tableborder  {
width: 800px;
border: 2px solid #663300;
background-color: #F6EFCC;
}

.horz_border {
border-bottom: 1px dashed #cc3300;
}

.smalltext { /*This is my css styles for main text */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	font-size: 11px;
	margin-left: 10px;
}


a {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
font-weight: 700;
}
a:link { /*These are my hyperlink styles */
color: #E99B49;

}
a:active {
color: #666666;

}
a:visited {
color: #666666;

}
a:hover {
color: #999999;
}

.columnborder {
border-right: 1px dashed #666666;
}

.navigation {text-align: left; 
font-size: 12px;
color: #663300;
width: 150px;
margin-bottom: 3pt;
margin-left: 10pt;
margin-right: 5pt;
padding-bottom: 6pt;
padding-right: 5pt;
font-weight: 800;
line-height: 2em;
}
.navigation a {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
.navigation a:link { /*These are my hyperlink styles */
color: #666666;
}
.navigation a:active {
color: #999999;
}
.navigation a:visited {
color: #999999;
}
.navigation a:hover {
color: #E99B49;
}


.title {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center; 
font-size: 24px;
color: #E99B49; /*#663300*/
margin: 5px;
font-weight: 700;
}

.subtitle {
text-align: left; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #E99B49;
margin-top: 10px;
margin-bottom: 10pt;
border-bottom: #666666 1px solid;
padding-bottom: 5px;
padding-right: 10px;
font-weight: 800;
}

.whitetext {
	color: #FFFFFF;
	font-weight: bold;
}

.festival a {
	font-size: 16px;
	text-align: center;
	color: #663300;
	text-decoration: underline;
}

.footerside {
background-image: url(../images/footer_bkgnd.jpg);
background-repeat:repeat-x;
height: 135px;

}

.footer {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #E99B49;
background-color: #666666;
text-align: center;
padding-top: 5px;
padding-bottom: 3px;
}

.footer a:link { /*These are my hyperlink styles */
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #E99B49;
font-size: 11px;
font-weight: bold;
text-decoration:underline;
}
.footer a:active {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #fCD59E;
font-size: 11px;
font-weight: bold;
text-decoration:underline;
}
.footer a:visited {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #efefef;
font-size: 11px;
font-weight: bold;
text-decoration:underline;
}
.footer a:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fCD59E;
font-weight: bold;
text-decoration:underline;
}

img.right {
float: right;
padding: 0px;
border: 5px dotted #cc3300;
margin-left: 10px;
}

img.left {
float: left;
padding: 0px;
border: 5px dotted #cc3300;
margin-right: 10px;
}

img.imageborder {
padding: 0px;
border: 5px dotted #cc3300;
}

.biopic {
padding: 0px 30px 10px 20px;
}

object {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

.palmtreebackground  {
background-image: url(../images/Palm-tree_bkgnd.gif);
background-repeat:no-repeat;
height: 330px;
float: right;
margin-left: 2px;
margin-right: 2px;
}

.floatbox  {
background-image: url(images/music_button.gif);
background-repeat:no-repeat;
width: 140px;
height: 145px;
float: none;
padding: 5px;
margin-left: 2px;
margin-right: 2px;
border: 1px solid #666666;
font-size: 12px;
text-align: left;
color: #666666;
font-weight: 800;
align: left;
}

.floatbox a:link, a:visited, a:active {
color: #999999;
font-weight: 700;
}
.floatbox a:hover {
color: #333333;
font-weight: 700;
}

.floattitle {
text-align: center; 
font-size: 14px;
color: #666666;
font-weight: 800;

}