html, body
{
	margin: 0;
	padding: 0;
	color: #464646;
	background-color: #fff;
}
div.pageFrame
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
div#pageHeader
{
	position: relative;
	height: 155px;
}
div#pageHeader a
{
	outline: none;
}
a#logoLink
{
	position: absolute;
	display: block;
	width: 214px;
	height: 90px;
	left: 393px;
	top: 42px;
}
div#menuContainer
{
	height: 40px;
	border-top: solid 1px #009bc4;
	border-bottom: solid 1px #009bc4;
}
div#contentContainer
{
	position: relative;
}
div#pageFooter
{
	position: relative;
	clear: both;
	padding: 10px 20px 0 20px;
	height: 30px;
	color: #848484;
	font: normal normal normal 10px Arial, Helvetica, sans-serif;
}
div#pageFooter a
{
	outline: none;
}
div.copyright
{
	float: left;
}
div#pageFooter div.footerLinks
{
	float: right;
}


div#contentWrapper
{
	position: relative;
	border-bottom: solid 1px #009bc4;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../img/backgrounds/handshake-white-panel.jpg);
	height: 510px;
}

div#body
{
	float: left;
	position: relative;
	padding: 40px 0 0 20px;
	width: 420px;				/* 420px overall for visual panel */
}
.clear div#body
{
	width: 960px;
	padding-right: 20px;
}
div#rightPanel
{
	float: right;
	position: relative;
	padding: 10px 20px 0 0;
	width: 500px		/* 1000-20-360-20-20-20 = 560 */
}



div#footnote
{
	clear: both;
	position: relative;
	padding-top: 20px;
	width: 1000px;
}
.twoByFour div#footnote
{
	padding: 0;
	height: 116px;
}
.twoByFour div#footnote div.cell
{
	position: absolute;
	left: 0;
	top: 20px;
	width: 232px;
	height: 96px;
	overflow: hidden;
}
.twoByFour div#footnote div.cphCell1 { left: 0; }
.twoByFour div#footnote div.cphCell2 { left: 256px; }
.twoByFour div#footnote div.cphCell3 { left: 512px; }
.twoByFour div#footnote div.cphCell4 { left: 768px; }

.twoByFour div#footnote div.cell a
{
	display: block;
	padding: 10px 20px;
	height: 76px;		/* 96px */
	width: 192px;		/* 232px */
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background-color: #0086a1;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.twoByFour div#footnote div.cell a:hover
{
	color: #0087a7;
	text-indent: -9999px;
}
.twoByFour div#footnote div.cphCell1 a { background-image: url(/img/footnotePanels/cell1.jpg); }
.twoByFour div#footnote div.cphCell1 a:hover { background-image: url(/img/footnotePanels/cell1-hover.jpg); }
.twoByFour div#footnote div.cphCell2 a { background-image: url(/img/footnotePanels/cell2.jpg); }
.twoByFour div#footnote div.cphCell2 a:hover { background-image: url(/img/footnotePanels/cell2-hover.jpg); }
.twoByFour div#footnote div.cphCell3 a { background-image: url(/img/footnotePanels/cell3.jpg); }
.twoByFour div#footnote div.cphCell3 a:hover { background-image: url(/img/footnotePanels/cell3-hover.jpg); }
.twoByFour div#footnote div.cphCell4 a { background-image: url(/img/footnotePanels/cell4.jpg); }
.twoByFour div#footnote div.cphCell4 a:hover { background-image: url(/img/footnotePanels/cell4-hover.jpg); }






div#rightPanel ul.imageList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#rightPanel ul.imageList li
{
	float: left;
	margin: 0;
	padding: 0 6px 11px 6px;
}
div#rightPanel ul.imageList img
{
	border: solid 2px #fff;
	width: 230px;
	height: 135px;
	overflow: hidden;
}
div#rightPanel ul.imageList a:hover img
{
	border: solid 2px #0087a7;
}