/*
	Teal #A6C9C5 (R-166, G-201, B-197)
	Blue #6392A2 (R-99, G-146, B162)
	Brown #7E6E5B (R-126, G-110, B-91)
	Dark Brown #534741 (R-83, G-71, B-65)
	Dark Pink: #B45358 = R180 G83 B88
*/

* {padding:0; margin:0;}
img {border: 0}

body 
{
	background: url('../images/background.jpg');
	background-position: 50% 0%;
	background-repeat: repeat-x;
}


div#content
{
	position: relative;
	background-color: #ffffff;
	margin: auto;
	width: 975px;
	height: 923px;	
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	scrollbar-face-color: #7E6E5B;
	
		/* text definitions */
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#content input:focus {background-color: #A6C9C5;}
#content h1
{
	color: #6392A2; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
}
#content td p span
{
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#content h3
{
    font-size: 11pt;
    font-weight: normal;
}

#content li
{
	padding-bottom: 15px;
}

#content th	{ 
	font-weight: normal; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
	color: #6392A2 
}	

a.top_nav_link:link {color: #ffffff; text-decoration: none; padding-top: 2px;}
a.top_nav_link:visited {color: #ffffff; text-decoration: none; padding-top: 2px;}
a.top_nav_link:hover {color: #B45358; text-decoration: none; padding-top: 2px;}
a.top_nav_link:active {color: #ffffff; text-decoration: none; padding-top: 2px;}

a.side_nav_link:link {color: #534741; text-decoration: none;}
a.side_nav_link:visited {color: #534741; text-decoration: none;}
a.side_nav_link:hover {color: #B45358; text-decoration: none;}
a.side_nav_link:active {color: #ffffff; text-decoration: none;}

a.side_nav_link_current:link {color: #6392A2; text-decoration: none;}
a.side_nav_link_current:visited {color: #6392A2; text-decoration: none;}
a.side_nav_link_current:hover {color: #B45358; text-decoration: none;}
a.side_nav_link_current:active {color: #ffffff; text-decoration: none;}

a.event_link:link {color: #534741; text-decoration: none; font-size: 9pt;}
a.event_link:visited {color: #534741; text-decoration: none; font-size: 9pt;}
a.event_link:hover {color: #B45358; text-decoration: none; font-size: 9pt;}
a.event_link:active {color: #534741; text-decoration: none; font-size: 9pt;}

a.subpage_link:link {color: #534741; text-decoration: underline;}
a.subpage_link:visited {color: #534741; text-decoration: underline;}
a.subpage_link:hover {color: #B45358; text-decoration: underline;}
a.subpage_link:active {color: #534741; text-decoration: underline;}




div#header
{
	float: left; 
	width: 975px; 
	height: 173px;
}
div#sunset_title
{
	float: left; 
	text-align: center; 
 	width: 690px; 
 	height: 174px;
	padding-top: 55px;
	margin-left: 30px;
}
div#sunset_image
{
	float: left;  
	margin-left: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
}
div#nav_top
{
	float: left;
	height: 45px;
	width: 975px;
	background-color: #6392A2;
}
.nav_word_style
{
	float: left;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 45px;
	font-weight: normal;
    font-size: 11pt;
    text-align: center;
}

.no_show
{
	visibility: hidden;
}
.show
{
	visibility: visible;
}

div#float_nav
{
	float: left;
	margin-top: -12px;
	margin-left: 10px;
	width: 155px;
	height: 498px;

}
.float_nav_text
{
	padding-bottom: 35px;
	font-weight: normal;
    font-size: 11pt;
}

div#text_box
{
	/* this aligns with H in Home on top nav at 205px in
	float nav = 10px margin + 155W + 40px margin = 205px*/
	float: left;
	width: 520px;
	margin: 15px 15px 5px 40px;
	height: 600px;

}
div#text_box_content
{
	top: 0px;
	left: 0px;
	margin-top: 25px;
	height: 600px;
	width: 490px;
	text-align: justify;
	overflow: auto;

	
	/* text definitions -- shouldn't need to redefine since this is in "content", but safari likes it */
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#text_box_content table tr td
{
	/* text definitions -- shouldn't need to redefine since this is in "content", but safari likes it */
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#text_box_content a 
{
	color: #534741; 
	text-decoration: underline;
}
div#text_box_volunteer_signup
{

	float: left;
	width: 725px;
	margin: 15px 5px 5px 40px;
	min-height: 500px;

}
div#text_box_content_volunteer_signup
{
	top: 0px;
	left: 0px;
	margin-top: 25px;
	height: 490px;
	width: 725px;
	overflow: auto;
	
	/* text definitions -- shouldn't need to redefine since this is in "content", but safari likes it */
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#text_box_content_volunteer_signup table tr td
{
	/* text definitions -- shouldn't need to redefine since this is in "content", but safari likes it */
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
#text_box_content_volunteer_signup a 
{
	color: #534741; 
	text-decoration: underline;
}
#text_box_content a:hover
{
	color: #B45358; 
	text-decoration: underline;
}
.subPage_pageDescription
{
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    padding-bottom: 5px;
    padding-right: 15px;
}

div#eventTitle
{
	position: absolute; 
	width: 180px; 
	height: 50px; 
	left: 766px; 
	top: 240px; 
	z-index: 10;
}
div#eventContent
{
	position: absolute; 
	left: 745px; 
	top: 314px;
 	width: 220px; 
	height: 275px; 
	z-index: 10; 
}

div#subPageNav
{
	position: absolute; 
	left: 745px; 
	top: 250px;
 	width: 220px; 
	height: 275px; 
	z-index: 10; 
}
#subPageNav li
{
	list-style-type: none;
}

.input_box
{
	margin-top: 15px; 
	height: 500px;
	overflow: auto;
}
.alert
{
	color: #B45358;
	font-weight: bold;
}


div#ribbon
{
	float: left;
	background: url('../images/ribbon.jpg') no-repeat;
	margin-top: -150px;
	width: 750px;
	height: 45px;
	clear: both;
}
.arrow {
	float: left;
	border-color: #6392A2 white #6392A2 #6392A2;
	border-style:solid;
	border-width:10px 20px 10px 0;
	float:left;
	height:0;
	margin:0 10px;
	width:0;
}

.b1, .b2, .b3, .b4 {
	font-size:1px; 
	overflow:hidden;
	display:block;
}
.b1 {height:1px; background:#A6C9C5; margin:0 5px;}
.b2 {height:1px; background:#A6C9C5; margin:0 3px;}
.b3 {height:1px; background:#A6C9C5; margin:0 2px;}
.b4 {height:2px; background:#A6C9C5; margin:0 1px;}


.navBoxContent {background: #A6C9C5; width: auto; height: 498px; padding: 25px 5px 5px 15px;}
.eventBoxTitle {background: #A6C9C5; width: auto; height: 30px; padding: 15px 0px 0px 0px; text-align: center; font-size: 11pt; font-weight: normal; color: #534741; z-index: 11;}	
.eventBoxContent {background: #A6C9C5; width: auto; height: 320px; padding: 15px 5px 15px 15px; font-weight: normal; color: #534741; z-index: 11; overflow: auto;}
.subPageNavContent {background: #A6C9C5; width: auto; height: auto; min-height: 349px; padding: 15px 5px 15px 15px; font-weight: normal; color: #534741; z-index: 11;}


.eventBoxContent li
{
	list-style-type: none;
}

.ribbon_text
{
	color: #FFFFFF; 
	padding-left: 110px; 
	padding-top: 15px; 
	font-size: 11pt; 
	font-weight: normal;
}

.announcement_content
{
	font-size: 10pt;
	color: #534741;
	padding-bottom: 15px;
}

div#artist_acknowledgement
{
	clear: both;
	position: relative;
	text-align: center;
	bottom: 50px;
	width: 975px;
	color: #534741;
	font-style: italic;
	font-size: 8pt;
}

.info			
{
	border-bottom-style: groove;
	text-decoration: none;	
}
.table_top
{
	background-color: #A6C9C5;
	text-transform: lowercase; 
	text-align: center; 
	font-weight: normal;
}
.lotsa_text
{
	font-size: 9pt;
	padding-top: 20px;
}