html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 0; border: 0; padding: 0;
	background-color: rgb(76,95,73);
	text-align: center;
}

table { margin: 0; border: 0; padding: 0; border-collapse: collapse; }

/* BEGIN: Header Layout Containers */
#header {
	margin: 0 auto; border: 0; padding: 0;
	background: url(../images/bg_page_top.gif) repeat-x scroll top;
	width: 775px; height: 221px;
	text-align: center;
	overflow: hidden;
}
/* Using the "Phark Revisited" image replacement method from
	[http://www.mezzoblue.com/tests/revised-image-replacement/] */
#header h1 {
	margin: 0; border: 0; padding: 0;
	background: transparent url(../images/hdr_library.jpg) no-repeat scroll top center;
	width: 100%; height: 128px;
	text-align: left; text-indent: -5000px;
	cursor: pointer;
}
#header #subheader {
	margin: 0 auto; border: 0; padding: 0;
	width: 751px;
	text-align: left;
}
#header #subheader #libraryHours {
	margin: 0; border: 0; padding: 15px;
	background: transparent url(../images/bg_hours.gif) repeat-x scroll top;
	width: 170px; height: 93px;
	float: left;
}
#header #subheader #libraryHours * {
	margin: 0; border: 0; padding: 0;
	font-size: 8pt;
	color: rgb(76,95,73);
}
#header #subheader #bbclSearch {
	margin: 0; border: 0; padding: ;
	background: transparent;
	width: 551px; height: 93px;
	float: left;
}
#header #subheader #bbclSearch .searchheader {
	font: 16pt Georgia, Times, Serif;
}
#header #subheader #bbclSearch .searchlabel {
	font: 8pt Georgia, Times, Serif;
}
#header #subheader #bbclSearch table {
	margin: 15px 0 0 0; border: 0; padding: 0;
	float: right;
	width: 410px;
}
#header #subheader #bbclSearch table table {
	margin: 0;
}
#header #subheader #bbclSearch table td {
	margin: 0; border: 0; padding: 0;
	background-color: transparent;
}
/* END: Header Layout Containers */

/* BEGIN: Main Body Layout Container */
#body {
	position: relative;
	margin: auto; margin-top: -12px; border: 0; padding: 0;
	background: url(../images/bg_body.gif) repeat-y scroll top;
	overflow: auto;
	width: 751px;
}
#body .column {
	float: right;
}
/* END: Main Body Layout Container */

/* BEGIN: Content Layout Containers */
#content {
	margin: 0; border: 0; padding: 12px;
	background: white url(../images/bg_content_top.gif) repeat-x scroll top;
	width: 527px;
	text-align: left;
}
#featuredSites {
	margin: -12px -12px 12px 12px;
	border: 1px solid rgb(192,206,255); border-width: 0 0 1px 1px;
	padding: 0;
	width: 176px; float: right;
}
#featuredSites p {
	text-align: center;
	margin: 12px;
}
#welcome,
#featuredNews,
#notices { width: 350px; text-align: justify; }
#featuredNews {
	margin: 0; border: 1px solid rgb(76,95,73); padding: 6px;
	background: rgb(224,240,225) url(../images/bg_featured_news.gif) no-repeat scroll bottom right;
	width: 336px;
}
#featuredNews h2 { font-size: 11pt; font-weight: bold; color: rgb(76,95,73); }
#featuredNews .newsSummaryItem { margin-left: 0; }
/* END: Content Layout Containers */

/* BEGIN: Navigation Layout Containers */
#navigation {
	margin: 0; border: 0; padding: 12px 0 0 0;
	background: transparent url(../images/bg_menu_top.gif) repeat-x scroll top;
	width: 200px;
}
#calendar {
	margin: 0; border: 0; padding: 12px 12px;
	background: rgb(158,85,68) url(../images/bg_menu_calendar.gif) no-repeat scroll bottom left;
	color: rgb(233,208,152);
	font-weight: bold; font-size: 8pt;
	text-align: left;
}
#calendar iframe {
	margin: 8px; margin-top: 12px;
}
#address p {
	margin: 6px; border: 0; padding: 0;
	font-weight: bold; font-size: 9pt;
	color: rgb(192,206,255);
	text-align: right;
}
/* BEGIN: Navigation Layout Containers */

/* BEGIN: Menu Styles */
.menu {
	margin: 0; border: 0; padding: 0 0 6px 0;
	background: url(../images/bg_menu.gif) repeat-y scroll;
	width: 200px;
}
.menu img {
	display: block;
	margin: 0; border: 0; padding: 0;
}
.menu_item ilayer {
	background-color: transparent;
}
/* END: Menu Styles */

/* BEGIN: Footer Layout Containers */
#footer
{
	margin: 5px auto;
	border: 0;
	padding: 0 0 0 200px;
	overflow: auto;
	width: 551px;
	clear: both;
}

#footer div
{
	font-size: 8pt;
	font-weight: normal;
	color: white;
	text-align: justify;
}

#footer .contentCopyRight
{
	margin: 12px 0;
	border: 0;
	padding: 0;
	text-align: center;
}
#footer .forteLogo
{
	float: right;
	margin: 5px 0;
	border-bottom: 68px;
	padding: 0;
}
/* END: Footer Layout Containers */

/* Make debugging easier to read */
.cfdebug { text-align: left; }