@charset "utf-8";
/* CSS Document */

body {
	background-color: #f5eedc;	
	font-family: Verdana, Geneva, sans-serif;
}

.mainwrapper {
	width: 789px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
}

.topwrapper {
	width: 789px;
	height: 27px;
	float: left;
}

.shadowwrapperleft {
	margin-top: 16px;
	width: 21px;
	background-image: url(images/top_left_shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 11px;
	float: left;
}

.shadowwrappermid {
	width: 225px;
	height: 11px;
	margin-top: 16px;
	float: left;
	background-image: url(images/top_shadow.jpg);
	background-repeat: repeat-x;
}

.shadowwrapperright {
	margin-top: 16px;
	width: 16px;
	background-image: url(images/top_right_shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 11px;
	float: left;
}

.tabwrapper {
	width: 527px;
	height: 27px;
	float: left;
}

.tableft {
	float: left;
	width: 8px;
	height: 27px;
	background-image:url(images/tab_left.jpg);
	background-repeat: no-repeat;
}

.tabright {
	float: left;
	width: 20px;
	height: 27px;
	background-image: url(images/tab_right.jpg);
	background-repeat: no-repeat;
}

.navwrapper {
	float: left;
	width: 499px;
	height: 27px;
	background-image: url(images/tab_back.jpg);
	background-repeat: repeat-x;
}

.navitem {
	height: 27px;
	float: left;
	margin-top: 6px;
}

.navitem a:link {
    color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.navitem a:visited {
    color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.navitem a:hover {
    color: #c0c0c0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.navspacer {
	width: 22px;
	height: 27px;
	float: left;
	background-image: url(images/tab_spacer.jpg);
	background-repeat: no-repeat;
}

.topslice {
	width: 789px;
	height: 8px;
	float: left;
}

.topsliceleft {
	width: 21px;
	height: 8px;
	background-image: url(images/tl_corner.jpg);
	background-repeat: no-repeat;
	float: left;
}

.topslicespace {
	width: 225px;
	height: 8px;
	float: left;
	background-color: #ffffff;
}


.logowrapper {
	width: 769px;
	float: left;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}

.logo {
	height: 134px;
	width: 221px;
	padding-top: 10px;
	padding-left: 15px;
	float: left;
}



.contentwrapper {
	width: 769px;
	float: left;
	background-image:url(images/bodybg2.jpg);
	background-repeat:repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}

.leftside {
	width: 221px;
	padding-left: 15px;
	float: left;
}

.search {
	background-image: url(images/searchbg.jpg);
	background-repeat: no-repeat; 
	border: none; 
	width: 152px; 
	/*height: 22px;
	padding-top: 4px;*/
	height: 26px;
	padding-top: 0px;
	padding-left: 1px;
	margin-top: -9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004483;
	border-top: solid 1px #eac962; /* top border used to fix alignment issue in Safari */
}

.searchend {
	position: relative;
	top: 9px;
}

.searchwrapper {
	float: left;
	width: 221px;
	margin-left: 1px;
	
}

.howdoi {
	/*background-image: url(images/howdoibg.jpg);
	background-repeat: no-repeat;*/
	border: none; 
	width: 195px; 
	height: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 11px;
	margin-top: -9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004483;
	float: left;
}

.howdropdown {
	width: 188px;
	visibility: hidden;
	/*border: solid 1px #7a959a;*/
	background-color: #ffffff;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -1px;
	position: relative;
	top: 0px;
	z-index: 20;
}


.howdropdown a:link {
	font-size: 11px;
	text-decoration: none;
	color: #004483;
	line-height: 1.5;
}

.howdropdown a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #004483;
	line-height: 1.5;
}

.howdropdown a:hover {
	font-size: 11px;
	text-decoration: none;
	color: #7c97d6;
	line-height: 1.5;
}

.howspacer {
	height: 200px;
	width: 1px;
	float: left;
	border: none;
	background-color: #eac962;
}

.howto {
	width: 1px;
	visibility: hidden;
	border: solid 1px #7a959a;
	background-color: #ffffff;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -1px;
}

.howdoiend {
	position: relative;
	top: 8px;
}

.go {
	position: relative; 
	top: 9px;
	margin-left: -6px;
}

.leftfloat {
	float: left;
	z-index: 0;
	background-image:url(images/howdoibg.jpg);
	background-repeat:no-repeat;
	margin-top: 9px;
	
}
.downarrow {
	float: left;
	margin-left: 164px;
	margin-top: 15px;
	position: relative;
	top: -42px;
	z-index: 1;
}

.content {
	width: 510px;
	padding-left: 17px;
	padding-right: 5px;
	padding-top: 15px;
	font-family: Verdana, Geneva, sans-serif;
	color: #404040; 
	font-size: 12px;
	float: right;
}

.content a:link {
	color: #004483;
	font-family:Verdana, Geneva, sans-serif;
}

.content a:visted {
	color: #004483;
	font-family:Verdana, Geneva, sans-serif;
}

.content a:hover {
	color: #004483;
	font-family:Verdana, Geneva, sans-serif;
}

.leftnav {
	float: left;
	width: 221px;
	margin-top: -177px;
}

.leftnav_kids {
	background-color: #86a15a;
	margin-left: -15px;
	padding-left: 15px;

}

.leftnav_teens {
	background-color: #b88c41;	
	margin-left: -15px;
	padding-left: 15px;

}

.leftnav_teens a:link {
	color: #004483;
}

.leftnav_teens a:visited {
	color: #004483;
}

.leftnav_teens a:hover {
	color: #ffffff;
}

.leftnav_folklife {
	background-color: #bd553a;	
	margin-left: -15px;
	padding-left: 15px;
}

.leftnav a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	line-height: 1.5;
}

.leftnav a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	line-height: 1.5;
}

.leftnav a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.5;
}

.calendarwrap {
	width: 205px;
	height: 176px;
	margin-top: 12px;
	margin-bottom: 12px;
	float: left;
}

.calendartop {
	width: 205px; 
	height: 8px; 
	background-image:url(images/calendartop.jpg); 
	background-repeat:no-repeat;	
}

.enews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	float: left;
}

.follow {
	margin-right: 2px;
	margin-top: 9px;
	float: left;	
}

.followus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	float: left;
	margin-top: 5px;
	margin-bottom: 6px;
	width: 221px;
}

.sitemap {
	float: left;
	width: 221px;
}

.sitemap a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	line-height: 1.5;
}

.sitemap a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #004483;
	text-decoration: none;
	line-height: 1.5;
}

.sitemap a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.5;
}

.bottom {
	background-image: url(images/bottom.jpg);
	width: 789px;
	height: 21px;
	float: left;
}

.footer {
	float: left;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #575654;
	width: 789px;
	margin-bottom: 3px;
}

.footer a:link {
	color: #575654;
}

.footer a:visited {
	color: #575654;
}

.footer a:hover {
	color: #575654;
}

.clearall {
	clear: both;	
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #bd553a;
	padding-bottom: 10px;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #bd553a;
	font-weight: bold;
	padding-bottom: 10px;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #bd553a;
	padding-bottom: 10px;
}

.announcements {
	font-family: Verdana, Geneva, sans-serif;	
}

.announcements a:link {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
}

.announcements a:visited {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
}

.announcements a:hover {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
}

.eventtitle {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;	
}

.eventtime {
	color: #404040;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;	
}

.morelink {
	margin-bottom: 20px;	
}

.morelink a:link {
	color: #404040;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}

.morelink a:visted {
	color: #404040;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}

.morelink a:hover {
	color: #404040;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}

.eventheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #bd553a;
}

.eventheaderdate {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #656565;	
}

/**************************************************************/
/*** The following style settings control the event display ***/
/**************************************************************/
/* The examples only show basic manipulation of the data. */
/* Addtional style attributes such as color, background, etc can also be applied */

/*** eventsinfo class - style for events container (could be set to auto scroll ***/
/* tinycal_nav */
/* tinycal_left */
/* tinycal_date */
/* tinycal_right */
/* tinycal */
/* tinycal_weekday */
/* tinycal_day */
/* tinycal_current_day */
/* tinycal_blank */

/* First Calendar Example - Adjusts to container (table or div) size 100% wide */
.eventstinycal
{
	/*overflow:auto;*/
	/*font-size:xx-small;*/
	height:154px;
	width:205px;	/* Controls width of calendar - can be set to fixed width or a percentage relative to the container using a table or div as the container. */
	padding:0px;
	margin:0px;
	margin-left:0px;
	margin-top: -2px;
	/*border:1px solid black;*/
	background-image: url(images/calendarmid.jpg);
	background-repeat:repeat-y;
}
.eventstinycal #tinycal_date
{
	text-align:center;
	font-size:12px;
	/*color:blue;*/
	color: #666666;
}

.eventstinycal #tinycal_date a:link
{
	text-align:center;
	font-size:12px;
	/*color:blue;*/
	color: #666666;
}

.eventstinycal #tinycal_date a:visited
{
	text-align:center;
	font-size:12px;
	/*color:blue;*/
	color: #666666;
}

.eventstinycal #tinycal_date a:hover
{
	text-align:center;
	font-size:12px;
	/*color:blue;*/
	color: #666666;
}




.eventstinycal #tinycal
{
	/*Defines the display of the event/RR calendar*/
	color:#666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:#ffffff;
	/*border-collapse:collapse;*/
	width:100%;
}
.eventstinycal #tinycal_nav
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#0066cc;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
}

.eventstinycal #tinycal_nav a:link
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#0066cc;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.eventstinycal #tinycal_nav a:visited
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#0066cc;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.eventstinycal #tinycal_nav a:hover
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#0066cc;
	background-color:#ffffff;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}

.eventstinycal #tinycal_weekday
{
	/*Defines the display of day cells*/
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}

.eventstinycal #tinycal_weekday a:link
{
	/*Defines the display of day cells*/
	color:#666666;
	background-color:#ffffff;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}

.eventstinycal #tinycal_weekday a:visited
{
	/*Defines the display of day cells*/
	color:#666666;
	background-color:#ffffff;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}

.eventstinycal #tinycal_weekday a:hover
{
	/*Defines the display of day cells*/
	color:#666666;
	background-color:#ffffff;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}

.eventstinycal #tinycal_day
{
	/*Defines the display of blank day cells.*/
	color:#666666;
	background-color:#ffffff;
	padding:1px;
	vertical-align:top;
	text-align:center;
	/*border:1px solid #000000;*/
}

.eventstinycal #tinycal_day a:link
{
	/*Defines the display of blank day cells.*/
	color:#666666;
	background-color:#ffffff;
	padding:1px;
	vertical-align:top;
	text-align:center;
	text-decoration: none;
	/*border:1px solid #000000;*/
}

.eventstinycal #tinycal_day a:visited
{
	/*Defines the display of blank day cells.*/
	color:#666666;
	background-color:#ffffff;
	padding:1px;
	vertical-align:top;
	text-align:center;
	text-decoration: none;
	/*border:1px solid #000000;*/
}

.eventstinycal #tinycal_day a:hover
{
	/*Defines the display of blank day cells.*/
	color:#222222;
	background-color:#ffffff;
	padding:1px;
	vertical-align:top;
	text-align:center;
	text-decoration: none;
	/*border:1px solid #000000;*/
}

.eventstinycal #tinycal_current_day
{
	/*Defines the display of blank day cells.*/
	color:#666666;
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	border-color:#000000;
	vertical-align:top;
	text-align: center;
}

.eventstinycal #tinycal_current_day a:link
{
	color:#666666;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}

.eventstinycal #tinycal_current_day a:visited
{
	color:#666666;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}


.eventstinycal #tinycal_current_day a:hover
{
	color:#222222;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
}


.eventstinycal #tinycal_blank
{
	/*Defines the display of blank day cells.*/
	background-color:#ffffff;
	/*border:1px solid #000000;*/
}


/**************************************************************/
/*** The following style settings control the event display ***/
/**************************************************************/
/* The examples only show basic manipulation of the data. */
/* Addtional style attributes such as color, background, etc can also be applied */

/*** eventsinfo class - style for events container (could be set to auto scroll ***/
.eventsinfo
{
	/*overflow:auto;*/
	font-size:10px;
	width:100%;
	padding:1px;
	margin:0px;
}

.eventsinfo #eventtitle
{
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	top:0mm;
	font-size: 12px;
	/* Set float so eventtime DIV will appear to the right of event title */
}

.eventsinfo #eventtitle a:link {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.eventsinfo #eventtitle a:visited {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.eventsinfo #eventtitle a:hover {
	color: #004483;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

/* Examples of controlling the link attributes
.eventsinfo #eventtitle a:link,a:visited
{
	color: #800000;
}
.eventsinfo #eventtitle a:hover
{
	color: blue;
	font-size:small;
}
*/
.eventsinfo #eventtime
{
	color: #404040;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;	
	font-size: 12px;
}

.eventsinfo #eventdescription
{
	font-size: 12px;
	clear: left; /* Set clear so the event description (if displayed) will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
				 
}

.eventsinfo #eventlocation
{
	font-size: 12px;
	clear: left; /* Set clear so the event location will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
				 padding-bottom: 10px;
}

.eventsinfo #eventlibrary
{
	border-bottom-width:1px;
	border-bottom-style:solid;
}

li, ul {
	list-style: disc;	
}

#map {
	width: 415px; 
	height: 300px;
	margin-top: 15px;
	position:relative;
	z-index:0;
}

.red {
	color: #ff0000;	
}

.enewsletter {
	float: left;
	width: 221px;
}

.enewsletter a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bd553a;
	text-decoration: none;
	line-height: 1.2;
}

.enewsletter a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bd553a;
	text-decoration: none;
	line-height: 1.2;
}

.enewsletter a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.2;
}