@charset "UTF-8";
/****** CSS Document ******/

/* Clear styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*** Main Layout ***/
body {
	background: #CCCCCC url(images/body-bg.gif) 0 -9px repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
}

h1 { font-size: 1.5em; font-weight: bold; color: #1b2047;}
h2 { font-size: 1.4em; font-weight: bold;}
h3 { font-size: 1.2em; font-weight: bold;}
h4 { font-size: 1em; font-weight: bold;}
h5 { font-size: 0.8em; font-weight: bold;}
h6 { font-size: 0.7em; font-weight: bold;}

p {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}
.wrapper {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.clear {
	display: block;
	clear:both;
	height:0px;
	overflow:hidden;
}
.hidden {
	display: none;
}
ul {
	list-style: disc;
	margin-left: 20px;
	font-size: 14px;
	line-height: 16px;
}
strong { font-weight: bold;}
a, a:visited { font-size: 14px;; font-weight: bold; color: #1b2047; text-decoration: none; }
a:hover { color: #fdb813; }

/*** Header ***/
.header {
	width: 950px;
	height: 114px;
	padding: 0;
	margin: 0;
}
.phone {
	width: 220px;
	padding: 56px 0 5px 0;
	margin: 0;
	height: 52px;
	color: #FFFFFF;
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.phone a, .phone a:visited {
	font-size: 14px;
	color: #fdb813;
	text-decoration: none;
}
.phone a:hover {
	color: #ff8f01;
}
.logo {
	background: #1b2047 url(images/cci-logo.png) center no-repeat;
	width: 184px;
	height: 108px;
	float: right;
	margin: 0;
}
.logo a, .logo a:visited {
	display: block;
	width: 184px;
	height: 108px;
}

/*** Menu ***/
.menu {
	background: url(images/menu-bg.gif) center repeat-x;
	height: 34px;
	width: 950px;
	padding: 0;
}
.divide {
	width: 2px;
	height: 34px;
	background: url(images/menu-div.gif) center no-repeat;
	margin: 0;
	padding: 0;
	z-index: 100;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}
.sf-menu {
	line-height:	1.0em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}

/*** menu skin ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	height: 34px;
	margin: 0;
	z-index: 100; 
}
.sf-menu a {
	padding: 10px 15px 10px 15px;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #e7eef5;
}
.sf-menu li {
	z-index: 100;
}
.sf-menu li li {
	background: #fdb813;
	z-index: 100;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	color: #FFFFFF;
	background: url(images/menu-bgover.gif) center repeat-x;
}
.sub li:hover, .sub li.sfHover,
.sub a:focus, .sub a:hover, .sub a:active {
	background: #ffd46e;
	
}
.sub a {
	padding: 5px 3px 5px 15px;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
ul#comm-drp { width: 186px;}
ul#risk-drp { width: 155px;}
ul#res-drp { width: 106px;}
ul#fin-drp { width: 159px; }
ul#news-drp { width: 106px;}
ul#con-drp { width: 84px;}
/*.current a {
	color: #1b2047;
}*/

/*** arrows **/
/*.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px;  trigger IE7 hasLayout so spans position accurately 
} */
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** banner ***/
.banner {
	width: 950px;
	height: 293px;
	margin: 0;
	padding: 0;
	background: url(images/banner-blank.jpg) no-repeat;
}
#commercial .banner { background: url(images/banner-comm.jpg) no-repeat; }
#risk .banner { background: url(images/banner-risk.jpg) no-repeat; }
#resources .banner { background: url(images/banner-resources.jpg) no-repeat;}
#news .banner { background: url(images/banner-news.jpg) no-repeat; }
#contact .banner { background: url(images/banner-contact.jpg) no-repeat; }
#default .banner { background: url(images/banner-home1.jpg) no-repeat; }
#nopic .banner { display: none; width: 0; height: 0; }
#health .banner { background: url(images/banner-safety.jpg) no-repeat; }
#motor .banner { background: url(images/banner-motor.jpg) no-repeat; }
#marine .banner { background: url(images/banner-marine.jpg) no-repeat; }
#retail .banner { background: url(images/banner-retail.jpg) no-repeat; }
#property .banner { background: url(images/banner-property.jpg) no-repeat; }
#manage .banner { background: url(images/banner-manage.jpg) no-repeat; }
#engineering .banner { background: url(images/banner-engineering.jpg) no-repeat; }
#liabilities .banner { background: url(images/banner-liabilities.jpg) no-repeat; }
#financial .banner { background: url(images/banner-finance.jpg) no-repeat; }
#safety .banner { background: url(images/banner-health.jpg) no-repeat; }
#fire .banner { background: url(images/banner-fire.jpg) no-repeat; }
#disaster .banner { background: url(images/banner-disaster.jpg) no-repeat; }
#environment .banner { background: url(images/banner-environment.jpg) no-repeat; }
#savings .banner { background: url(images/banner-savings.jpg) no-repeat; }
#pensions .banner { background: url(images/banner-pensions.jpg) no-repeat; }
#estate .banner { background: url(images/banner-estate.jpg) no-repeat; }
#protection .banner { background: url(images/banner-protection.jpg) no-repeat; }
#pension .banner { background: url(images/banner-pension.jpg) no-repeat; }
#grphealth .banner { background: url(images/banner-grphealth.jpg) no-repeat; }
#flexible .banner { background: url(images/banner-flexible.jpg) no-repeat; }
#careers .banner { background: url(images/banner-careers.jpg) no-repeat; }

/*** Main Content ***/
.content { 
	width: 914px;
	margin: 0;
	background: #FFFFFF;
	padding: 10px 18px 10px 18px;
}
#nopic .content { padding: 20px 18px 15px 20px; min-height: 400px; }
.leftcol {
	width: 625px;
	float: left;
	margin: 0;
	padding: 0;
}
.leftcol hr { color: #666666; background: #666666; }
.rightcol {
	width: 289px;
	float: right;
	margin: 0;
	padding: 0;
}
.con-left { float: left; width: 425px;}
.con-right { float: right; width: 460px;}
.homemarg { margin: 0 0 20px 0 ; }
.leftcol-inner { width: 607px; float: left; margin: 0 10px 0 0; }
.rightcol-inner { width: 289px; float: right; margin: 0; }
.linksbox { width: 265px; padding: 15px 15px 0 15px; background: #1b2047 url(images/contact-box-top.gif) top left no-repeat; }
.rightcol-inner h1, .rightcol-inner h2, .rightcol-inner h3, .rightcol-inner h4, .rightcol-inner h5, .rightcol-inner h6, .rightcol-inner a, .rightcol-inner a:visited, .rightcol-inner ul, .rightcol-inner p { color: #FFFFFF; text-decoration: none; }
.rightcol-inner h3 { padding-bottom: 10px; }
.rightcol-inner ul { font-size: 14px; list-style-image: url(images/bullet.gif); }
.rightcol-inner li { padding-bottom: 3px; }
.rightcol-inner a:hover { color: #fdb813; }
.docsbox { width: 265px; padding: 15px 15px 0 15px; margin: 20px 0 0 0; background: #1b2047 url(images/contact-box-top.gif) top left no-repeat; }
.testbox { width: 265px; padding: 15px 15px 0 15px; margin: 20px 0 0 0; background: #1b2047 url(images/contact-box-top.gif) top left no-repeat; }
.rnewsbox { width: 265px; padding: 15px 15px 0 15px; margin: 0 0 0 0; background: #1b2047 url(images/contact-box-top.gif) top left no-repeat; }
.doc-head { padding-left: 20px; background:transparent url(images/pdf.gif) no-repeat scroll left top; }
.link-head { padding-left: 20px; background:transparent url(images/links.png) no-repeat scroll left top; }
.packbox { width: 265px; padding: 15px 15px 0 15px; margin: 0 0 0 0; background: #1b2047 url(images/contact-box-top.gif) top left no-repeat; }
.smboxes { width: 296px; margin: 20px 0 0 0; }
.smdocsbox { width: 123px; background: #1b2047 url(images/smbox-top.gif) top left no-repeat; padding: 15px 10px 0 10px; }
.smlinksbox { width: 123px; background: #1b2047 url(images/smbox-top.gif) top left no-repeat; padding: 15px 10px 0 10px; }
.smboxbot { background: url(images/smbox-bot.png) bottom no-repeat; height: 19px; width: 143px; padding: 0 0 0 0; }
.right { float: right; }
.left { float: left; }
.docsbox a, .docsbox a:visited  { background:url(images/pdf.gif) left center no-repeat; display:block; padding: 4px 0 4px 25px; margin-bottom: 0; }
#no-margin { margin: 0; }
.rnewsbox h2 { margin: 0 0 0 0; font-size: 16px; }
.rnewsbox a, .rnewsbox a:visited { color: #fdb813; }
.rnewsbox a:hover { color:#FFFFFF; }
.rnewsbox .publish_date { margin: 0 0 0 0; color: #FFFFFF; font-size: 14px; }
.rnewsbox .description { margin: 0 0 40px 0; color: #FFFFFF; font-size: 14px; }
a.feedtitle , a.feedtitle:visited { color: #FFFFFF; }
a.feedtitle:hover { color: #fdb813; }
.feedtitle  { background: url(images/rss-blicon.png) left top no-repeat; padding: 0 0 10px 40px; font-weight: bold; display: block; width: 200px; }
.feedtitle h3 { padding: 5px 0 5px 0; font-size: 18px; font-weight: bold; }
.feed { height: 428px; overflow: hidden; }
.archive { background: url(images/archive-icon.png) left top no-repeat; padding: 5px 0 5px 40px; margin: 0 0 5px 0; }
.contactbox {
	width: 275px;
	padding: 10px 10px 0 10px;
	background: #1b2047 url(images/contact-box-top.gif) top left no-repeat;
}
.contactbox h3, .contactbox p, .contactbox label {
	color: #FFFFFF;
	font-weight: normal;
}
.contactbox h3 {
	margin-bottom: 15px;
}
.contactbox p {
	margin-bottom: 10px;
	font-size: 14px;
}
.contactbox label {
	margin: 6px 0 0 0;
	font-size: 12px;
	float: left;
}
.submit { margin: 0; padding: 0; background: #1b2047; float: right; }
.contactbox input {
	float: right;
}
.contactbox span {
	width: 275px;
	height: 18px;
	display: block;
}
.contactbox textarea {
	width: 270px;
	height: 60px;
}
.contactboxbot {
	width: 295px;
	height: 20px;
	background: url(images/contact-box-bot.png) bottom no-repeat;
}
ul.boxes {
	list-style: none;
	margin: 0;
	padding: 0;
}
.boxes li {
	width: 206px;
	height: 85px;
	float: left;
}
.combox { background: url(images/commercial-box.png) no-repeat;}
.riskbox { background: url(images/risk-box.png) no-repeat;}
.finbox { background: url(images/financial-box.png) no-repeat;}
.boxes li a, .boxes li a:visited {
	display: block;
	width: 88px;
	padding: 24px 100px 5px 18px;
	color: #e7eef5;
	height: 61px;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	margin: 0;
}
.boxes li a:hover {
	color: #FFFFFF;
}
.newsbox {
	margin: 10px 0 0 0;
	padding: 0;
	width: 625px;
	height: 220px;
}
.newsbox h2 { color: #fdb813; font-size: 17px;}
.latestbox {
	float: left;
	width: 49%;
	background: url(images/seperator.gif) right repeat-y;
	height: 220px;
}
.latestbox a, .latestbox a:visited {
	padding: 5px 0 5px 40px;
	display:block;
	color: #fdb813;
	background: url(images/news-icon.png) left center no-repeat;
	text-decoration: none;
}
.latestbox a:hover {
	color: #ff8f01;
}
.rssbox {
	float: right;
	width: 49%;
}
.rssbox a, .rssbox a:visited {
	padding: 5px 0 5px 40px;
	display:block;
	color: #fdb813;
	background: url(images/rss-icon.png) left center no-repeat;
	text-decoration: none;
}
.rssbox a:hover {
	color: #ff8f01;
}
.rssinput {
	padding: 10px 10px 10px 5px;
	font-size: 14px;
	line-height: 16px;
	height: 166px;
	overflow: hidden;
}
.rssinput a, .rssinput a:visited {
	padding: 0;
	background: none;
	color: #1b2047;
	font-size: 14px;
}
.rssinput a:hover { color: #ff8f01; }
.rssinput .title h2 { font-size: 14px; }
.rssinput .description { font-size: 14px; line-height: 1.1em; margin: 0 0 20px 0; }
.rssinput h2 { font-size: 14px; }
.con-box { background: #1b2047 url(images/con-top.gif) top center no-repeat; padding: 10px 25px 0 25px; width: 410px; margin: 0;}
.con-box h3 { color: #FFFFFF; font-weight: normal; padding: 0 0 5px 0; }
.con-bot { 	height: 20px; background: url(images/con-bot.gif) bottom no-repeat; }
.contactform {
	width: 400px;
}
.inputline {
	width: 400px;
	height: 28px;
	vertical-align: middle;	
}
.inputline input {
	float: right;
	width: 280px;
}

.contactform input {
	margin: 4px;
	
}
.contactform label {
	float: left;
	margin: 8px 0 6px 0;
	color: #FFFFFF;
	font-size: 14px;
}
#submit { float: right; margin: 0; padding: 0; }

/*** Footer ***/
.footer { 
	width: 930px;
	height: 75px;
	margin: 0;	
	background: #1b2047 url(images/footer-bg.gif) repeat-x;
	font-size: 10px;
	color: #FFFFFF;
	padding: 12px 10px 0 10px;
}
.footer p {
	font-size: 10px;
	line-height: 1.8em;
}
.footer a, .footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
.footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.ftleft {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0;
}
.ftright {
	float: right;
	width: 360px;
	text-align: right;
	margin: 0;
	padding: 0;
}
.fsa { 
	padding: 0 0 0 0;
	margin-top: 3px;
}
.bibalogo { margin: 0 20px 0 0; }
.fsalogo { margin: 0 0 0 0; }
.bibalogo img, .fsalogo img { border: none; }

.ignition { color: #999999; text-align: left; margin: 15px 0 0 0; display: block; }
.ignition a, .ignition a:visited { color: #999999; }