/* standard tags */
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background:#F0F9E3;
	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#811788;
	}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#811788;
	}
h5 {
	font-weight:bold;
	color:#000000;
	display:inline;
	font-size:12px;
	}
h5.centered { 
	font-weight:bold;
	color:#000000;
	text-align:center;
	}
a:link {
	color: #fe6e0f;
	text-decoration: none;
	}
a:visited {
	color: #fe6e0f;
	text-decoration: none;
	}
a:hover {
	color: #fe6e0f;
	text-decoration: underline;
	}
a:active {
	color: #fe6e0f;
	text-decoration: none;
	}

/* page layout divisions */
#pageContainer {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	position:relative;		
	}
#pageContainerSub {
	width:760px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;		
	}
#header {
	width:760px;
	height:140px;
	z-index:1;
	visibility:visible;
	background:url(../images/header_rev.jpg) no-repeat;
	}
#headerSub {
	width:760px;
	height:140px;
	z-index:1;
	visibility:visible;
	background:url(../images/headerSub.jpg) no-repeat;
	}
#headerBottom {
	width:760px;
	height:10px;
	z-index:1;
	visibility:visible;
	background:url(../images/headerBottom.jpg) no-repeat;
	}
#navarea {
	position:absolute;
	left:2px;
	top:125px;
	width:127px;
	height:350px;
	z-index:99;
	visibility:visible;
	}
#masthead {
	width:580px;
	height:250px;
	z-index:2;
	visibility:visible;
	background:url(../images/navarea.jpg);
	}

/*sidebar with black background */

#sidebar {
	position:absolute;
	left:580px;
	top:140px;
	width:180px;
	height:440px;
	z-index:3;
	visibility:visible;
	background:url(../images/sidebar.jpg) no-repeat;
	}

/*sidebar divided into 5 pieces */

#sidebar1text {
	position:absolute;
	left:25px;
	top:25px;
	width:125px;
	height:75px;
	visibility:visible;
	border-bottom: 1px solid #acd84d;
	text-align:center;
	}

#sidebar1text img { border: 0px; }

#sidebar2text {
	position:absolute;
	left:25px;
	top:105px;
	width:125px;
	height:75px;
	visibility:visible;
	border-bottom: 1px solid #acd84d;
	text-align:center;
	}

#sidebar2text img { border: 0px; }

#sidebar3text {
	position:absolute;
	left:25px;
	top:185px;
	width:125px;
	height:80px;
	visibility:visible;
	border-bottom: 1px solid #acd84d;
	text-align:center;
	}

#sidebar3text img { border: 0px; }

#sidebar4text {
	position:absolute;
	left:25px;
	top:270px;
	width:125px;
	height:80px;
	visibility:visible;
	border-bottom: 1px solid #acd84d;
	text-align:center;
	}

#sidebar4text img { border: 0px; }

#sidebar5text {
	position:absolute;
	left:25px;
	top:350px;
	width:125px;
	height:75px;
	visibility:visible;
	text-align:center;
	}

#sidebar5text img { border: 0px; }

#bodyArea {
	padding: 20px 50px 20px 200px;
	z-index:1;
	background:url(../images/bgsub_fill.gif) repeat-y;
	min-height:300px;
	}

/*homeFeature - black background */

.homeFeature {
	width:580px;
	height:190px;
	background:url(../images/homeFeature.jpg) no-repeat;
}
	
.homeFeatureHidden {
	display: none;
	visibility: hidden;
}
/*homeFeature parts */

.homeFeature table {
	position: relative;
	top: 44px;
	left: 35px;
}

.leftImage {
	/*position:relative;
	width:98px;
	height:125px;*/
	top:44px;
	left:35px;
	z-index:2;
	}

.featureHeading {
	/*position:relative;
	top:-60px;
	left:45px;*/
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	}

.featureText {
	/*position:relative;
	top:-50px;
	left:150px;*/
	width:100px;
	color:#FFFFFF;
	font-size:10px;
	}

#footer {
	width:760px;
	height:60px;
	text-align:center;
	font-size:10px;
	position:relative;
	color:#999999;
	background:url(../images/footer.gif) no-repeat;
	}
#footerSub {
	width:760px;
	height:60px;
	text-align:center;
	font-size:10px;
	position:relative;
	color:#999999;	
	background:url(../images/footer_sub.gif) no-repeat;
	}

/* form modules */
#searchModule {
	position:absolute;
	left:45px;
	top:105px;
	width:505px;
	height:17px;
	z-index:1;
	}	
#searchModule #breadcrumbs {
	position:absolute;
	left: 0px;
	top: 25px;
	font-size: 10px;
}
#loginModule {
	position:absolute;
	left:540px;
	top:55px;
	width:200px;
	height:49px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
        text-align:right;
	z-index:99;
	}
#shareLink {
        position:absolute;
        left:585px;
        top:155px;
        z-index:99;
        }
#homeLink {
	position:absolute;
	left:35px;
	top:25px;
	width:350px;
	height:65px;
	z-index:1;
	}

/* Navigation list styles */
#nav {
	list-style: none;
	margin:20px 0 0 29px;	
	z-index:99;
	padding:0;	
	}
#nav li {
	position: relative;
	height:20px;
	width:127px;
	margin-bottom:2px;
	background:url(../images/nav_up.gif) no-repeat;	
	}
#nav li:hover
{ background:url(../images/nav_over.gif) no-repeat; }
/* #nav li:active
{
	background:url(../images/nav_down.gif) no-repeat;	
} */
#nav li.active
{ background:url(../images/nav_down.gif) no-repeat;	}
#nav li a {
	display: block;
	text-decoration: none;
	padding:0;
	margin:0;
	}
#nav li img { border:none; }
#nav a:link {
	color: #811788;
	text-decoration: none;
	}
#nav a:visited {
	color: #811788;
	text-decoration: none;
}
#nav a:hover {
	color: #811788;
	text-decoration: underline;
	}
#nav a:active {
	color: #811788;
	text-decoration: none;
	}
/* Fix IE. Hide from IE Mac \*/
* html #nav li { height: 1%; }
* html #nav li a { height: 1%; }
* html #nav li a:hover, #navli a:active {
	background:url(../images/nav_over.gif) no-repeat;
	height: 1%;
	}
#nav li ul {
	list-style: none;
	position: absolute;
	left: 127px;
	top: 0;
	padding:0;
	margin:0;
	display: none;	
	}
* html #nav li ul li a:hover { background:none; }
* html #nav li a:hover ul, #nav li.over ul { display: block; }
/* End */
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li ul li {
	width:170px;
	height:14px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;	
	background:#F0F9E3;	
	}
#nav li ul li a {
	padding-left:10px;
	padding-right:5px;	
	}
#nav li ul li a:hover { text-decoration:underline; }
* html #nav li.over {
	background:url(../images/nav_over.gif);
	height:20px;	
	}

#nav li ul li { 
	height:14px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;
	background:url(../images/navsub_bg.gif) no-repeat; }

#nav li ul li:hover { 
	height:14px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;
	background:url(../images/navsub_bg.gif) no-repeat; }

/* sub navigation rounded corners for first and last items */
#nav li ul li.first {
	height:20px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;	
	background:url(../images/navsub_top.gif) no-repeat
	}
#nav li ul li.first:hover {
	height:20px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;	
	background:url(../images/navsub_top.gif) no-repeat
	}
#nav li ul li.first a { padding-top:6px; }
#nav li ul li.last {
	height:20px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;	
	background:url(../images/navsub_bottom.gif) no-repeat;	
	}
#nav li ul li.last:hover {
	height:20px;
	white-space: nowrap;
	font-size:10px;
	line-height:14px;
	margin:0;
	padding:0;	
	background:url(../images/navsub_bottom.gif) no-repeat;	
	}
#nav li ul li.last a { padding-bottom:6px; }

/*CSS ADDED BY HENDERSON LIBRARIES */
.programImage {
	float:right;
	top:275px;
	width:150px;
	height:150px;
	visibility:visible;
	border:0px;
	}

.centertext { text-align:center; }


/*500 px high */
.table {
	position:static;
	margin-left:30px;
	margin-top:10px;
	height:500px;
	}
	
/*500 px high Took out margin-bottom: 25px; to remove overlapping text and footer error July 2009  */

	.bookClubYears {
	position:relative;
	margin-left:30px;
	margin-top:10px;
        min-height:700px;
        }

.filmScreenings {
	position:static;
	margin-left:30px;
	margin-top:10px;
	margin-bottom: 25px;
	min-height: 150px;
}

/*325 px high Adjusted height:325px; to min-height 325px; to remove overlapping text and footer error Aug 2009  */
.smaller_table {
	position:static;
	margin-left:30px;
	margin-top:10px;
	min-height:500px;
	}

.contentLeft {
        position:relative;
        float:left;
	width:450px;
        }

.contentRight {
        position:relative;
        float:left;
	width:450px;
        }

.boardcontentLeft {
        position:relative;
        float:left;
	width:200px;
        }
.boardcontentRight {
        position:relative;
        float:right;
	width:200px;
        }

h5 {
	font-weight:bold;
	color:#000000;
	display:inline;
	}

#logo {
	position:absolute;
	left:500px;
	top:275px;
	width:120px;
	height:68px;
	visibility:visible;
	border:0px;
	}

.righttext { text-align:right; }

.bold { font-weight:bold; }

.reditalics {	
	color:#FF0000;
	font-style:italic;
	}

.italics { font-style:italic; }

.centeritalics {
	font-style:italic;
	text-align:center;
	}

.indented {
	margin-left:15px;		
	font-style:italic;
	}
		
img {border:0px;}
	
.note {
	text-align:center;
	position: static;
	}

.highlight { background-color: #ffc183; }

#map {
	padding: 20px 50px 20px 200px;
	z-index:1;
        width:500px;
	height:300px;
        align: center;
	}
/**************************************************************/
/*** 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:100px;
	width:100%;	/* 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:1px;
	margin:0px;
	margin-left:10px;
	border:1px solid black;
}
.eventstinycal #tinycal_date
{
	text-align:center;
	font-size:12px;
	color:blue;
}

.eventstinycal #tinycal
{
	/*Defines the display of the event/RR calendar*/
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	border-collapse:collapse;
	width:100%;
}
.eventstinycal #tinycal_nav
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#800040;
	background-color:#F0F0F0;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}
.eventstinycal #tinycal_weekday
{
	/*Defines the display of day cells*/
	color:#FFFFFF;
	background-color:#000099;
	border:1px solid #000000;
	padding:1px;
	font-weight:bold;
	font-size:10px;
}
.eventstinycal #tinycal_day
{
	/*Defines the display of blank day cells.*/
	color:#000000;
	background-color:#F0F0F0;
	padding:1px;
	vertical-align:top;
	border:1px solid #000000;
}
.eventstinycal #tinycal_current_day
{
	/*Defines the display of blank day cells.*/
	color:#800040;
	background-color:#00FFFF;
	border:1px solid #000000;
	border-color:#000000;
	vertical-align:top;
}
.eventstinycal #tinycal_blank
{
	/*Defines the display of blank day cells.*/
	background-color:black;
	border:1px solid #000000;
}
/* Second Calendar Example - Fixed at 100px wide*/
.eventstinycal2
{
	/*overflow:auto;*/
	font-size:xx-small;
	height:100px;
	width:100px; /* Controls width of callendar - can be set to fixed width or a percentage relative to the container using a table or div as the container. */
	padding:1px;
	margin:0px;
	margin-left:10px;
	border:1px solid black;
}
.eventstinycal2 #tinycal_date
{
	text-align:center;
	font-size:12px;
	color:blue;
}

.eventstinycal2 #tinycal
{
	/*Defines the display of the event/RR calendar*/
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	border-collapse:collapse;
	width:100%;
}
.eventstinycal2 #tinycal_nav
{
	/*Defines the display of the month/increment decrement month navigation*/
	color:#800040;
	background-color:#F0F0F0;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}
.eventstinycal2 #tinycal_weekday
{
	/*Defines the display of day cells*/
	color:#FFFFFF;
	background-color:#000099;
	border:1px solid #000000;
	padding:1px;
	font-weight:bold;
	font-size:10px;
}
.eventstinycal2 #tinycal_day
{
	/*Defines the display of blank day cells.*/
	color:#000000;
	background-color:#F0F0F0;
	padding:1px;
	vertical-align:top;
	border:1px solid #000000;
}
.eventstinycal2 #tinycal_current_day
{
	/*Defines the display of blank day cells.*/
	color:#800040;
	background-color:#00FFFF;
	border:1px solid #000000;
	border-color:#000000;
	vertical-align:top;
}
.eventstinycal2 #tinycal_blank
{
	/*Defines the display of blank day cells.*/
	background-color:black;
	border:1px solid #000000;
}