/* GENERIC FORMATTING */
	body {
		font-family: "Tahoma", sans-serif;
		background-color: #fff;
		color: #898989;
		font-size: 11px;
	}

	a {
		color: #a0c0e1;
	}

	div {
		padding: 0;
		margin: 0;
	}

	img {
		border: 0;
	}

	form input.button {
		background-color: #5e5e5e;
		color: #fff;
		font-weight: bold;
		border: 1px solid #000;
	}

/* CENTER PAGE WRAP IN PAGE */
	body {
		margin: 20px 0 0 0;
		text-align: center;
	}
	#pagewrap {
		margin: 0 auto;
		width: 738px;
		text-align: left;
	}

/**
 * +-----------------------------------------------------------------------------------------------+
 * | H E A D E R                                                                                   |
 * +-----------------------------------------------------------------------------------------------+
 */

/* FLOAT LOGO LEFT */
	#header #logo {
		position:absolute;
		z-index: 200;
	}
	#header #logo p {
		margin: 0;
		padding: 0;
	}

/* PUSH QUICK LINKS TO RIGHT, ADD BLUE LINE AND >> BACKGROUND IMAGES */
	#header #quicklinks {
		height: 20px;
		border-bottom: 5px solid #01a2bf;
	}
	#header #quicklinks ul {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	#header #quicklinks ul li {
		display: inline;
		padding: 0 10px;
		background: url(images/raquo.jpg) 0 6px no-repeat
	}
	#header #quicklinks a {
		color: #d1d1d1;
		font-size: 10px;
		font-family: arial;
		text-decoration:none
	}
	#header #quicklinks a:hover {
		color: #a0c0e1;
	}

/* FORCE TAG LINE TO 30px HEIGHT */
	#header #tagline {
		height: 55px;
		background: url(images/tagline_background.jpg) 0 0 repeat-x;
		padding: 0 0 0 220px;
	}
	#header #tagline p {
		margin: 0;
		padding: 14px 0 0 0;
		font-size: 18px;
	}

/* SPACE MENU ITEMS OUT AND ADD BACKGROUND IMAGES */
	#header #menu {
		height: 31px;
		background: url(images/tab_background.jpg) 0 0 repeat-x;
	}
	#header #menu ul {
		margin: 0;
		padding: 0 0 0 200px;
		list-style: none;
		text-align: center;
	}
	#header #menu ul li {
		float: left;
		width: 106px;
		height: 31px;
		background: url(images/tab.jpg) 4px 0 no-repeat;
	}
	#header #menu ul li.current {
		height: 25px;
		padding-top: 6px;
		background: url(images/tab_current.jpg) 4px 0 no-repeat;
	}
	#header #menu a {
		color: #5c5c5c;
		text-decoration: none;
		display: block;
		padding: 2px 0;
	}

/**
 * +-----------------------------------------------------------------------------------------------+
 * | C O N T E N T                                                                                 |
 * +-----------------------------------------------------------------------------------------------+
 */

/* MAKE SURE CONTENT CLEARS HEADER */
	#contentwrap {
		clear: both;
		position: relative;
		border: 1px solid #fff;
	}

/* MODIFY GAP ABOVE HERO IMAGE TO CLEAR BOTTOM OF LOGO */
	#contentwrap #hero-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 199px;
		height: 339px;
		z-index: 100;
	}

/* FORMAT CONTENT AREA */
	#contentwrap #content {
		position: relative;
		padding-left: 200px;
		height: 340px; /* ie treats this as min height!? Other browsers take this as fixed height */
		min-height: 340px; /* other browsers use this min-height */
	}
	/* undo the height: above for non IE browsers which will use it as a fixed height */
	#contentwrap>#content { /* IE doesn't like the > */
		height: auto; /* ie ignores child selector, modern browsers replace height declaration */
	}

	/* underline breadcrumb links */
	#contentwrap #content #breadcrumb a.link {
		text-decoration: underline;
	}
	/* make non-link breadcrumb items normal text color */
	#contentwrap #content #breadcrumb a.nolink {
		color: #898989;
	}

	/* add right margin to homepage content to make space for right hand box */
	/* add left gray background so long content doesn't cause white gap to footer */
	#contentwrap #content.homepage {
		background: url(images/content_background.jpg) 0 0 repeat-y;
		padding-right: 170px;
	}
	#contentwrap .custom-homepage img {
		margin: 0 5px;
	}
	#contentwrap #content h1, #contentwrap #content h2, #contentwrap #content h3 {
		padding: 0;
		margin: 0;
	}

/* ADD BLUE BAR ABOVE BOTTOM CONTENT ON HOME PAGE */
	#contentwrap #content div#homepage-bottom-text {
		border-top: 20px solid #01a2bf;
	}


	#contentwrap #content div {
		padding: 5px;
	}
	#contentwrap #content div div {
		padding: 0;
	}
	#contentwrap #content strong {
		color: #a0c0e1;
		font-weight: bold;
	}

	#content a {
		font-weight: bold;
		text-decoration: none;
	}


/* HOMEPAGE HAS A DIV#PANEL THAT NEEDS TO GO ON THE RIGHT OF THE CONTENT */
	#contentwrap #content #panel {
		position: absolute;
		/* left position = width (738) - panel width (170) */
		top: 0;
		left: 568px;
		width: 170px;
		height: 100%;
		background: #eaeaea url(images/content_panel_background.jpg) top right no-repeat;
		padding: 0;

	}


/* LINEAR NAVIGATION */

	#contentwrap #content #linear-navigation {
		text-align: right;
	}
	#contentwrap #content #linear-navigation p {
		margin: 0;
		padding: 0;
	}
	#contentwrap #content #linear-navigation a {
		text-decoration: underline;
	}

/**
 * +-----------------------------------------------------------------------------------------------+
 * | C O N T E N T   P A N E L                                                                     |
 * +-----------------------------------------------------------------------------------------------+
 */
	#content #panel p.search {
		padding: 10px 10px 10px 0;
		text-align: right;
		height: 70px;
	}
	#content #panel p.banner {
		text-align: center;
	}
	#content #panel p.text {
		padding: 0 25px;
	}
	#content #panel p strong {
		color: #898989;
	}

/**
 * +-----------------------------------------------------------------------------------------------+
 * | H O M E P A G E   P A N E L S                                                                 |
 * +-----------------------------------------------------------------------------------------------+
 */

/* MAKE SURE HOMEPAGE PANELS CLEAR ALL AND HAS NICE BACKGROUND */
	#homepage-panels {
		clear: both;
		height: 114px;
		background: url(images/footer_background.jpg) 0 0 repeat;
	}

/* FORMAT HOME PAGE SUB DIVS SO THE RUN LEFT TO RIGHT WITH A SPACE BEFORE DIVS 2 AND 3 AND A BORDER */   
	#homepage-panels div {
		float: left;
		width: 238px;
		margin-left: 1px;
		height: 114px;
		border: 1px solid #ccc;
		padding: 0 0 0 5px;
	}
	#homepage-panels div div {
		padding: 0;
	}
	#homepage-panels div.first {
		margin-left: 0;
	}
	#homepage-panels .clickhere {
		background: url(images/blue_arrow.jpg) 0 3px no-repeat;
		padding-left: 15px;
		color: #a0c0e1;
		font-weight: bold;
	}

/* FORMAT HEADERS */
	#homepage-panels h4 {
		margin: 0;
		padding: 0;
		color: #5c5c5c;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
	}
	#homepage-panels a {
		color: #5c5c5c;
		text-decoration: none;
	}
	#homepage-panels a:hover {
		text-decoration: underline;
	}
	#homepage-panels p {
		margin: 10px 0 0 0;
		padding: 0;
	}

/**
 * +-----------------------------------------------------------------------------------------------+
 * | F O O T E R                                                                                   |
 * +-----------------------------------------------------------------------------------------------+
 */
	#footer {
		font-size: 10px;
		font-family: arial;
		color: #bbb;
		clear: both;
	}
	#footer a {
		text-decoration:none;
		color: #bbb;
		font-weight: bold;
	}
	#footer a:hover {
		color: #a0c0e1;
	}



/**
 * SITE MAP
 */

.fsmodule-tools-sitemap a {
	padding: 0 0 0 10px;
	background: url(images/raquo.jpg) 0 5px no-repeat;
}
.fsmodule-tools-sitemap dd {
	margin: 0 0 0 30px;
	padding: 0;
}

/**
 * SUBNODELIST
 */
#subnodelist {
	clear: both;
	border-top: 1px solid #898989;
	padding-top: 10px;
}
#subnodelist a {
	text-decoration: underline;
}

/**
 * PAGE
 */
.custom-page p.custom-page-body img {
	float: right;
}
.custom-page .custom-page-summarypage-list .back-to-top {
	text-align: right;
}



/**
 * Image Gallery
 */
.imagegallery .image, .imagegallery .image p {
	display: inline;
}