/* GENERAL TEMPLATE ITEMS */

body {
	top: 0px;
	left: 0px;
	background: #ffffff url(../../images/ccs_mainbkgd.jpg) no-repeat;
	background-position: top center;
	font: 12px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px; 
}
.Clearer {
	clear: both;
	line-height: 0px;
}
.ClearerWhiteBGColor {
	clear: both;
	line-height: 0px;
	background-color: #ffffff;
}
.TextualHeaders { /* USE THIS TO KEEP SEO-FRIENDLY TEXT IN HTML FILE WHILE SWAPPING IT FOR AN IMAGE IN THE CSS */
	visibility: hidden;
}

.CenterAll {
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 2;
	margin-left: -488px;
	width: 975px;
	padding: 0px;
}
.HeaderContainer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 145px;
	z-index: 3;
	margin: 0px;
	padding: 0px;
}
.HeaderRow1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 113px;
	margin: 0px;
	padding: 0px;
}
.HeaderLogo {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 305px;
	height: 113px;
	margin: 0px;
	padding: 0px;
}
.HeaderTopRightGraphic {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 670px;
	height: 113px;
	margin: 0px;
	padding: 0px;
}
.HeaderRow2 {
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 32px;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}
.HeaderMainNav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 32px;
	background: #4C6CB1 url("../../images/ccs_tem_mainnavbkgd.gif") no-repeat;
	z-index: 5;
	margin: 0px;
	padding: 0px;
}
.HeaderMainNavDate {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 201px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}
.HeaderMainNavDate p {
	width: 185px;
	text-align: left;
	font: 11px/31px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-left: 16px;
}
.HeaderMainNavLinks {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 573px;
	height: 32px;
	z-index: 6;
	/*background-color: Red;*/
	margin: 0px;
	padding: 0px;
}
/*.HeaderMainNavLinks ul {
	top: 0px;
	left: 0px;
	height: 32px;
	background: url("../../images/ccs_tem_mainnavlinks.gif") repeat-x;
	margin: 0px;
	padding: 0px;
}
.HeaderMainNavLinks li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.HeaderMainNavLinks a {
	border-left: 1px #557CC1 solid;
	border-right: 1px #080D78 solid;
	font: 11px/30px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px 26px;
}
.HeaderMainNavLinks a:hover {
	border-left: 1px #557CC1 solid;
	border-right: 1px #080D78 solid;
	font: 11px/30px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #FFE97F;
	text-decoration: none;
	margin: 0px;
	padding: 0px 26px;
}
.HeaderMainNavLinks p {
	text-align: left;
	font: 11px/31px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-left: 16px;
}*/


.MainContainer {
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 972px;
	/* height: 464px; REMOVE THIS LATER? */
	background-color: #FFFFFF;
	border-left: 1px #3C4043 solid;
	border-right: 1px #3C4043 solid;
	margin: 0px;
	padding-left: 1px;
}
.LeftSide {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 199px;
	height: 464px; /* REMOVE THIS LATER? */
	background: #FFFFFF url("../../images/ccs_tem_leftsidebkgd.jpg") no-repeat; /* FIX THIS IMAGE */
	margin: 0px;
	padding: 0px;
}
.LeftSideMain {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding-top: 70px;
	padding-left: 14px;
}
.LeftSideDebtorsOuter {
	position: relative;
	top: 0px;
	left: 0px;
	width: 161px;
	/* height: 266px; */
	background-color: #7D98D3;
	margin: 0px;
	padding: 4px;
}
.LeftSideDebtorsInner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 161px;
	/* height: 266px; */
	background-color: #486DBE;
	margin: 0px;
	padding: 0px;
}
.LeftSideDebtorsInnerTitle {
	position: relative;
	top: 0px;
	left: 0px;
	width: 161px;
	height: 56px;
	margin: 0px;
	padding: 0px;
}
.LeftSideDebtorsInnerText {
	position: relative;
	top: 0px;
	left: 0px;
	width: 161px;
	margin: 0px;
	padding: 0px;
}
.LeftSideDebtorsInnerText p {
	font: 11px/14px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 15px 15px 5px 15px;
}
.LeftSideDebtorsInnerImage {
	position: relative;
	top: 0px;
	left: 0px;
	width: 161px;
	height: 135px;
	margin: 0px;
	padding: 0px;
}
.RightSide {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 773px;
	/* height: 464px; REMOVE THIS LATER? */
	margin: 0px;
	padding: 0px 0px 30px 0px;
}
.DividerLine 
{
	width: 700px;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #B6C7E7;
	border-bottom-style: dashed;
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 20px 0px;
}
.RightSideAbove {
	position: relative;
	top: 0px;
	left: 0px;
	width: 772px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}
.RightSideTitle {
	position: relative;
	top: 0px;
	left: 0px;
	width: 772px;
	height: 56px;
	background-color: #E0E7F4;
	margin: 0px;
	padding: 0px;
}
.RightSideTitle h1 {
	width: 772px;
	height: 56px;
	background: url("../../images/ccs_pagetitle_1.gif") no-repeat;
	font: 14px/28px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #486DBE;
	/* ADD GRAPHIC AS BKGD IMAGE */
	margin: 0px;
	padding: 0px;
}
.RightSideMain {
	position: relative;
	top: 0px;
	left: 0px;
	width: 773px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 48px;
}
.RightSideMain h2 {
	font: 14px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #093596;
	margin: 0px;
	padding: 0px 36px;
}
.RightSideMain h3 {
	font: 13px Arial,Helvetica,Tahoma,sans-serif;
	line-height: 13px;
	font-weight: bold;
	color: #093596;
	margin: 0px;
	padding: 25px 36px 0px 36px;
}
.RightSideMain p {
	font: 11px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 12px 36px 0px 36px;
}
.RightSideMain a {
	font: 11px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #EF6900;
	text-decoration: underline;
}
.RightSideMain a:hover {
	font: 11px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: bold;
	color: #EF6900;
	text-decoration: underline;
}
.RightSideMain ul {
	margin: 0px;
	padding: 4px 72px;
}
.RightSideMain li {
	font: 11px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 2px 8px;
}
.RightSideMainListItem {
	font: 11px/18px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
}
.RightSideImage {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}

.FooterContainer {
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 85px;
	margin: 0px;
	padding: 0px;
}
.FooterLinks {
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 65px;
	background: url(../../images/ccs_tem_footerbkgd.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
.FooterLinks p {
	width: 975px;
	text-align: center;
	font: 11px/28px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 14px 0px;
}
.FooterLinks a {
	font: 11px/28px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.FooterLinks a:hover {
	font: 11px/28px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #EE6A00;
	text-decoration: underline;
}
.FooterLegal {
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
.FooterLegal p {
	width: 975px;
	text-align: center;
	font: 11px/11px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 14px 0px;
}
.FooterLegal a {
	font: 11px/11px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.FooterLegal a:hover {
	font: 11px/11px Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	color: #EE6A00;
	text-decoration: underline;
}

