body, html {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-color: #A8B4C5;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c3235;
	line-height: 18px;
}

a:link {
	color: #18478d;
	text-decoration: none;
	
}
a:visited {
	color: #18478d;
	text-decoration: none;
}
a:hover {
	color: #0062D4;
}
a:active {
	color: #008BF0;
}
img { border:none; }


#pagepanel {
	text-align: center;
	width: 100%;
	position: relative;
}

#headerarea {
	position: relative;
	z-index: 15;
	height: 78px;
	width: 966px;
	background-image: url(../images/header-background.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#headerlogo {
	position: absolute;
	height: 58px;
	width: 203px;
	top: 6px;
	left: 22px;
}

#menupanel {
	position: absolute;
	z-index: 20;
	height: 50px;
	width: 592px;
	color: #333333;
	top: 0px;
	right: 60px;
	font-family: "trebuchet MS", tahoma, arial, sans-serif;
}
#banner-full {
	display: block;
	height: 234px;
	width: 960px;
	position: relative;
	text-align: center;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}
#banner-column {
	display: block;
	height: 234px;
	width: 960px;
	position: relative;
	text-align: center;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}

#contentpanel {
	z-index: 8;
	width: 966px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/contentpanel-background.png);
	background-repeat: repeat-y;
}

#sidecolumn {
	width: 278px;
	float: right;
	display: inline;
	position: relative;
	margin-right: 21px;
}

#buttonbox {
	display: block;
	height: 36px;
	margin-bottom: 16px;
	position: relative;
	background-image: url(../images/button-blue_over.png);
	background-repeat: no-repeat;
	background-position: 0px;
}
.button {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	position: relative;
	float: left;
	text-align: center;
	background-image: url(../images/button-green_over.png);
	background-repeat: no-repeat;
	background-position: 8px;
}
.button a {
	display: block;
	width: 134px;
	height: 29px;
	padding-top: 7px;
	background-repeat: no-repeat;
}
.button a.blue {
	color: #FFFFFF;
	background-image: url(../images/button-blue_off.png);
}
.button a.blue:hover {
	background-image: url(../images/button-blue_over.png);
}

.button a.green {
	color: #FFFFFF;
	background-image: url(../images/button-green_off.png);
	margin-left: 8px;
}
.button a.green:hover {
	background-image: url(../images/button-green_over.png);
}
.sidepanel {
	background-image: url(../images/sidepanel-background.png);
	background-repeat: repeat-y;
	margin-bottom: 16px;
}
.sidepanel h1 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/sidepanel-topcap.png);
	background-repeat: no-repeat;
	background-color: #ABB6C5;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 10px;
	z-index: 50;
	margin: 0px;
	position: relative;
	display: block;
	width: 246px;
	padding-bottom: 12px;
}
.sidepanel ul {
	list-style: none;
	font-size: 16px;
	margin-top: -1px;
	margin-right: 0px;
	margin-left: 0px;
	z-index: 40;
	position: relative;
	margin-bottom: 0px;
	padding: 0px;
}
.sidepanel li {
	display: block;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 0px;
}

.sidepanel a:link, .sidepanel ul a:visited {
	text-decoration: none;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: 246px 12px;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	height: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCDFE3;
}
.sidepanel a:hover {
	color: #003167;
	background-image: url(../images/sidepanel-marker_over.png);
}
.sidepanel a:active {
	background-image: url(../images/sidepanel-marker_over.png);
	color: #000033;
}
.sidepanel a {
	background-image: url(../images/sidepanel-marker_off.png);
	color: #2863a5;
}
.sidepanel a.current:link, .sidepanel a.current:visited, .sidepanel a.current:hover, .sidepanel a.current:active {
	color: #2863a5;
	background-color: #E3E9F2;
	background-image: url(../images/sidepanel-marker_current.png);
}
.sidepanel a.currentcap:link, .sidepanel a.currentcap:visited, .sidepanel a.currentcap:hover, .sidepanel a.currentcap:active {
	color: #2863a5;
	background-image: url(../images/sidepanel-marker_current.png);
	background-color: #E3E9F2;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.sidepanel .cap {
	background-image: url(../images/sidepanel-bottomcap.png);
	background-repeat: no-repeat;
	width: 278px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 35;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	margin-top: -8px;
}
.sidepanel  .cap-current {
	background-image: url(../images/sidepanel-bottomcap-current.png);
	background-repeat: no-repeat;
	width: 278px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 35;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	margin-top: -8px;
}

.sidenotice {
	background-image: url(../images/sidenotice-background.png);
	background-repeat: repeat-x;
	margin-bottom: 18px;
	background-color: #173F84;
	width: 278px;
	position: relative;
}
.sidenotice img {
	position: absolute;
	top: 46px;
	right: 0px;
}
.sidenotice h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/sidenotice-topcap.png);
	background-repeat: no-repeat;
	width: 238px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 22px;
	z-index: 50;
	margin: 0px;
	position: relative;
	padding-bottom: 18px;
	display: block;
}
.sidenotice p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	padding-right: 100px;
	padding-left: 20px;
	padding-bottom: 20px;
	z-index: 30;
	margin: 0px;
	position: relative;
}
.sidenotice ul {
	color: #FFFFFF;
	margin-top:-10px;
	list-style-type: square;
}

.sidenotice a:link, .sidenotice a:visited {
	font-size: 14px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	z-index: 30;
	margin: 0px;
	position: relative;
	color: #B5DEFF;
	display: block;
}
.sidenotice a:hover {
	color: #DEF1FF;
}
.sidenotice a:active {
	color: #FFFFFF;
}
.sidenotice .cap {
	background-image: url(../images/sidenotice-bottomcap.png);
	background-repeat: no-repeat;
	width: 278px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 35;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	margin-top: -8px;
}


.intropanel {
	margin-left: 21px;
	position: relative;
	display: inline;
	width: 628px;
	text-align: left;
	background-image: url(../images/intropanel-background.png);
	background-repeat: repeat-y;
	margin-bottom: 16px;
	float: left;
}
.intropanel h1 {
	font-size: 32px;
	color: #1f5398;
	font-weight: bold;
	line-height: 32px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	background-image: url(../images/intropanel-topcap.png);
	background-repeat: no-repeat;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.intropanel p {
	text-align: left;
	font-size: 17px;
	line-height: 22px;
	padding-left: 36px;
	margin-bottom: 16px;
	margin-top: 0px;
	width: 306px;
}
.intropanel   img.right {
	padding-left: 18px;
	z-index: 40;
	position: absolute;
	right: 25px;
	bottom: 0px;
}
.intropanel .cap {
	background-image: url(../images/intropanel-bottomcap.png);
	background-repeat: no-repeat;
	width: 628px;
	position: relative;
	z-index: 35;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	background-position: center bottom;
	padding-top: 8px;
}

.mainpanel,.mainpanelwider {
	margin-left: 21px;
	display: inline;
	width: 628px;
	background-image: url(../images/mainpanel-background.png);
	background-repeat: repeat-y;
	text-align: center;
	position: relative;
	float: left;
}
.mainpanelwider { width:918px; background-image: url(../images/mainpanelwider-bg.png); }
.mainpanel h1, .mainpanelwider h1 {
	font-size: 24px;
	color: #1f5398;
	font-weight: bold;
	width: 596px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 20px;
	z-index: 30;
	position: relative;
	margin: 0px;
	display: block;
	padding-bottom: 12px;
	background-image: url(../images/mainpanel-topcap.png);
	background-repeat: no-repeat;
}
.mainpanelwider h1 { width:784px; background-image: url(../images/mainpanelwider-topcap.png); }
.mainpanel h3,.mainpanelwider h3 {
	font-size: 20px;
	color: #7A899C;
	font-weight: bold;
	padding-left: 22px;
	padding-right: 22px;
	z-index: 30;
	position: relative;
	margin: 0px;
	display: block;
	line-height: 22px;
	padding-bottom: 8px;
	background-image: url(../images/mainpanel-topcap.png);
	background-repeat: no-repeat;
	width: 584px;
	padding-top: 22px;
	text-align: left;
}
.mainpanelwider h3 { font-size: 24px; width:884px; background-image: url(../images/mainpanelwider-topcap.png); }
.mainpanel h4,.mainpanelwider h4  {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-left: 22px;
	padding-right: 22px;
	z-index: 30;
	position: relative;
	margin-top: 0px;
	display: block;
	margin-bottom: 14px;
	line-height: 18px;
	text-align: left;
	padding-top: 18px;
}
.mainpanelwider h4 { width:884px; }
.mainpanel h5,.mainpanelwider h5 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 22px;
	padding-right: 22px;
	z-index: 30;
	position: relative;
	margin-top: 0px;
	display: block;
	margin-bottom: 4px;
	line-height: 18px;
	text-align: left;
	padding-top: 0px;
	color: #1A365A;
}
.mainpanel p {
	text-align: left;
	padding-right: 22px;
	padding-left: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
.mainpanel ul {
	text-align: left;
	padding-right: 22px;
	padding-left: 36px;
	list-style-type: disc;
	list-style-position: outside;
	color: #103D7B;
	margin-top: 0px;
	margin-bottom: 18px;
	padding-top: 4px;
}
.mainpanel ol {
	text-align: left;
	padding-right: 22px;
	padding-left: 36px;
	list-style-position: outside;
	color: #103D7B;
	list-style-type: decimal;
}
.mainpanel li {
	padding-bottom: 6px;
}
.mainpanel a.special {
	background-image: url(../images/mainpanel-marker.png);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 15px;
	background-position: left center;
	display: block;
	margin: 0px;
	line-height: 22px;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 22px;
}
.mainpanel .cap,.mainpanelwider .cap {
	background-image: url(../images/mainpanel-bottomcap.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 628px;
	position: relative;
	z-index: 35;
	background-color: #FFFFFF;
}
.mainpanelwider .cap { width:918px; background-image: url(../images/mainpanelwider-bottomcap.png); }
.appbar {
	display: block;
	position: relative;
	height: 264px;
	padding-left: 32px;
	padding-bottom: 0px;
}
.appbar a:link h2, .appbar a:visited h2 {
	color: #2c3235;
}
.appbar a:hover h2 {
	color: #1f5398;
}
.appbar a:active h2 {
	color: #1264BE;
}
.appbar p a {
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding-right: 22px;
	background-image: url(../images/mainpanel-marker.png);
	background-repeat: no-repeat;
	background-position: 100px center;
	margin-top: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.appbar div {
	font-size: 13px;
	line-height: 16px;
	width: 135px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	padding-right: 3px;
	padding-left: 2px;
	padding-bottom: 12px;
}
.appbar h2 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.appbar p {
	text-align: center;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
}
.appbar img {
	margin: 0px;
	padding: 0px;
}

#footerpanel {
	position: relative;
	font-size: 12px;
	color: #596779;
	text-align: center;
	padding-top: 24px;
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 16px;
	background-image: url(../images/contentpanel-cap.png);
	background-repeat: no-repeat;
	margin-top: -8px;
	z-index: 50;
}
#footerpanel a {
	color: #143E7D;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Case Studies */
.bannerimage {
	background-image:url(../graphics/bannerimage-case-studies.jpg);
	width:960px;
	height:234px;
	text-align:left
}
.bannertext {
	padding-left:30px;
	color:#ffffff;
	font-size:35px;
	padding-top:40px;
	height:234px;
	line-height:40px;
	width:450px;
}
.pdfdownload {
	margin-top:-40px;
	margin-right:20px;
	float:right;
	cursor:pointer;
	position:relative;
	z-index:40;
	height:36px;
	width:92px;
}
.pdfdownload img { float:right; }
.downloadpdftext {
	float:left;
	width:40px;
	font-size:11px;
	line-height:14px;
	margin-top:10px;
	cursor:pointer;
}

.headp, .headquote { padding-top:10px; }
.headquote {
	color:#838383;
	font-style:italic;
	font-weight:600;
}

.infoboxleft { text-align:left; }
.infoboxright { text-align:right; }
.infoboxright h4  {
	text-align:left; 
    margin-left:283px;
}
.infoboxright p  {
	margin-left:270px; 
	text-align:justify; 
}
.infoboxleft p  {
	margin-right:270px; 
	text-align:justify; 
}
.infoboxleft img, .infoboxright img {
    margin:5px 20px 15px 20px;
    border:1px solid #000;
}
/*.mainpanel p { text-align:justify; }*/
.mainpanel p { text-align:left; }
.infoboxleft img { float:right; }
.infoboxright img { float:left; }