/* Jeffrey R. Pratte - Jan 2014 */
/* 
	940300 - Burgundy
	7A8392 - Light Blue
	CC9933 - Gold
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em;
	margin: 0 0 0 0;
}

h1 {  
	color: #21314A;
	margin-bottom: 10px;
	margin-top: 0px;
}

h2 { 
	color: #21314A; 
	margin-bottom: 10px;  
}

h3 { 
	color: #21314A; 
	margin-bottom: 10px;
	font-weight:bold;
}

h4 { 
	color: #21314A; 
	font-weight:bold;
}

p { line-height: 140%; 
	margin-bottom: 20px;}
	
.introText {
	font-size: larger;
	line-height: 140%;
} 

.smallText {
	font-size: small;
	line-height: 135%;
}

.smallTextItal {
	font-size: small;
	line-height: normal;
	font-style:italic;
}

.tinyText {
	font-size: x-small;
	line-height: normal;
}

hr {
    height: 1px; 
	background-color:#21314A;
	color:#21314A;
    margin-top: 10px;
    margin-bottom: 10px;
}

em {font-style: italic;}
strong {font-weight: bold;}

.LHpromoBG { background:#9db7cf url(cssimg/l-h-promo-bg.png) repeat-x; margin: 0px; padding:15px;  }

li { line-height: 140%; 
	}

td.bulletinOrange {background-color:#FF6600; font-size: inherit; line-height:inherit; padding:10px; color:#FFFFFF; font-weight:bold; border-bottom: medium #FFFFFF solid;}
td.bulletinDarkGrey {background-color:#7A8392; font-size: inherit; line-height:inherit; padding:10px; color:#FFFFFF; font-weight:bold; border-bottom: medium #FFFFFF solid;}
td.bulletinLightGrey {background-color:#D3D6DB; font-size: inherit; line-height:inherit; padding:10px; border-bottom: medium #FFFFFF solid;}
td.bulletinDarkYellow {background-color:#F8A506; font-size: inherit; line-height:inherit; padding:10px; color:#FFFFFF; font-weight:bold; border-bottom: medium #FFFFFF solid;}


.theResult {
	font-size: 20px;
}
.theResultRed {
	font-size: 22px;
	color: red;
}
.CustServ {
	font-size: 12px;
	line-height: 18px;
	background-color: #E6E8ED;
	padding: 8px 8px 8px 8px;
}	
#myAccount {
	color: white;
	font-size: 10px;
	margin-left: -200px;
}
#PriExcFlyOut {
	position: relative;
	left: 410px;
	top: -350px;
}


#rotating-item-wrapper {
    position: relative;
    width: 262px;
    height: 262px;
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

a:link 	 { text-decoration: none; color: #940300; }
a:visited { text-decoration: none; color: #940300;}
a:hover   { text-decoration: underline; color: #21314A;}
a:active  { text-decoration: none; color: #940300;}

a.iSite:link 	 { text-decoration: none; color: #940300; font-size:18px; line-height:24px; }
a.iSite:visited { text-decoration: none; color: #940300; font-size:18px; line-height:24px;}
a.iSite:hover   { text-decoration: underline; color: #21314A; font-size:18px; line-height:24px;}
a.iSite:active  { text-decoration: none; color: #940300; font-size:18px; line-height:24px;}

a.nextLink:link 	 { text-decoration: underline; color: #7A8392;}
a.nextLink:visited { text-decoration: underline; color: #7A8392;}
a.nextLink:hover   { text-decoration: underline; color: #940300;}
a.nextLink:active  { text-decoration: underline; color: #940300;}

label {
	width:150px;    /*Or however much space you need for the form’s labels*/
   float:left;
}

.clearfloat {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
}

.bgGrey {background-color: #D3D6DB; padding: 10px; } 
.bgGreyLeft {background-color: #D3D6DB; padding: 10px; border-right:#FFFFFF solid 1px;} 
.bgGreyMiddle {background-color: #D3D6DB; padding: 10px; border-left:#FFFFFF solid 1px; border-right:#FFFFFF solid 1px;} 
.bgGreyRight {background-color: #D3D6DB; padding: 10px; border-left:#FFFFFF solid 1px;} 

.bgDarkGrey {background-color: #7A8392; padding: 10px; color:#FFFFFF;}
.bgDarkGreyLeft {background-color: #7A8392; padding: 10px; border-right:#FFFFFF solid 1px; color:#FFFFFF;} 
.bgDarkGreyMiddle {background-color: #7A8392; padding: 10px; border-left:#FFFFFF solid 1px; border-right:#FFFFFF solid 1px; color:#FFFFFF;} 
.bgDarkGreyRight {background-color: #7A8392; padding: 10px; border-left:#FFFFFF solid 1px; color:#FFFFFF;}

.bgBlue {background-color: #21314A; padding: 10px; color:#FFFFFF; }
.bgBlueLeft {background-color: #21314A; padding: 10px; border-right:#FFFFFF solid 1px; color:#FFFFFF;} 
.bgBlueMiddle {background-color: #21314A; padding: 10px; border-left:#FFFFFF solid 1px; border-right:#FFFFFF solid 1px; color:#FFFFFF;} 
.bgBlueRight {background-color: #21314A; padding: 10px; border-left:#FFFFFF solid 1px; color:#FFFFFF;}  


.bgWhite {background-color: #FFFFFF; vertical-align:middle; padding: 10px; } 
.bgBlue {background-color: #21314A; vertical-align:middle; padding: 10px; }

.bgWhiteTop {background-color: #FFFFFF; vertical-align:top; padding: 10px; } 
.bgBlueTop {background-color: #21314A; vertical-align:top; padding: 10px; }
.bgBlueHeader {background-color: #21314A; vertical-align: bottom; padding: 10px; font-weight:bold; text-align:left; color:#FFFFFF; }



.faqQuestion {
	font-size: 16px;
	line-height: 21px;
	display:block;
	background-color:#21314A;
	padding: 5px 15px 7px 15px;
	border-bottom: #FFFFFF solid 1px;
} 

a.faqQuestion:link 	 { text-decoration: none; color: #FFF;}
a.faqQuestion:visited { text-decoration: none; color: #FFF;}
a.faqQuestion:hover   { text-decoration: underline; color: #FFF;}
a.faqQuestion:active  { text-decoration: none; color: #FFF;}

.darkBorder {
	border:#000 solid 1px;
}

.lightBorder {
	border:#FFF solid 1px;
}

.floatRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.floatLeftNoBorder {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.floatRightNoBorder {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}


.withBorder {
	border:#21314A solid 1px;
}

figure {
    display: inline-block;
    border: 1px dotted gray;
    margin: 20px; /* adjust as needed */
}
figure img {
    vertical-align: top;
}
figure figcaption {
    border: 1px dotted blue;
    text-align: center;
}
figcaption {
    font-size:10px;
}

.imageCaption {
	text-align: left; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt; 
	color:#7A8392;
}

.PrivateExchangeText { 
	font-size: 13px; 
}

.imageCaption-500 {
	width: 500px;  
	float: right; 
	text-align: left; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt; 
	margin-bottom: 0px; 
	margin-left: 15px;
	color:#7A8392;
}

.imageCaption-350 {
	width: 350px;  
	float: right; 
	text-align: left; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt; 
	margin-bottom: 0px; 
	margin-left: 15px;
	color:#7A8392;
}

.imageCaption-300 {
	width: 300px;  
	float: right; 
	text-align: left; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt; 
	margin-bottom: 0px; 
	margin-left: 15px;
	color:#7A8392;
}

.imageCaption-200 {
	width: 200px;  
	float: right; 
	text-align: left; 
	font-size: 9pt; 
	font-weight: bold; 
	line-height: 12pt; 
	margin-bottom: 0px; 
	margin-left: 15px;
	color:#7A8392;
}

.dropCap { 
	font-size : 500%;
	line-height: 60px; 
	padding-right: 10px; 
	font-weight : bold; 
	float : left; 
	color : #940300; }

.bio { background-color: #21314A; 
	padding:20px;
	color:#FFFFFF;
	overflow:auto;
}

.bioImg {
	border:#D3D6DB solid 1px;
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.bioName {
	color: #D3D6DB;
	font-weight:bold;
}

a.bioLink:link 	 { text-decoration: none; color: #FF6600;}
a.bioLink:visited { text-decoration: none; color: #FF6600;}
a.bioLink:hover   { text-decoration: underline; color: #FF6600;}
a.bioLink:active  { text-decoration: none; color: #FF6600;}

.tos { background-color: #D3D6DB; 
	padding:20px;
	color:#000000;
	overflow:auto;
}

a.myAcctLink:link 	 { text-decoration: none; color: #FFF;}
a.myAcctLink:visited { text-decoration: none; color: #FFF;}
a.myAcctLink:hover   { text-decoration: underline; color: #d3d6db;}
a.myAcctLink:active  { text-decoration: none; color: #FFF;}

.bio a { 
	color: #FF6600;
}

.bio a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.bioArrow { text-align:center; width:inherit; 
}

.benefitTD { 
	background-color:#D3D6Db;
	padding: 5px;
	margin: 2px; 
	font-size: 12px;
	vertical-align:top;	
}

#mediaContact H3 {
	width: 100%;
	letter-spacing: 3pt;
	font: bold 13px arial, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase; 
	white-space: nowrap;
	color: #FFF;
	margin: 5px 0px 1px 0px;
}

.Alert a { 
	text-align: center; 
	font-size: 14px; 
	font-weight: bold; 
	width: 100%;
	color: #7a8392;
	margin-bottom: 1px;
}

.fieldNotes {
	font-size: .7em;	
	color: #7A8392;
}
.inTH {
	text-align: right;
	vertical-align: top;
	
	padding-right: 3px;
}
.inTD {
	text-align: left;
	vertical-align: top;
	
	padding-left: 5px;
}
.inErr {
	text-align: left;
	vertical-align: top;
	background-color: #eee8aa;
	padding-left: 5px;
	color: White;
	font-size : 16px;
	background-color: Red;
	font-weight: bold;
}
.inErr2 {
	color: Red;
	font-size : 14px;
	font-weight: bold;
}
.form-required {
	color: Red;
	font-size : 16px;
	font-weight: bold;
}
.imgLeft {
	float: left;
	margin: 0 10px 10px 0;	
}
.imgRight {
	float: right;
	margin: 0 0 10px 10px;	
}
.imgBorder {
	border: solid;
	border-color: #21314A;
	border-width: thin;	
}

.imgBorderWhite {
	border: solid;
	border-color: #FFF;
	border-width: thin;	
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: -20px; left: -120px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* ID start here */
/* ID start here */
/* ID start here */	
#centerEverything {
	margin-left: auto;
	margin-right: auto;
}
#header {
/* 
	this is needed if we fix the header and navbar to the top
	position: fixed; top: 0; */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:center;
	width: 988px;
	height: 110px;    /* Tuan added for browser */
}
#navbar {
/* 
	this is needed if we fix the header and navbar to the top
	position: fixed; top: 112px; */
	margin: 0;
	padding: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 988px;
	height: 34px;
	z-index: 2500;
	/*border:solid thin #993300;
	/*height: 36px;*/
}

#content {
/* the width of the div should be 988 minus left padding of 20 and right padding of 20, so 948 */
/* top padding is 9 (instead of 20) because we have a 11px shadowUp image */
	/* box-shadow: 0 8px 25px #000000; */
	position: relative;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	padding: 7px 20px 20px 20px;
	/* z-index: -1; */
	overflow: hidden;
}

#content ul {
	list-style-type: square;
	padding-left: 35px; 
	}
		
#content ol {
	padding-left: 35px; 
	list-style-type: decimal;
	}		


/** leftNav: 1 is for prime items, 2 is is for secondary items, 2b is is for indented secondary items, 3 is used for contacts, etc.  1/4/2016 **/
.leftNavH3 {
	margin: 8px 1px 8px 15px;
	}

.LeftColumn
{ padding: 12px 5px 1px 17px;
color: #21314A;
background-color:#D3D6DB;
margin-bottom: 1px;
}


#leftNav1 a
{
display: block;
color: #FFFFFF;
background-color:#7A8392;
font-weight:bold;
border:none;
border-radius: 0 !important;
margin-right: 0;
}

#leftNav2 a
{
display: block;
color: #21314A;
background-color:#D3D6DB;
font-weight:bold;
border:none;
border-radius: 0 !important;
margin-right: 0;
}

#leftNav2b a
{
display: block;
color: #21314A;
background-color:#D3D6DB;
font-weight:bold;
border:none;
border-radius: 0 !important;
border-left: #D3D6DB solid 15px;
margin-right: 0;
}

#leftNav3 a
{
display: block;
color: #FFFFFF;
background-color:#7A8392;
border:none;
border-radius: 0 !important;
margin-right: 0;
}

#leftNav1 a:hover
{
display: block;
color: #FFFFFF;
background-color:#21314A;
font-weight:bold;
border:none;
border-radius: 0 !important;
}

#leftNav2 a:hover
{
display: block;
color: #FFFFFF;
background-color:#21314A;
font-weight:bold;
border:none;
border-radius: 0 !important;
}

#leftNav2b a:hover
{
display: block;
color: #FFFFFF;
background-color:#21314A;
font-weight:bold;
border:none;
border-radius: 0 !important;
border-left: #21314A solid 15px;
}

#leftNav3 a:hover
{
display: block;
color: #FFFFFF;
background-color:#21314A;
border:none;
border-radius: 0 !important;
}

/** rightNav: 1 is for prime items, 2 is is for secondary items, 2b is is for indented secondary items, 3 is used for contacts, etc.  1/4/2016 **/

.rightNavH3 {
	margin: 8px 1px 8px 15px;
	}

#rightNav1 
{
display: block;
color: #FFFFFF;
font-weight:bold;
border:none;
border-radius: 0 !important;
background-image: url(../img/bar.png);
background-repeat: repeat-x; 
padding: 7px 1px 1px 15px;
height: 33px;
width: 100%;
}

#rightNav2 a
{
display: block;
color: #FFFFFF;
background-color:#7A8392;
font-weight:bold;
border:none;
border-radius: 0 !important;
margin-right: 0;
}

#rightNav2 a:hover
{
display: block;
color: #FFFFFF;
background-color:#21314A;
font-weight:bold;
border:none;
border-radius: 0 !important;
}


a.UnionPromo 
{
margin: 0px; 
}

.subnavbg {
		float: left;
		width: 100%;
		clear: both;
	}



#rightSection {
	position: relative;
	float: left;
}
#prefaceTop {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 0 0 0;
}
#prefaceBottom {
	margin-top: 7px;
	position: relative;
	width: 730px;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 0 0 0;
}

#postscriptTop {
	margin-top: 7px;
	position: relative;
	width: 730px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0 0 0;
	float: left;
	clear: both;
}
#postscriptBottom {
	margin-top: 7px;
	position: relative;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0 0 0;
	clear: both;
}

#webform td { 
	padding: 5px;
	font-size: 12px; 
	vertical-align:top;
}

#webform th { 
	padding: 5px; 
	font-size: 12px; 
	background-color: #21314A; 
	color:#FFFFFF;  
	vertical-align:top; 
	font-weight:bold; 
	text-align:left;
}

#Lending td { 
	padding: 7px;
	font-size: 12px; 
	vertical-align:top;
	background-color: #d3d6db;
	border-bottom: #FFFFFF solid 2px;
	width: 70%; 
}

#Lending th { 
	padding: 7px; 
	font-size: 12px; 
	background-color: #7A8392; 
	color:#FFFFFF;  
	vertical-align:top; 
	font-weight:bold; 
	text-align:right;
	border-bottom: #FFFFFF solid 2px;
	border-right: #FFFFFF solid 2px;
	width: 30%;
}

#REIGregion td { 
	padding: 7px;
	font-size: 12px; 
	vertical-align:top;
	background-color: #d3d6db;
	border-bottom: #FFFFFF solid 2px;
	border-right: #FFFFFF solid 2px;
}

#REIGregion th { 
	padding: 7px; 
	font-size: 12px; 
	background-color: #7A8392; 
	color:#FFFFFF;  
	vertical-align:top; 
	font-weight:bold; 
	text-align:right;
	border-bottom: #FFFFFF solid 2px;
	border-right: #FFFFFF solid 2px;
}
	
/* This is used in Right Sidebar for Ratings (at least) */	
.promo {
	background:#d7e1eb url(../img/about-promo-bg.jpg) repeat-x;
	padding: 18px 13px 12px 12px;
	margin:0 0 0 0;
	font-size: 12px;
	color: #21314A;
	font-weight: bold;
}
.promo .block {
	float: left;
	clear: both;
	width: 100%;
	font-weight: normal;
}
.promo h1 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #21314A;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 26px;
	border-bottom: solid 1px #636363;
	line-height: 19.5px;
}
.promo h1.a-icon {
	background: transparent url(/sites/ullico.com/files/icons/A-icon.gif) no-repeat top left;
}
.promo h1.m-icon {
	background: transparent url(../img/M-icon.gif) no-repeat top left;
}
.promo h1.p-icon {
	background: transparent url(/sites/ullico.com/files/icons/P-icon.gif) no-repeat top left;
}
.promo h1.star-icon {
	background: transparent url(../img/STAR-icon.gif) no-repeat top left;
}
.promo h1.phone-icon {
	background: transparent url(/sites/ullico.com/files/icons/PHONE-icon.gif) no-repeat top left;
}
.promo li a {
	font-size: 12px;
	color: #21314A;
	line-height: 15px;
}
.promo li a:hover {
	text-decoration:underline;
}

#promo1 {
	font-size: 0; /* eliminate vertical gap between images */
	padding: 25px 15px 15px 520px;
	margin: 7px 0 0 0 ;
	width:inherit;
	/* border: 1px solid #CC0000; */
	max-width: inherit; 
	max-height: 300px;
	min-width: 948px;
	min-height: 300px;
	background-image: url(../img/Promo1A.jpg);
	background-repeat:no-repeat; 
}

#promo1 h1 {
	font-size: 40px;
	color:#FFFFFF;
	text-align: right;
	margin-right: 35px;
	max-width: 400px;
}

#promo1 p {
	font-size: 20px;
	color:#FFFFFF;
	text-align:right;
	margin-right: 35px;
	max-width: 400px;
}

#promo2 {
	position: relative; 
	margin-top: -25px;
	padding: 4px 4px 10px 10px;
	font-size: 0px; /* eliminate vertical gap between images */
	font-weight: normal;
	background-color: #D3D6DB;
	overflow:auto;
}

.Promo2Title {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

.Promo2Body {
	margin-top: 7px;
	font-size: 16px;
	line-height: 20px;
	color: #21314A;
}	
	
#promo2A {
	width: 23%;
	height: 185px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

#promo2A:hover {
	background-color: white;
	color: #940300;
}

#promo2B {
	width: 23%;
	height: 185px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

#promo2B:hover {
	background-color: white;
	color: #940300;
	}
	
#promo2C {
	width: 23%;
	height: 185px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

#promo2C:hover {
	background-color: white;
	color: #940300;
	}
	
#promo2D {
	width: 23%;
	height: 185px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

#promo2D:hover {
	background-color: white;
	color: #940300;
	}
	
	
/* About Us */
#aboutUs {
	height: 422px; 
}

#aboutUsInner {
	position: absolute; 
	top: 265px; 
	padding: 4px 4px 10px 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0px; /* eliminate vertical gap between images */
	font-weight: normal;
	overflow:auto;
	background-image:url(../img/transBG.png);
}

.aboutUsCurrent {
	background-color: #21314a;
}

.aboutUsCurrentTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	color: #FFF;	
}

.aboutUsCurrentBody {
	margin-top: 7px;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
}	

.aboutUsTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}


.aboutUsBody {
	margin-top: 7px;
	font-size: 16px;
	line-height: 20px;
	color: #21314A;
}

.annualReport {
	text-align: center; 
	vertical-align:bottom; 
	padding-bottom: 10px; 
	font-weight:bold;
}

.annualReport:hover { color:#940300; font-size:18px; }
	
#aboutUsA {
	width: 23%;
	height: 120px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

a#aboutUsA:hover {
	background-color: white;
	color: #940300;
}

#aboutUsB {
	width: 23%;
	height: 120px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

a#aboutUsB:hover {
	background-color: white;
	color: #940300;
	}
	
#aboutUsC {
	width: 23%;
	height: 120px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	border-right: solid #FFFFFF;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

a#aboutUsC:hover {
	background-color: white;
	color: #940300;
	}
	
#aboutUsD {
	width: 23%;
	height: 120px;
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	color: #21314A; 
	font-size: 16px;
	line-height: 22px;
	margin-top: 6px;
	}

a#aboutUsD:hover {
	background-color: white;
	color: #940300;
	}	
			

#promo3 {
	position: relative;
	font-size: 0px; /* eliminate vertical gap between images */
	font-weight: normal;
	color: #21314a;
}

#promo3A {
	width: 292px;
	height: 400px;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}
#promo3B {
	width: 291px;
	height: 400px;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}
#promo3C {
	width: 290px;
	height: 400px;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}

#siteMap {
	position: relative;
	font-size: 0px; /* eliminate vertical gap between images */
	font-weight: normal;
	color: #21314a;
	height: 460px;
}

#siteMapA {
	width: 292px;
	height: inherit;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}
#siteMapB {
	width: 291px;
	height: inherit;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}
#siteMapC {
	width: 290px;
	height: inherit;
	position: relative;
	float: left;
	background-color: #D3D6DB;
	margin: 3px 5px 5px 0px;
	padding: 5px 5px 5px 15px;
	font-size: 16px;
}

#mainLeft {
	position: relative;
	float: left;
	width: 64%;
	padding: 0px 10px 10px 0px;
	margin: 0px;
}
#mainRight {
	position: relative;
	float: left;
	width: 33%;
	padding: 0px 0px 10px 10px;
	margin: 0px; 
}

.PressPic { 
	float: left; 
	text-align:right;
	font-weight:bold;
	font-size:14px;
	line-height: 16px;
	color:#940300;
	margin-right: 12px; 
}

.PressArticle {
	margin-left: 15px;
	font-size: 12px; 
	padding-bottom: 15px;
	line-height: 17px;
	display: block;
	overflow:hidden;
}

.ProductPic { 
	float: left; 
	width:160px;
	margin-right: 12px;
}

.ProductArticle {
	font-size: 12px; 
	padding-bottom: 15px;
	line-height: 17px;
	overflow: hidden;	
}

.NewsDate { 
	float: left; 
	text-align:right;
	font-weight: bold;
	margin-top: -8px; !important;
	margin-right: 15px;
	vertical-align:top;
}



#leftNavbar {
	position: relative;
	float: left;
	width: 200px;
	color: #21314a;
	padding: 0 0 0 0;
}
.infraSectors {
	position: relative;
	float: left;
	width: 175px;
	color: #21314a;
	padding: 0 0 0 0;
}
#investmentRight {
	position: relative;
	float: left;
	width: 733px;
	color: #7A8392;
	padding: 0 0 0 15px;
	font-size: 16px;
	line-height: 18px;
}
#investmentProducts {
	position: relative;
	float: left;
	width: 483px;
	padding: 0 15px 0 0;
	color: #7A8392;
	font-size: 16px;
	line-height: 18px;
}
.investmentProductsImage {
	position: relative;
	float: left;
	width: 97px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.investmentProductsText {
	position: relative;
	float: left;
	width: 371px;
	padding: 0 0 0 15px;
	color: #7A8392;
	font-size: 12px;
}
.investmentProductsHeading {
	font-size: 18px;
	font-weight: bold;
	color: #7A8392;
	margin-bottom: 12px;
}
.investmentProductsMore {
	font-size: 12px;
	font-weight: bold;
	color: #830100;
	margin-bottom: 12px;
	text-decoration: underline;
}
.PriExcAdvantage {
	background: url(cssimg/PrivateExchangeAdvan.png); 
  	background-repeat: no-repeat;
	height: 74px;
	width: 500px;
}
.PriExcAdvantageText1 {
	font-size: 14px;
	font-weight: bold;
	padding:10px 25px 1px 110px;
	color:#FFFFFF;
	height: 15px;
}
.PriExcAdvantageText2 {
	font-size: 12px;
	font-weight: normal;
	padding: 1px 25px 11px 110px;
	color:#000000;
	height: 15px;
}
#investmentVideo {
	position: relative;
	float: left;
	width: 235px;
	color: #7A8392;
	padding: 0 0 0 0;
}

.colorGrey {color: #D3D6DB; } 
.colorWhite {color: #FFFFFF; } 
.colorBlue {color: #21314A; } 


.mainTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

#leftMoney {
	float:left;
	width:230px;
}
#centerMoney {
	float:left;
	width:470px;
}
#rightMoney {
	float:right;
	width:230px;
}

a.footerLink:link 	{ text-decoration: none; color:#FFFFFF; }
a.footerLink:visited { text-decoration: none; color:#FFFFFF; }
a.footerLink:hover   { text-decoration: underline; color:#FFFFFF; }
a.footerLink:active  { text-decoration: none; color:#FFFFFF; }


/* Classes Start Here */
/* Classes Start Here */
/* Classes Start Here */

.clear1 {
	clear: both;
	padding: 10px 0 1px 0;
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.footerName {font-size:14px; color:#7A8392;}

a.topLink1:link {color: #FFF; text-decoration: none; font-size:9px; font-weight:normal;}
a.topLink1:visited {color: #FFF; text-decoration: none; font-size:9px; font-weight:normal;}
a.topLink1:hover {color: #FFF; text-decoration: underline; font-size:9px; font-weight:normal;}
a.topLink1:active {color: #FFF; text-decoration: none; font-size:9px; font-weight:normal;}

#headerTop {
	margin-top: 3px; 
	width:inherit;
	text-align:right;
}
#headerLeft {
	float: left;
	width: 620px;
	text-align: left;
}
#headerSocial {
	float: left;
	text-align: right; 
	margin-top: 45px;
	vertical-align: bottom;
}
#headerSearch1 {
	float: left;
	text-align: right; 
	margin-top: 50px;
	margin-left: 20px;
	vertical-align: bottom;
}
#headerSearch2 {
	float: left;
	text-align: right; 
	margin-top: 52px;
	margin-left: 2px;
	vertical-align: bottom;
}
#navColumn1 {
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	width: 25%;
	height:inherit;
}
#navColumn2 {
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	width: 25%;
	height:inherit;
}
#navColumn3 {
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	width: 25%;
	height:inherit;
}
#navColumn4 {
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	width: 24.75%;
	height:inherit;
}
#navColumn5 {
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	width: 0.25%;
	height:inherit;
	/* margin-top: 3px; */	/* for IE with compatibility view - TTT  */
}

#header-image .teaserbox {
	padding: 20px;
	position: absolute;
	z-index: 2000;
	width: 185px;
	right: 0px;
	top: 0px;
}
#header-image .teaserbox h1 {
	background-image:url(../img/graphic_line.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	margin:0;
	padding:0 0 7px;
	text-transform:uppercase;
}
#header-image p{margin:0;line-height:0;}
#header-image .teaserbox p {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:10px 0 0;
}
#header-image .teaserbox p a {
	background:transparent url(../img/arrow_white.gif) no-repeat scroll 0px 4px;
	padding: 0px 0px 0px 8px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#header-image .teaserbox p a:hover{text-decoration:underline;}

#zbMenu1 {
	background-color: #E1E4EA;
	margin-right: 10px;
}
#zbMenu1 li {
	position:relative;
	/* background-image: url(../img/subnav-li.png); */
	padding-left: 5px;
	font-size: 12px;
}
#zbMenu1 li ul {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin-left: 10px;
}
#zbMenu1 li ul li {
	font-size: 12px;
	/* background-image: url(../img/subnav-li.png); */
	padding-left: 5px;
}


.subnavbg {
		float: left;
		width: 100%;
		clear: both;
	}


div.staketitle {
    padding: 0px 10px 0px 10px;
	 font-size: 14px;
	 line-height: 15px;
}
.stakeholderImg {
	 margin: 10px;
}
.stakeholderName {
    padding: 0px 10px 0px 10px;
	 font-size: 14px;
	 line-height: 15px;
	 vertical-align: middle;
}
.stakeholderUrl {
    padding: 0px 10px 0px 10px;
	 font-size: 14px;
	 line-height: 15px;
	 vertical-align: middle;
}
.stakeholderTrade {
    padding: 0px 10px 0px 10px;
	 font-size: 14px;
	 line-height: 15px;
	 vertical-align: middle;
}

tr.even {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
	vertical-align: middle;
}
tr.odd {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
	vertical-align: middle;
}

/* start Rehab changes - created 2013/03/18 JRP  */
/* Ullico Casualty Company Rehabilitation page */

.rehab-title {
    font-family: Arial, Helvetica, sans-serif; 
    color:white; font-size: 18px; font-weight: bold; line-height: 23px;
    background-color:#909fbd; padding: 7px 7px 7px 7px; margin-bottom: 0; 
}
#rehab-resource {
    background-color: #cccccc; padding: 7px 7px 7px 7px; 
	color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
#rehab-resource a {
    color: #666666; text-decoration:none;
}
#rehab-resource a:hover {
    color: #666666; text-decoration:underline;
}
.rehab-faq {
    margin: 7px 5px 5px 5px;
}
.rehab-hr {
	width:99%; background-color:white; background: white; height:1px; border:0; margin:15px 5px 15px 5px;
}
#rehab-text h2 {
	color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
}
#rehab-contact { background-color: #cccccc; padding: 7px 7px 7px 7px; 
	color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
#rehab-page-title {
	 position: absolute; top: -110px; left: 10px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 32px; line-height: 32px;
}


// ******************************************************  bullets in content
#content .content ul li {
	  list-style: none;
	  padding: 0 0 12px 0px;
	  margin: 0px;
 }
#content .content ul li {
	list-style: none;
	list-style-image: none;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 20px;
	background: transparent url(../img/bullet.gif) no-repeat 0px 2px;
}
#content ul li ul,
#content ul li ul li ul {
	padding: 0px;
}
#content .item-list {
	clear: both;
	margin: 10px 0px;
}
  
#content ul.pager li {
	list-style: none;
	background: none !important;
	padding: 0px;
	margin: 0px;
}
#content ul.pager li a {
	font-weight: normal;
}
#content ol {
	padding: 0px;
	margin: 0px;
}
#content ol li {
	margin: 0px 0px 0px 40px;
}
.lhjrph2 {
	text-transform: uppercase;
	margin-top:0px; 
	font-size:12px;
	font-weight: 700;
	letter-spacing:1px;
}
.lhjrph2 a{
	color: #21314A;
}
.lhjrph2 a:hover{
	text-decoration: underline;
}
.lhjrpli {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.lhjrpli a{
	color: #21314A;
}
.lhjrpli a:hover{
	text-decoration: underline;
}

/* expandable / contractable menu block */
.block .expandable {clear:both;}
.block .expandable ul {list-style:none;margin:0;padding:0;}
.block .expandable li {margin:0;padding:0;background:#e9eff4 url(cssimg/expandable-sprite.png) 0 0 no-repeat;height:1%;vertical-align:bottom}
.block .expandable li.shown{background-position:-224px 0;}
.block .expandable li li {background:#e9eff4 none;}
.block .expandable a {padding:10px 40px 10px 12px;display:block;color:#fff;font-weight:bold;font-size:14px;text-transform:uppercase;}
.block .expandable a:hover{text-decoration:none;}
.block .expandable ul ul{padding:10px 0;display:none;}
.block .expandable ul ul a{color:#113759;padding:2px 9px 2px 25px;font-weight:normal;font-size:12px;text-transform:none;background:url(cssimg/expandable-arrow.png) 18px 6px no-repeat;}
.block .expandable ul ul a:hover{color:#113759;text-decoration:underline;}
.block .expandable a:hover{color:#fff;}
.block .expandable br{display:none;}

/* Life & Health overview */
.l-h-overview{width:720px;height:315px;position:relative;background:url(cssimg/l-h-overview-bg.jpg) no-repeat;overflow:hidden;}
.l-h-overview .button{width:243px;height:124px;display:block;position:absolute;top:99px;text-indent:-999em;overflow:hidden;outline:none;}
.l-h-overview .unions .button{background:url(cssimg/l-h-overview-unions.jpg);position:absolute;left:70px;}
.l-h-overview .union-members .button{background:url(cssimg/l-h-overview-union-members.jpg);position:absolute;left:405px;}
.l-h-overview .text{background:#fff;border:1px solid #6b6f74;border-width:0 1px;width:199px;padding:20px;top:157px;position:absolute;display:none;}
.l-h-overview .unions .text{left:70px;}
.l-h-overview .union-members .text{left:405px;}
.l-h-overview .unions .clicked{background:url(cssimg/l-h-overview-unions-expanded.jpg)}
.l-h-overview .union-members .clicked{background:url(cssimg/l-h-overview-union-members-expanded.jpg)}

/* Life and Health promo */
.page-lifeandhealth #content-inner{padding-right:0;padding-left:23px;}
.l-h-promo {width:720px;height:152px;margin-top:-16px;clear:both;background:#9db7cf url(cssimg/l-h-promo-bg.png) no-repeat;font-size:12px;color:#21314A;}
.l-h-promo .part{float:left;width:314px;margin-left:15px;margin-top:23px;}
.l-h-promo img {float:left;}
.l-h-promo .txt{float:left;width:198px;margin-left:10px;}
#content .content .l-h-promo a{font-weight:bold;}
#content .content .l-h-promo p a{font-weight:bold;background:url(cssimg/l-h-promo-arrow.png) 0 3px no-repeat;padding-left:7px;}
#content .content .l-h-promo ul{list-style:none;margin:0;padding:0;}
.l-h-promo li{margin:0;padding:0 0 3px 0px; }
#content-top h2{display:block;background:url("cssimg/separator-line.png") no-repeat scroll 0 14px transparent;padding:0 0 14px 0;color:#21314A;}
#content-top h2.title{display:none;background:none;padding:0;margin:0;}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px;
	font-weight: bold;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.medium {
	font-size: 14px;
	padding: .4em 1.5em .42em;
}

.mediumPlus {
	font-size: 14px; 
	font-weight: bold;
	padding: .4em 1.5em .42em;
}

.errorText {
	color: #940300;
	font-size : 18px;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

a.tabLink:link 	 { text-decoration: none; color: #FFF;}
a.tabLink:visited { text-decoration: none; color: #FFF;}
a.tabLink:hover   { text-decoration: none; color: #000;}
a.tabLink:active  { text-decoration: none; color: #FFF;}

.footnote {color: black; font-size:smaller; vertical-align:super;}
.footerPdID {color: #66F; font-size: 10px;}


/* navbar generated from http://bootstrap3-menu.codedorigin.com/#sthash.W1RkG1Hf.dpbs
---------------------------------------------- */

.navbar-inverse { background-color: #21314A; border-radius: 0px; border: 0px 0px 0px 0px; }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #7A8392}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #7A8392}
.dropdown-menu { background-color: #7A8392}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #21314A}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}

.navbar-toggle { background-color: #7A8392; }


/* columns of same height styles - from http://www.gekode.co.uk/bootstrap-3-responsive-columns-of-same-height/ */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/* http://hubpages.com/technology/Apply-custom-styles-to-bootastrap-tabs-step-by-step */
#myTab.nav-tabs {
    border-bottom: 1px solid #21314A;
}

#myTab li a { border-color: #21314A; background-color:#21314A; color:#FFFFFF; margin-right:7px; font-weight:bold; font-size:larger; border-radius: 10px 10px 0 0;}  
#myTab li.active a { border-bottom-color: transparent; background-color: #FFFFFF; margin-right:7px; color:#21314A;  font-weight:bold; font-size:larger;}  
#myTab a:hover { background-color: #7A8392; border-color:7A8392; color: #FFFFFF; margin-right:7px; font-weight:bold; font-size:larger;}  

/* https://gist.github.com/grevory/5369438  */
.picture.with-caption {
display: inline-block;
}
.picture.with-caption p {
margin: 0;
padding-top: 0.5em;
color:#7A8392;
}

/* http://charliepark.org/bootstrap_buttons/ */

.btn-SupIns {
  background-color: hsl(0, 69%, 22%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
  background-image: -o-linear-gradient(top, #b42121, #5e1111);
  background-image: linear-gradient(#b42121, #5e1111);
  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  margin-bottom: 3px;
}

.btn-View {
  background-color: hsl(195, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#78909C", endColorstr="#37474F");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#78909C), to(#37474F));
  background-image: -moz-linear-gradient(top, #78909C, #37474F);
  background-image: -ms-linear-gradient(top, #78909C, #37474F);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78909C), color-stop(100%, #37474F));
  background-image: -webkit-linear-gradient(top, #78909C, #37474F);
  background-image: -o-linear-gradient(top, #78909C, #37474F);
  background-image: linear-gradient(#78909C, #37474F);
  border: none;
  border-color: #37474F #37474F hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0.3em;
}

.carousel-caption {
   top: 1px;
   text-shadow: 3px 3px 5px #222; }

/* add asterisk after label when input field is required */   
div.required label.control-label:before {
    content: "*";
    color: red;
}

/*  http://bootstrapdesigntools.com/tools/bootstrap-breadcrumb-designer/  */
.breadcrumb {background: rgba(186, 196, 214, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 7px; display: block;}
.breadcrumb li {font-size: 14px;}
.breadcrumb a {color: rgba(252, 254, 255, 1);}
.breadcrumb a:hover {color: rgba(150, 42, 76, 1);}
.breadcrumb>.active {color: rgba(13, 1, 1, 1);}
.breadcrumb>li+li:before {color: rgba(34, 81, 153, 1); content: "\2771\00a0";}

/* timeline - from Pat McGlone  */
.timelineH3 { color:#FFFFFF; letter-spacing: 5px; margin-top: -5px; padding-left: 12px; padding-right: 7px;}
.timeline{list-style:none;padding:0;position:relative}
.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}
.timeline>li{margin-bottom:50px;position:relative;min-height:50px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}
.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left;}
.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#CF3427;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}
.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}
.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li:last-child{margin-bottom:0}.timeline 
.timeline-heading h4{margin-top:0;color:inherit}
.timeline .timeline-heading h4.subheading{text-transform:none}
.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{margin-bottom:25px;min-height:100px}.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}