body {
	width: 990px;
	margin: 0 auto 0 auto;
	background: #e2f2ff url('/images/body_bg.jpg') repeat-x top center;
}

#glossaryTerm {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	background-color: #cee6d4;
	width: 232px;
}
	#glossaryTerm .left {
		float: left;
		width: 16px;
		height: 23px;
		background: transparent url('/images/glossary.gif') no-repeat 0 0;
	}
	#glossaryTerm .right {
		width: 208px;
		padding-top: 2px;
	}
a {
	color: #2D528C;
	text-decoration: underline;
}
a.glossaryTerm {
	color: #c73b3b !important;
	text-decoration: none !important;
}


/**** Header ****/
#header {
	float: left;
	width: 100%
}
	#header h1 { margin: 0; }
	#ccaLogo {
		float: left;
		margin: 20px 0 15px;
	}
	#cse-search-box {
		display: block;
		float: right;
		margin: 48px 0 0;
	}
		#cse-search-box fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
		#cse-search-box h2 {
			float: left;
			width: auto;
			margin: 3px 7px 0;
			font-size: 1.67em;
			font-weight: n ormal;
		}
		#searchFormKeywords {
			float: left;
			width: 183px;
			height: 21px;
			padding: 6px 37px 5px 10px !important;
			border: 0px !important;
			background: transparent url('/images/search_box_bg.gif') no-repeat 0 0 !important;
		}
		#searchFormSubmit {
			float: left;
			width: 33px;
			height: 32px;
			border: 0;
			margin: 0 0 0 6px;
			background: transparent url('/images/blue_circle.gif') no-repeat 0 0px;
			font-weight: bold;
			text-align: center;
		}


/**** Main Menu ****/
#mainMenuContainer {
	float: left;
}
#mainMenu {
	width: 960px;
	padding: 15px 13px 0 17px;
	background: #2d528c url('/images/main_menu_top.gif') no-repeat top center;
}
	#mainMenu li {
		height: 32px;
		padding: 0 0 0 6px;
		margin-right: 1px;
		background: transparent url('/images/menu_item_sprite.gif') no-repeat 0 0;
	}
	#mainMenu a,
	#mainMenu span {
		display: block;
		float: left;
		color: #ffffff;
		background: #307dc0;
		height: 32px;
		font-weight: bold;
		text-decoration: none;
	}
	#mainMenu a {
		padding: 9px 8px 0;
		height: 23px;
	}
	#mainMenu span {
		width: 12px;
		background: transparent url('/images/menu_item_sprite.gif') no-repeat top right;
	}

	#mainMenu li:hover { background-position: 0 -32px; }
	#mainMenu li:hover span { background-position: right -32px; }
	#mainMenu li:hover a {
		color: #1c3b6b;
		background: #ffffff;
	}


/**** Bread Crumbs ****/
#breadCrumbTrail {
	font-size: 1.08em;
	padding-top: 13px;
	padding-bottom: 11px;
}
	#breadCrumbTrail a {
		color: #2d528c;
		text-decoration: underline;
	}
	#breadCrumbTrail a:nth-last-child(1) {
		color: #000000;
		text-decoration: none;
	}


/**** Right Channel ****/
div.rightChannelContainer {
	float: left;
	width: 193px;
	margin-left: 12px;
}
div.rightChannelList {
	float: left;
	width: 100%;
	color: #2d528c;
	margin-bottom: 14px;
}
	div.rightChannelList div.top {
		float: left;
		width: 100%;
		height: 9px;
		background: transparent url('/images/left_channel_list_sprite.gif') no-repeat top center;
	}
	div.rightChannelList div.bottom div.content,
	div.rightChannelList ul {
		width: 169px;
		padding: 0 11px;
		border: 1px solid #2d528c;
		border-width: 0 1px;
		background-color: #ffffff;
	}
	div.rightChannelList div.bottom div.content { line-height: normal !important }
	div.rightChannelList li.header {
		width: 100%;
		margin: 6px 0 1px !important;
		padding: 0 0 10px 0 !important;
		background-image: none !important;
	}
	div.rightChannelList li {
		width: 154px;
		padding: 0 0 0 15px;
		margin-bottom: 16px;
	}
	div.rightChannelList h2 {
		font-size: 1.58em;
		line-height: 1.12;
		margin: 0;
	}
	div.rightChannelList h3 {
		margin: 0;
		font-size: 1.17em;
	}

	div.rightChannelList h2 a,
	div.rightChannelList h3 a {
		color: #2d528c;
		text-decoration: underline;
	}
	div.rightChannelList h2 a { text-decoration: none }

	div.rightChannelList li.active a {
		color: #ff6600;
	}
	div.rightChannelList p { margin: 0; }
	div.rightChannelList div.bottom {
		background: #ffffff url('/images/left_channel_list_bottom.jpg') no-repeat bottom center;
		padding-bottom: 33px;
		line-height: normal;
	}
		div.rightChannelList div.bottom a {
			display: block;
			margin: 0 auto;
			padding: 9px 5px 0;
			width: 158px;
			color: #ffffff;
			background: #2d528c url('/images/left_channel_list_sprite.gif') no-repeat -12px -75px;
			text-decoration: none;
			font-weight: bold;
			text-align: center;
			line-height: normal;
		}

	/** Latest News **/
	#channelNewsList {
		line-height: 1.19em;
	}
	#channelNewsList h2 {
		float: left;
		width: auto;
		line-height: 1.2em;
	}
	#channelNewsList a#newsRss {
		display: block;
		float: right;
	}
	#channelNewsList h3 { margin-bottom: 5px; }
	#channelNewsList p { font-size: 0.92em; }
	.news p.date,
	#channelNewsList p.date {
		color: #ff6600;
		font-weight: bold;
		margin-bottom: 4px;
	}
	#channelNewsList li {
		background: transparent url('/images/orange_bullet.gif') no-repeat 0 3px;
	}
	#channelNewsList li.header {

	}

	/** Handbook Chapters **/
	#handbookChapters h2,
	#handbookChapterSections h2 {
		padding-bottom: 10px;
	}
	#handbookChapters h3,
	#handbookChapterSections h3 {
		font-size: 1em;
	}
	#handbookChapters h4,
	#handbookChapterSections h4 {
		font-size: 1em;
	}
	#handbookChapters li,
	#handbookChapterSections li {
		margin-bottom: 15px;
		background: transparent url('/images/green_bullet.gif') no-repeat 0 1px;
	}
	#handbookChapterSections div.bottom {
		height: 17px;
		padding: 0;
		background-image: url('/images/left_channel_list_sprite.gif');
		background-position: 0 -58px;
	}

	/** Case Studies **/
	#handbookCaseStudies {
		float: left;
		margin-top: 20px;
	}
	#handbookCaseStudies h2 { margin-top: 0 }
	#handbookCaseStudies h3 { margin: 0 }
	#handbookCaseStudies p { margin-top: 4px; }


	/** Contact Details **/
	#contactDetails {
		width: 193px;
		float: left;
		background-color: #e2f1ff;
		font-size: 0.92em;
	}
		#contactDetails .top,
		#contactDetails .bottom {
			height: 4px;
			overflow: hidden;
		}
		#contactDetails .top {
			background: #e2f1ff url('/images/light_blue_corner_sprite.gif') no-repeat 0 0;
		}
		#contactDetails .bottom {
			background: #e2f1ff url('/images/light_blue_corner_sprite.gif') no-repeat 0 -4px;
		}
		#contactDetails .content {
			width: 173px;
			padding: 3px 8px 0 12px;
		}
		#contactDetails h2 {
			font-size: 1em;
			margin: 0;
		}
		#contactDetails p.person { margin: 0; }
		#contactDetails p.person span.name { font-style: italic }
		#contactDetails p.person span.role { font-size: 0.91em }

		p#contactLink { margin: 3px 0 13px; }
			p#contactLink a {
				color: #ff6600;
				font-weight: bold;
			}

		p#contactTel {
			font-size: 1.09em;
			color: #ff6600;
			font-weight: bold;
			margin: 8px 0 0;
			padding-bottom: 6px;
		}


/**** Main Content ****/
.mainContentArea {
	float: left;
	width: 964px !important;
	padding: 0 12px;
	border: 1px solid #d4d9e2;
	border-width: 0 1px;
	background-color: #ffffff;
}
#contentArea {
	border-width: 0 1px 1px;
	padding-bottom: 15px;
}

#mainContent {
	float: left;
}
.oneChannel #mainContent { width: 100%; }
.threeChannels #mainContent { width: 554px; }
.twoChannels #mainContent { width: 759px; }

/* IE 7 requires this width to be set */
.twoChannels ul.itemList div.bottom { width: 759px; }


/*** Footer ***/
#footer {
	float: left;
	width: 961px;
	padding: 13px 15px 13px 14px;

	color: #ffffff;
	background-color: #2d528c;
	font-size: 0.92em;
	font-weight: bold;
}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer li {
		border-left: 1px solid #ffffff;
		padding: 0 10px;
	}

	#footer li.copyRight {
		border: 0;
		padding-left: 0;
	}
	#footer li.tjsLink {
		float: right;
		border: 0;
	}
	#footer li.tjsLink a { color: #d7ff79 }



/*** General Content ***/
.managed {
	width: 100%;
	margin-top: 8px;
	line-height: 1.59;
}
	.managed h1 {
		color: #2d528c;
		font-size: 1.75em;
		font-weight: bold;
		margin: 0;
	}
	.managed h2 {
		color: #000000;
		font-size: 1.5em;
		font-weight: bold;
		margin: 0;
	}
	.managed p { margin: 0 0 17px }
	.managed p:nth-last-child(1) { margin-bottom: 0 } /* matches last <p> in .managed */



/*** Home Page Image/Key Areas ***/
#homeImage {
	position: relative;
	width: 554px;
	margin-bottom: 14px;
}
	#homeImage div.content {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 517px;
		padding: 0 19px 16px 18px;
		color: #ffffff;
	}
	#homeImage h1 {
		font-size: 1.42em;
		margin: 0;
	}
	#homeImage p { margin-top: 7px } /* matches last <p> in .managed */
	#homeImage p:nth-last-child(1) { margin-bottom: 0 } /* matches last <p> in .managed */

ul#keyAreas { width: 554px; }
	ul#keyAreas li { padding-bottom: 5px }
	ul#keyAreas div.content {
		width: 322px;
		min-height: 69px;
		padding-left: 213px;
		background-color: #EFF5FB;
		border: none;
		padding-bottom: 10px;
	}
	ul#keyAreas div.bottom {
		position: relative;
		width: 758px;	/* Even though div.bottom in common.css has 100% width, IE7
						will act as if width:auto; is set */
		top: -5px;
		height: 7px;
		width: 554px;
		background: transparent url('/images/curved_bottom_border_554.png') no-repeat 0 0;
		z-index: 1;
	}



/*** News Pages ***/
ul.newsList { }
ul.newsList p.date {
	color: #FF6600;
	font-weight: bold;
}



/*** General Item List Style ****/
/* Recommend using with ul.layoutList */
ul.itemList { }
	ul.itemList li { width: 100%; }
	ul.itemList div.top {
		width: 758px;
		height: 4px;
		overflow: hidden;
		background: transparent url('/images/item_list_border_sprite.gif') no-repeat 0 0;
	}
	ul.itemList div.content {
		width: 698px;
		padding: 10px 19px 9px 39px;
		background: #ffffff url('/images/blue_arrow.gif') no-repeat 12px 11px;
		border: 1px solid #2d528c;
		border-width: 0 1px;
	}
	ul.itemList div.buttonCollection {
		width: 725px;
		margin: 0;
		padding: 0px 19px 9px 12px !important;
		border: 1px solid #2d528c;
		border-width: 0 1px;
	}
	ul.itemList div.bottom {
		position: relative;

		background: transparent url('/images/item_list_border_sprite.gif') no-repeat 0 -4px;
	}
	ul.itemList h2,
	ul.itemList h3 {
		margin: 0 0 9px;
		font-size: 1.25em;
		line-height: 1;
	}
		ul.itemList h2 a,
		ul.itemList h3 a {
			color: #000000;
			text-decoration: none;
		}
		ul.itemList h2 a:hover,
		ul.itemList h3 a:hover {
			text-decoration: underline
		}
	ul.itemList p { margin: 0; }



	/* Item List styles for width 554px */
	ul.itemList_554 {  }
		ul.itemList_554 div.content {
			background-position: 0 0;
		}
		ul.itemList_554 div.bottom {

		}



/*** Buttons / Links ***/
/* The buttons (or links) that appear at the bottom of the itemlist */
div.buttonCollection {
	float: left;
	width: 100%;
	margin-top: 20px;
	line-height: normal;
}
	div.buttonCollection a {
		float: left;
		display: block;
		margin-right: 8px;
		padding-right: 13px;
		background: #ffffff url('/images/button_icons_sprite.png') no-repeat right 4px;

		/* Force IE6 to  use the pointer cursor, otherwise the buttons don't
		look clickable */
		cursor: pointer;
		text-decoration: none;
	}
	div.buttonCollection a:hover { text-decoration: none }
	div.buttonCollection span {
		display: block;
		float: left;
	}
	div.buttonCollection span.icon {
		width: 30px;
		height: 28px;
		background: #ffffff url('/images/button_icons_sprite.png') no-repeat 0 0;
	}
	div.buttonCollection span.content {
		margin-top: 4px;
		padding: 2px 0 3px;
		color: #2d528c;
		font-size: 1.08em;
		font-weight: bold;
		border: 0px solid #2d528c;
		border-width: 1px 0 2px;
	}
	div.buttonCollection a.website span.icon { background-position: 0 -24px }
	div.buttonCollection a.website span.content { padding-left: 5px; }
	div.buttonCollection a.glossary span.icon { background-position: 0 -52px }
	div.buttonCollection a.nextChapter span.icon { background-position: 0 -80px }
	div.buttonCollection a.previousChapter span.icon { background-position: 0 -108px }
	div.buttonCollection a.pdf span.icon { background-position: 0 -136px }
	div.buttonCollection a.email span.icon { background-position: 0 -164px }
	div.buttonCollection a.contact span.icon { background-position: 0 -192px }



/*** Contact Us Page ***/
.contact #mainContent {
	width: 759px;
}
	.contact #mainContent .left { }
	.contact #mainContent .right { }
	.contact select,
	.contact input {
		margin-bottom: 5px;
	}



/*** Pagination ***/
.pagination {
	float: left;
	width: 100%;
	text-align: center;
}
	.paginationTop { margin-bottom: 10px }