body{
background: #FFFFFF;
margin: 0px;
padding: 0px;
}

#page{margin-top: 0px; margin-left: auto; margin-right: auto; width: 754px; height: auto; } 
#id_container{position: relative;}

#Header{position: relative; height: 56px; top: 0px; margin-bottom: 33px;}
#id_header{
	position: absolute;
	float: left;
	top: 20px;
	left: 24px;
	height: 50px;
	width: 200px;
	background: url(http://www.credogroup.com/media/logo.gif) no-repeat top left;
}
#id_sitenav{position: absolute; top: 10px; left: 204px; width: 550px; height: auto;}

#section{position: relative; height: 148px; margin-bottom: 50px;}
#id_section{position: absolute; left: 14px; width: 581px; height: 148px;}
#id_section_nav{position: absolute; left: 596px; width: 158px; height: 148px;}

#id_service_image_single{position: absolute; left: 14px; width: 581px; height: 148px;}
#id_middle_news{ position: absolute; left: 190px; width: 405px; height: 148px;}

#section_stockquote{position: relative; height: 172px; margin-bottom: 50px;}
#stockquote {LEFT: 14px; WIDTH: 740px; POSITION: relative; TOP: 148px;  HEIGHT: 28px; background-image: url(http://www.credogroup.com/media/bg2.gif); background-repeat: repeat; border:1px;font-size:15px;font-family:Arial;color:lightblue;font-weight:bold;}
input{BORDER-RIGHT: #8c96aa 1px solid; BORDER-TOP: #8c96aa 1px solid;  font-family: Arial; FONT-SIZE: 10px; BORDER-LEFT: #8c96aa 1px solid; BORDER-BOTTOM: #8c96aa 1px solid; height: 15px; TEXT-TRANSFORM:uppercase}
select { font-family: Arial; font-size : 10px; BORDER-LEFT: silver 1px solid;}


.keypersonnel_branch{color: #444a55; font-weight: bold; font-size: 14px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.keypersonnel_name{color: #444a55; font-size: 12px; line-height: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.ChartTitle{color: #444a55; font-weight: bold; font-size: 14px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

#content{position: relative; left: 14px;}
#terms_content{position: relative;float: left; width: 720px; height: auto;}
#content_terms{position: relative;float: left; width: 720px; height: auto;}
#home_content{position: relative; float: left; width: 390px; height: auto;}
#home_news{position: relative; float: left; width: 280px; height: auto; margin-left: 60px;}
#id_subnav{position: relative; float: left; width: 272px; height: auto;}
#id_content{position: relative; float: left; width: 420px; height: auto; margin-left: 24px;}
#id_content_contact{position: relative; float: left; width: 600px; height: auto;}

#footer{float: left; width: 754px; height: 50px; margin-top: 30px;}
#id_footer{
	padding-left: 14px;
	width: 367px;
	float: left;
}
#id_copyright{
	text-align: right;
	width: 367px;
	float: left;
}

.site_nav  { text-align: right; list-style-type: circle; list-style-position: inside; }

.content_area     { text-align: left; overflow: visible; visibility: visible; display: block }

.home_content_area     { text-align: left; overflow: visible; visibility: visible; display: block }
.home_content_area     { text-align: left; overflow: visible; visibility: visible; display: block ; width:750px;}
.home_news  {
	text-align: left;
	position: absolute;
	z-index: 1;
	overflow: visible;
	visibility: visible;
	display: block;
}

.section_news     {
	background: #f6f7f8;
	text-align: left;
	overflow: visible;
	visibility: visible;
	display: block;
	line-height: 10px;
}

.middle_news    { left: 210px; }

.title   { color: #0064af; font-weight: bold; font-size: 12px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.subtitle { color: #8d96a4; font-weight: bold; font-size: 11px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.body { color: #444a55; font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.bodyhome { color: #444a55; font-size: 12px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}


.smallbody { color: #8d96a4; font-size: 9px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

.date { color: #444a55; font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.news_title   { color: #009ee2; font-weight: bold; font-size: 11px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


.link
{ color: #444a55; font-weight: font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.link:link
{ color: #444a55; font-weight: font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.link:active
{ color: #444a55; font-weight: font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.link:visited
{ color: #444a55; font-weight: font-size: 10px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.link:hover
{ color: #ffffff; font-weight: font-size: px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

.sub_nav  {	
	text-align: left;
	overflow: visible;
	visibility: visible;
	display: block;
	background-color: #f6f7f8;
	padding: 10px;	
}

.sub_link
{ color: #8d96a4; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px;}
.sub_link:link
{ color: #8d96a4; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px;}
.sub_link:active
{ color: #8d96a4; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px;}
.sub_link:visited
{ color: #8d96a4; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px;}
a.sub_link:hover
{ color: #444a55; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px;}

.sub_highlight 
{ color: #444a55; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; line-height: 17px }

.contact_titles { color: #8d96a4; font-weight: bold; font-size: 10px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.contact_email { color: #8d96a4; font-weight: bold; font-size: 10px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.contact_grey { color: #8d96a4; font-weight: normal; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.directors { color: #444a55; font-weight: normal; font-size: 10px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.contact_black { color: #444a55; font-weight: normal; font-size: 10px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.footer_nav
{ overflow: visible; visibility: visible; display: block }
.footer
{ color: #444a55; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.footer:link
{ color: #444a55; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.footer:active
{ color: #444a55; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.footer:visited
{ color: #444a55; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.footer:hover
{ color: #009ee2; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

.copyright  { color: #444a55; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}

.contact_area1     { text-align: left; position: relative; z-index: 1; float: left; width: 300px; height: auto; overflow: visible; visibility: visible; display: block }

.contact_area2     { text-align: left; position: relative; z-index: 1; float: left; width: 300px; height: auto; overflow: visible; visibility: visible; display: block }

.contact_area3     { text-align: left; position: relative; z-index: 1; float: left; width: 300px; height: auto; overflow: visible; visibility: visible; display: block }

.contact_area4     { text-align: left; position: relative; z-index: 1; float: left; width: 300px; height: auto; overflow: visible; visibility: visible; display: block }

.mycredo { color: #8d96a4; font-weight: bold; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.credolibrium { color: #8d96a4; font-weight: bold; font-size: 12px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.mycredoclick {font-size: 14px; color: #8d96a4; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; display: block; }

.HeadGrid
{
	border:1px solid #b2bbc5;
	font-size:14px;
	height:11px;
	font-weight: bold;
}

.HeaderText
{
    font-weight: bold;
    font-family: Arial;
    font-size:18px;
    color:white;
    text-align:center;
}


.HeadGrid td
{
    border: solid 3px #FFFFFF;
    margin: 3px 3px 3px 3px;
    font-family: Arial;
    padding: 2px 2px 2px 2px;
    text-align: center;
    font-size:16px;
    height:10px;
	white-space:nowrap;
}

.HeadGridHeader
{
    font-weight: bold;
    font-family: Arial;
    background-color:#ffffff;
    font-size:14px;
    color:#8c96aa;
    text-align:center;
    height:10px;
}

.HeadGridItem
{
	font-family: Arial;
	font-size:11px;
	text-align:center;
	height:16px;
}

.Grid
{
	border:1px solid #d7dadf;
	font-size:11px;
	height:10px;
}

.Grid td
{
    border: solid 3px #FFFFFF;
    margin: 3px 3px 3px 3px;
    font-family: Arial;
    padding: 2px 2px 2px 2px;
    text-align: center;
    font-size:11px;
    height:10px;
}

.GridHeader
{
    font-weight: bold;
    font-family: Arial;
    font-size:11px;
    color:gray;
    text-align:center;
    height:10px;
}

.ResultsGridItem
{
	font-family: Arial;
	font-size:11px;
	text-align:center;
	height:10px;
	border-right:1px solid black;
}


.ResultsGrid
{
	border:1px solid #d7dadf;
	font-size:11px;
	height:15px;
	padding:0px;
	letter-spacing:0px;
	width:738px;
}

.ResultsGrid td
{
    border: solid 3px #FFFFFF;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size:11px;
    height:14px;
}

.ResultsGridHeader
{
    font-weight: bold;
    font-family: Arial;
    font-size:11px;
    color:gray;
    text-align:center;
    height:15px;
}

.ResultsGridItem
{
	font-family: Arial;
	font-size:11px;
	text-align:center;
	height:10px;
	border-right:1px solid black;
}


.SummaryGrid
{
	border:1px solid #d7dadf;
	font-size:14px;
	height:10px;
}

.SummaryGrid td
{
    border: solid 3px #FFFFFF;
    margin: 3px 3px 3px 3px;
    font-family: Arial;
    padding: 2px 2px 2px 2px;
    text-align: center;
    font-size:14px;
    height:10px;
}

.SummaryGridHeader
{
    font-weight: bold;
    background-image: url(http://www.credogroup.com/media/bg2.jpg); background-repeat: repeat;
    font-family: Arial;
    font-size:16px;
    color:White;
    text-align:center;
    height:10px;
}

.SummaryGridItem
{
	font-family: Arial;
	font-size:14px;
	text-align:center;
	height:10px;
}

.Header
{
	text-align:center;
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
	background-color:#d7dadf;
	color:White;
        height:28px;
        width:100%;
        background: url(http://www.credogroup.com/media/bg1.jpg);
        background-repeat: repeat;

}

.PeriodChoice
{
	font-family: Arial;
	font-size:11px;
	color:Navy;
}

