/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*
/*-------------------------------------------------------------------------------------------------------*/
/*	http://www.conneaut.com (site updated by Chris Butler on 10/10/2006)
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Header
/*-------------------------------------------------------------------------------------------------------*/
#header
{
	background-color:			#E7DAAD;
	background-image:			url( /images/bg_header2.gif );
	background-repeat:			no-repeat;
	padding:				0px 0px 0px 0px;
	width:					798px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Home Page Layout
/*-------------------------------------------------------------------------------------------------------*/
table#homelayout
{
	width:					798px;
}

col#homeleftcolumn
{
	width:					auto;
}

col#homecontentcolumn
{
	width:					auto;
}

col#homerightcolumn
{
	width:					auto;
}

/* Home Page Layout Contents */
td#homeleftcontentcell
{
	display:				none;
}

td#homecontentcell
{
	vertical-align:				top;
	padding:				55px 20px 20px 30px;
	margin:					0px 0px 0px 0px;
	line-height:				24px;
	font-family:				arial,sans serif;
	font-size:				16px;
	color:					#6E572C;
	background-color:			#EEDFBF;
	border-bottom:				1px solid white;
}

td#homerightcontentcell
{
	width:					220px;
	padding:				0px 0px 0px 0px;
	vertical-align:				top;
	xborder-left:				1px solid white;
	border-bottom:				1px solid white;
	background-image:			url( /stuff/contentmgr/files/57a2003ef49e25832d396ed2736f7083/misc/widget_bg.jpg );
	background-repeat:			no-repeat;
	background-color:			#DDC080;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Subpage Layout
/*-------------------------------------------------------------------------------------------------------*/
table#layout
{
	width:					798px;
}

col#leftcolumn
{	
	width:					130px;
}

col#contentcolumn
{
	width:					auto;
}

col#rightcolumn
{
	width:					auto;
}

/* Subpage Layout Contents */
td#leftcontentcell
{
	width:					208px!important;
	vertical-align:				top;
	padding:				55px 0px 40px 0px;
	margin:					0px 0px 0px 0px;
	line-height:				20px;
	font-family:				arial,sans serif;
	font-size:				12px;
	color:					#6E572C;	
	background-color:			#E7DAAD;
	border-bottom:				1px solid white;
	xbackground-image:			url( /images/bg_widget.gif );
	xbackground-repeat:			no-repeat;
}

td#contentcell
{
	vertical-align:				top;
	padding:				63px 28px 40px 28px;
	margin:					0px 0px 0px 0px;
	line-height:				24px;
	font-family:				arial,sans serif;
	font-size:				16px;
	color:					#6E572C;
	background-color:			#EEDFBF;
	border-bottom:				1px solid white;
	border-left:				1px solid white;
}

td#rightcontentcell
{
	width:					auto!important;
	padding:				10px 0px 0px 0px;
	vertical-align:				top;
	border-left:				1px solid white;
	border-bottom:				1px solid white;
	background-image:			url( /images/bg_widget.gif );
	background-repeat:			no-repeat;
	background-color:			#EEDFBF;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Global Navigation
/*-------------------------------------------------------------------------------------------------------*/
#globalnav
{
	text-align:				right;
	font-family:				verdana,arial,sans serif;
	font-size:				0.65em;
	color:					black;
	position:				absolute;
	top:					42px;
	left:					250px;
	white-space:				nowrap;
	width:					500px;
}

#globalnav a
{
	color:					white;
}

.globalnavdivider
{
	padding:				0em 0.7em;
	color:					white;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Top Navigation 3-Tier DHTML Menu
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	clear:					both;
	width:					798px;
	border-top:				1px solid white;
	border-bottom:				1px solid white;
	background-color:			#B74B15;
	text-align:				left;
	background-image:			url( /images/bg_nav.gif );
	background-repeat:			repeat-x;
}

/* First tier of menu items */
#topnav a,#topnav a.active
{
	/* Adjust space between menu items	*/	
	margin-left:				0px; 
	display:				block;
	width:					auto;
	height:					32px;
	background-color:			#B74B15;
	padding:				0px 0px 0px 0px;
	line-height:				32px;
	white-space:				nowrap;
	font-family:				arial,sans serif;
	font-weight:				bold;
	font-size:				16px;
	color:					white;
}

#topnav a:hover,
#topnav a.active,
#topnav a.active:hover
{
	background-color:			#BF611B;
}

/* Top nav menu items */
ul.menublock
{
	/*	Customizeable options */
	width:					175px;
	border-top:				1px solid white;
	border-bottom:				none;
	background-color:			#BF611B;
	margin:					2px 0px 0px 1px;

	/*	Do not modify */
	position:				absolute;
	z-index:				200;
	visibility:				hidden;
	margin:					2px 0px 0px 1px;
	padding:				0px;
	list-style-type:			none;

}

ul.menublock li
{
	/*	Do not modify	*/
	display:				inline;
}

ul.menublock a
{
	display:				block;
	width:					auto;
	height:					26px;
	border-bottom:				1px solid white;
	padding:				0px 8px 0px 15px;
	line-height:				26px;
	white-space:				nowrap;
	font-family:				arial,sans serif;
	font-size:				11px;
	color:					white;
}

ul.menublock a:hover
{
	background-color:			#B94B16;
	color:					white;
}

ul.submenublock
{
	/*	Customizeable options */
	width:					175px;
	border-top:				1px solid white;
	border-bottom:				none;
	background-color:			#B94B16;
	padding:				3px 0px;

	/*	Do not modify */
	position:				absolute;
	z-index:				200;
	visibility:				hidden;
	margin:					0px;
	padding:				0px;
	list-style-type:			none;

}

ul.submenublock li
{
	/*	Do not modify	*/
	display:				inline;
}

ul.submenublock a
{
	display:				block;
	width:					auto;
	padding:				0px 8px 0px 15px;
	white-space:				nowrap;
	font-family:				arial,sans serif;
	font-size:				11px;
	color:					white;
	border-bottom:				none;
	background-color:			#B94B16;
	height:					22px;
	line-height:				22px;

}

.submenublock a:hover
{
	background-color:			#B94B16;
	color:					white;
}

a.showsub,a.showsub:hover
{
	/*	Makes arrow indicator for links with submenu */
	background-image:			url( /images/arrow1.gif );
	background-position:			center right;
	background-repeat:			no-repeat;
}

a.showsub:hover
{
	/* submenu arrow */
	background-image:			url( /images/arrow1.gif );
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Bread Crumb Navigation 
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumbnav
{
	clear:				both;
	display:			block;
	width:				auto;
	height:				26px;
	line-height:		26px;
	padding:			0em 1.0em;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
}

#breadcrumbnav .text
{
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Left Side Navigation
/*-------------------------------------------------------------------------------------------------------*/
#sidenav
{
	width:					130px;
	margin:					0px 0px 0px 28px;
	padding:				0px 0px 0px 0px;
}

#sidenav ul
{
	margin:					0px 0px 0px 0px;
	padding:				0px;
	list-style-type:			none;
}

#sidenav ul.sub
{
	/*	indent submenu	*/
	padding-left:				1.0em;
	list-style-type:			none;
}

#sidenav li
{
	display:				inline;
	list-style-type:			none;
}

#sidenav a.top
{
	display:				block;
	padding:				0.7em 0em 0.8em;
	margin-bottom:				0.4em;
	border-bottom:				1px dashed #6E572C;
	font-weight:				bold;
	color:					#6E572C;
}

#sidenav a
{
	display:				block;
	padding:				0.4em 0em;
	color:					#6E572C;
}

#sidenav a.active, #sidenav a.sub-active,
{
	/*	highlight active section items	*/
	color:				rgb(0,85,153);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Page Title 
/*-------------------------------------------------------------------------------------------------------*/
a#pagetitle
{
	display:				block;
	margin:					0em;
	margin-bottom:				28px;
	padding:				0em;
	line-height:				32px;
	font-family:				arial;
	font-weight:				normal!important;
	font-size:				24px;
	color:					#6E572C!important;
}

a#pagetitle:hover
{
	font-weight:				normal!important;
	color:					#6E572C!important;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Document Attachments
/*-------------------------------------------------------------------------------------------------------*/
#documents
{
	font-family:		verdana,arial,sans serif;
	font-size:			0.9em;
	font-weight:		normal;
	line-height:		2.0em;
}

#documents a
{
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Widget
/*-------------------------------------------------------------------------------------------------------*/
table#widget
{
	margin-top:					40px;
	width:						251px;
	padding:					0px 0px 0px 0px;
}

td#widgettitle
{
	padding:					20px 0px 5px 20px;
	color:						#B94B16;
	text-align:					left;
	font-family:					arial,sans serif;
	font-weight:					bold;
	font-size:					16px;
	line-height:					20px
}


td#widgetcontent
{
	padding:					10px 28px 28px 20px;
	color:						black;
	text-align:					left;
	font-family:					arial,sans serif;
	font-weight:					normal;
	font-size:					12px;
	line-height:					20px
}

#widgetcontent a
{
	color:						#B94B16;
	text-decoration:				none;
}

#widgetcontent a:hover
{
	color:						#B94B16;
	text-decoration:				underline;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Image Attachments
/*-------------------------------------------------------------------------------------------------------*/
/* Images 1 & 2 in the content area (wrap enabled)*/
.imagecaption-wrap
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;

	line-height:		15px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	float:				right;
	margin:				45px 0px 20px 20px;

	text-align:			center;
}

.imagecaption-wrap img
{
	display:			block;
	margin-bottom:		10px;
}


/* Images 1 & 2 in right column (wrap disabled)*/
.imagecaption
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	float:				right;
	margin:				25px 0px 20px 20px;

	text-align:			center;
}

.imagecaption img
{
	display:			block;
	margin-bottom:		10px;
}

/* Formatter */
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Navigation
/*-------------------------------------------------------------------------------------------------------*/
#footernav
{
	clear:				both;
	margin:				0px 0px 0px;
	border-top:			1px solid rgb(187,187,187);
	padding:			1em 2em;
	line-height:			1.9em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.65em;
	color:				rgb(119,119,119);
}

#footernav a
{
	padding:			0px 0px;
	white-space:		nowrap;
	color:				rgb(0,136,102);
}

.footernavdivider
{
	padding:			0em 1em;
	color:				rgb(187,187,187);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Text Content
/*-------------------------------------------------------------------------------------------------------*/
#footertext
{
	clear:					both;
	margin:					0px 0px 0px 0px;
	padding:				20px 0px 20px 35px;
	line-height:				22px;
	font-family:				arial,sans serif;
	font-size:				11px;
	color:					#745A00;
	background-color:			#E7DAAD;
	border-top:				1px solid #E1C58E;
	width:					763px;
}

#footertext a
{
	padding:				0px 0px;
	white-space:				nowrap;
	color:					#745A00;
	text-decoration:			none;
}

#footertext a:hover
{
	padding:				0px 0px;
	white-space:				nowrap;
	color:					#745A00;
	text-decoration:			underline;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Content List Page 
/*-------------------------------------------------------------------------------------------------------*/
.listpagetable
{
	/*	Entire list table */
	font-family:				arial,sans serif;
	line-height:				20px;
	margin:					0px 0px 0px 0px;
	font-size:				12px;
	color:					#6E572C;
}

.listpagetable td
{
	/* All cells of the table */
	padding:				0px 0px 20px 0px;
}

.listpagetable td img
{
	/* All images in the list table cell */
	margin-right:				20px;
	margin-top:				10px;
	border:					1px solid white;
}

.listpagetable td a.titlelink
{
	/* The title link of the list item */
	font-weight:				bold;
	margin-right:				10px;
	color:					#6E572C;
}

/* When there is no details page */
.listpagenodetails
{
	font-weight:				bold;
	display:				block;
	color:					#6E572C;
}

.listpagebacklink
{
	display:				block;
	padding-top:				10px;
	font-weight:				bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Content Landing Page 
/*-------------------------------------------------------------------------------------------------------*/
.landingpagetable
{
	/*	Entire list table */
	font-family:		verdana,arial,sans serif;
	line-height:		1.4em;
	margin-top:			2.0em;
	margin-bottom:		1.3em;
	font-size:			1.0em;
	color:				black;
}

.landingpagetable td
{
	/* All cells of the table */
	padding:			2px 2px 20px 2px;
}

.landingpagetable td img
{
	/* All images in the list table cell */
	padding-right:		20px;
	padding-top:		5px;
}

.landingpagetable td a.titlelink
{
	/* The title link of the list item */
	font-weight:		bold;
	margin-right:		10px;
}

.landingpagenodetails
{
	/* When there is no details page */
	font-weight:		bold;
	display:			block;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Popup Window Page
/*-------------------------------------------------------------------------------------------------------*/
body.popup
{
	margin:				0px;
	padding:			0px;
	
	background-color:	white;
}

table#poplayout
{
	width:				auto;
}

col#popupcolumn
{
	width:				auto;
}

td#popupcolumncontent
{
	vertical-align:		top;
	width:				auto;
	padding:			20px 20px 20px 30px;

	margin:				0em 0em 1.6em 0px;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
}

/* Images 1 & 2 in popup window */
.imagecaptionpopup
{
	display:			block;
	color:				rgb(115,115,115);
	width:				160px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			1em;
	float:				none;
	margin:				10px;
}

a#popuppagetitle
{
	display:			none;
	margin:				0em;
	margin-bottom:		15px;
	padding:			0em;

	line-height:		1.0em;
	font-family:		times new roman,serif;
	font-weight:		normal!important;
	font-size:			2.1em;
	color:				rgb(0,82,156)!important;
}

a#popuppagetitle:hover
{
	font-weight:		normal!important;
	color:				rgb(0,51,102)!important;
}


#popupclosebutton
{
	display:			block;
	padding-top:		10px;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	HTML Elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin-top:					0px;
	margin-bottom:					0px;
	margin-left:					auto;
	margin-right:					auto;
	padding:					0px 0px 0px 0px;
	background-color:				#DDCD98;
	width:						798px;
	border:						1px solid white;
}

hr
{
	/*	Do not show <hr> tags */
	display:			none;
}

p
{
	/*	Disable margin when <p> tags used */
	margin:				0px;
}

a
{
	text-decoration:			none;
	color:					#B94B16;
}

a:hover
{
	color:					#D39641;
	text-decoration:			none;
}

h1,.headline
{
	margin:				.5em 0em 0em 0em;
	padding:			0em;
	display:			block;
	line-height:		1.0em;
	font-family:		times new roman,serif;
	font-weight:		normal;
	font-size:			1.5em;
	color:				rgb(0,82,156);
}

h2, h3,.subheadline
{
	margin:				0em;
	padding:			0em;
	display:			block;
	line-height:		1.0em;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			1.0em;
	color:				black;
}

blockquote
{
	margin:			1em 3em;
	border-top:		1px solid rgb(221,204,204);
	border-bottom:	1px solid rgb(221,204,204);
	padding:		0.5em 0em;
	font-family:	times new roman,times;
	font-size:		1.15em;
	font-style:		italic;
	line-height:	1.4em;
	color:			rgb(153,51,51);
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Form Elements
/*-------------------------------------------------------------------------------------------------------*/
form
{
	margin:				0em;
}

label
{
	display:			block;
	margin-top:			1.0em;
	font-family:		verdana,arial,sans serif;
}

label.checkbox, label.radio, label.cb
{
	display:			inline;
	font-family:		verdana,arial,sans serif;
}

input.text, select
{
	font-family:		verdana,arial,sans serif;
}

input.button
{
	margin-top:			20px;
	font-family:		verdana,arial,sans serif;
}

.fieldnote
{
	color:				#B94D16;
	margin-top:			20px;
	font-size:			12px;
	font-family:			arial,sans serif;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Calendar
/*-------------------------------------------------------------------------------------------------------*/
/*	Main calendar table	*/
table#calendar
{
	margin-right:		10px;
	font-size:			1.0em;
}

/*	Month headers	*/
table#calendar th
{
	vertical-align:		top;
	padding:			2.0em 0em 0em;
	text-align:			left;
	font-family:		arial,sans serif;
	font-size:			1.5em;
	color:				black;
}

/*	Calendar row	*/
table#calendar td
{
	vertical-align:		top;
	padding:			1.0em 1.0em 0.5em 0em;
	line-height:		1.4em;
}

/*	New day row (border) */
table#calendar td.newday
{
	border-top:			1px solid rgb(187,187,187);
	padding-top:		0.25em;
}

/*	Large numerical day number	*/
.day-number
{
	padding-top:		0.1em;
	text-align:			center;
	line-height:		0.8em;
	font-family:		arial,sans serif;
	font-weight:		bold!important;
	font-size:			2.4em;
	color:				black;
}

/*	Day number color	*/
.day-number a,
.day-number a:hover
{
	color:				rgb(0,85,153);
}

/*	Weekday abbreviation	*/
.day-weekday
{
	text-align:			center;
	text-transform:		uppercase;
	font-family:		arial,sans serif;
	font-size:			0.8em;
}

/*	Thumbnail calendar (month view)	*/
table.calendar-thumbnail
{
	width:				100%;
}

/*	Thumbnail calendar month header	*/
table.calendar-thumbnail th
{
	padding-top:		1.5em;
	
	line-height:		1.8em;
	text-align:			center;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			0.68em;
	color:				black;
}

/*	Thumbnail calendar day block	*/
table.calendar-thumbnail td
{
	width:				1.4em;
	height:				1.4em;
	
	text-align:			right;
	font-family:		verdana;
	font-size:			0.65em;
	color:				rgb(153,153,153);
}

table.calendar-thumbnail td a
{
	color: rgb(187,34,51);
}

/*	Thumbnail calendar previous 	*/
table.calendar-thumbnail td.previous
{
	width:				50%;
	text-align:			left;
}

/*	Thumbnail calendar next		*/
table.calendar-thumbnail td.next
{
	width:				50%;
	text-align:			right;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Extranet
/*-------------------------------------------------------------------------------------------------------*/
/* The table surrounding the login form */
#logintable
{
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			40px;
	margin-bottom:		50px;
}

/* UserID, Password labels */
label.login
{
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
	
	vertical-align:		top;
	height:				20px;
	margin-right:		10px;
}

/* The login button */
input.loginbutton
{
	font-size:			0.8em;
	margin-top:			1.0em;
}

/* Located at the bottom of each secure page */
a.logout
{
	display:			block;
	padding-top:		1px;
	padding-bottom:		3px;
	background:			rgb(189,189,189);
	color:				white;
	width:				75px;
	margin-top:			20px;
	height:				17px;
	
	text-align:			center;
	font-weight:		bold;
	line-height:		17px;
}

/* Appears if a login fails */
.statusmessage
{
	display:			block;
	text-align:			center;

	margin:				30px 20px 0px 20px;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				red;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Gallery
/*-------------------------------------------------------------------------------------------------------*/
/*	Thumbnail table	*/
table#thumbnailtable
{
	margin-top:			20px;
	margin-right:		0px;
}

/*	Thumbnail cell	*/
td.thumbnailitem
{
	padding:			0px 25px 20px 0px;
	text-align:			center;
}

/*	The thumbnail image	*/
td.thumbnailitem img
{
}

/*	The thumbnail description container	*/
.thumbnaildescription
{
	line-height:		1.4em;
	font-family:		arial,sans serif;
	font-size:			0.85em;
	display:			none;
}

/*	Thumbnail description links	*/
.thumbnaildescription a
{
	color:				rgb(204,204,204);
	display:			block;
	font-weight:		bold;
}

.thumbnaildescription a:hover
{
	color:				rgb( 118, 134, 176 );
}

/*	The thumbnail description abstract text	*/
.thumbnailabstract
{
	line-height:		1.4em;
	font-family:		arial,sans serif;
	font-size:			0.85em;
	width:				75px;
	text-align:			left;
}

/*	The results, forward/next line	*/
#results
{
	border-top:			1px solid rgb( 118, 134, 176 );
	margin-top:			13px;
	color:				rgb( 118, 134, 176 );
	padding-top:		3px;
	font-size:			11px;
}

#results a
{
	color:				white;
}	

#results a:hover
{
	color:				white;
}

/*	The 'Back to Gallery' link	*/
a.backlink
{
	display:			block;
	color:				rgb(204,204,204);
	margin-top:			20px;
}	

a.backlink:hover
{
	color:				rgb( 118, 134, 176 );
}

/*	The subpage previous/next navigation  */
#prev-next-nav
{
	display:			block;
	margin-top:			10px;
}

#prev-next-nav a
{
	margin-right:		10px;
}

#prev-next-nav img
{
}