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

/* 
================================
DNN Action Divs
================================
*/  
#dnnActions, #dnn-module-bar {
	float: right;
	text-align: right;
	clear: both;
}
/* 


================================
No Title
================================
*/  
#no-title {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px
}
#no-title dnnActions {
	background-color:#f00;
}

#no-title ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
}
#no-title ul li {
	background-image: url(../../Skins/CFSLWebsite/images/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}


/* 
================================
Page Heading and Intro
================================
*/
#container-heading-and-intro {
	float: left;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: 100%;
}
#container-heading-and-intro--heading-bar {
	float: left;
	MARGIN: -5px 0 0 0;
	padding: 0px 0px 20px 0px;
	width: 100%;
}
#container-heading-and-intro--heading-bar h1 {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	FONT-SIZE: 3.5em;
	font-weight: 500;
	COLOR: #04486f; /* #983223 */
	border-bottom: #d9d9d9 solid 1px;
	width: 100%;
}


#container-heading-and-intro--content {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	MARGIN: 0px;
}
#container-heading-and-intro--content h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #9e9e9e;
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

/* ie 6 hack */
* html #container-heading-and-intro--content h2
{
	display: inline;
	margin: 0px;
	padding-bottom: 16px;
	
}

 #container-heading-and-intro ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 0px
}
#container-heading-and-intro ul li {
	background-image: url(../../Skins/CFSLWebsite/images/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}
/* 
================================
Main Container 
================================
*/  
#container-main {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#container-main--heading-bar {
	float: left;
	width: 100%;
	MARGIN: 0px 0px 10px 0px;
	padding: 5px 0px;
	/* BORDER-TOP: #d9d9d9 1px solid; */
	color: #333333;
	margin-top: 0px;
}
#container-main .title {
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: -0px;
	PADDING-TOP: 10px;
	MARGIN: 0px;
	COLOR: #3cb9e5;
}
#container-main--content {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 5px 0px;
	color: #333333;
}

#hide-module-search {
height: 500px;
background-color:#FFFFFF;
z-index: 1000;

}
/* 
================================
Homepage Banner Image
================================
*/
#comtainer-homepage-banner {
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px
}
#comtainer-homepage-banner img {
	float: left;
	border: none;
}
#comtainer-homepage-banner ul {
	width: 679px;
	height: 296px;
	margin: 12px 0px 12px 0px;
	padding: 0;
	display: block;
	list-style-type: none;
}
#comtainer-homepage-banner ul.ccd {
	
}
#comtainer-homepage-banner ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* 
================================
Homepage Logins
================================
*/
#container-homepage-logins {
	float: right;
	clear: none;
	margin: 0px;
	padding: 0px;

}
#container-homepage-logins .title {
	color: #b61e11;
	font-size: 1.4em;
	/* margin-bottom: 18px; */
}
#container-homepage-logins-keyline {
	float: right;
	clear: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #bdd9e5;
}
#container-homepage-logins ul {
	width: 274px;
	padding: 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;

}
#container-homepage-logins UL LI {
	list-style-type:none;
	padding: 10px;
	margin: 0px;
	border-bottom: #bdd9e5 solid 1px;
}

#container-homepage-logins UL LI a {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	DISPLAY: block;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
	font-weight: bold;
}
#container-homepage-logins IMG {
	BORDER: 0;
	MARGIN: 6px 10px 6px 6px;
	PADDING: 0;
}
#container-homepage-logins p {
	BORDER: 0;
	MARGIN: 0px;
	PADDING: 0;
}
/* 
================================
Teaser Homepage
================================
*/
.teaser-homepage {
	position: relative;
	width: 322px;
	height: 200px;
	border-top: #3cb9e5 1px solid;
}
.teaser-homepage .title {
	z-index:1000;
	position: absolute;
	top: 22px;
	left: 0px;
	width: 300px;
	font-size: 1.1em;
	padding: 7px 0px px 0px;
	margin: 0;
}
.teaser-homepage .title span {
	color: #2c2c2c;
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
.teaser-homepage #contentPane {
	position: absolute;
	top: 0px;
	left: 0px;
}
.teaser-homepage p, .teaser-homepage ul {
	position: absolute;
	top: 60px;
	left: 140px;
	width: 180px;
	padding: 0;
	margin: 0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
}
.teaser-homepage p img {
	position: absolute;
	top: 0px;
	left: -140px;
	padding: 0px;
	/* border:#1bb7ea solid 1px; */
	float: left;
	margin-right: 10px;
}
.teaser-homepage ul li {
	list-style:none;
	PADDING-BOTTOM: 4px;
}
.teaser-homepage UL LI a, .teaser-homepage a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	list-style: none;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
/* 
================================
Teaser Solution
================================
*/


.teaser-solution {
	position: relative;
	width: 408px;
	height: 190px;
	border-top: #3cb9e5 1px solid;
}

* html .teaser-solution {
	width: 400px;
}
.teaser-solution .title {
	z-index:1000;
	position: absolute;
	top: 14px;
	left: 0px;
	font-size: 1.1em;
	padding: 7px 0px px 0px;
	margin: 0;
		width: 300px;
}
.teaser-solution .title span {
	color: #2c2c2c;
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
.teaser-solution #contentPane {
	position: absolute;
	top: 0px;
	left: 0px;
}
.teaser-solution p img {
	position: absolute;
	top: 0px;
	left: -150px;
	padding: 0px;
	float: left;
	margin-right: 10px;
	background: none;
}
.teaser-solution p, .teaser-solution ul {
	position: absolute;
	top: 50px;
	left: 150px;
	width: 253px;
	padding: 0;
	margin: 0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
	background: white;
}
.teaser-solution UL LI a, .teaser-solution a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	DISPLAY: block;
	list-style:none;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
.teaser-solution a img {



}

/*
================================
Hub Page Header
================================
*/
#hub-page-top {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 828px;
}

/* ie 6 hack */
* html #hub-page-top
{
	width: 826px;
	
}
#hub-page-top img {
	float: left;
	clear: none;
	border: 0px;
	margin: 0px;
}
/* ie 6 hack */
* html #hub-page-top
{
	width: 826px;
}


#hub-page-top h1 {
	float: left;
	clear: both;
	margin: -6px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	FONT-SIZE: 3.5em;
	font-weight: 500;
	COLOR: #04486f; /* #983223 */
	width: 100%;
}
#hub-page-top h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #9e9e9e;
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 10px 0px;
	width: 100%;
	clear: both;
}
#hub-page-top .panel {
	float: right;
	clear: none;
	width: 268px;
	background: #effafe;
	height: 260px;
	margin-bottom: 12px;
}
/* ie 6 hack */
* html #hub-page-top .panel
{
	width: 200px;
	margin: 0;
	padding: 0;
}
#hub-page-top .panel h3 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.8em;
	COLOR: #b61e11; /*#04486f;*/
	margin: 7px 20px 12px 20px;
	width: 100%;
}
#hub-page-top .panel p {
	margin: 7px 20px 8px 20px;
}
#hub-page-top .panel img {
	margin: 50px 36px;
}
#hub-page-top .panel ul {
	width: 253px;
	padding: 0;
	margin: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	MARGIN: 0px;
	list-style-type:none;
	background:none;
}
#hub-page-top .panel UL LI a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 6px;
	margin: 6px 20px 0px 20px;
	DISPLAY: block;
	list-style:none;
	font-weight:bold;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
	border-bottom: 1px solid #38b7e4;
}
#hub-page-top .panel UL LI a.last, #hub-page-top .panel a.last {
	border-bottom: none;
}
/*
================================
Teaser Section Homepage
================================
*/
#teaser-section-homepage {
	float: left;
	clear: none;
	height: 170px;
	width: 268px;
	margin: 0px;
}
#teaser-section-homepage hr {
	color:  #33CCFF;
	margin-top: 0px;
	margin-bottom: 20px;
}
#teaser-section-homepage h2 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.4em;
}
#teaser-section-homepage img {
	border: 0px;
	float: left;
	margin-right: 10px;
}
#teaser-section-homepage p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#teaser-section-homepage #contentPane {
	background-color:#00FF00;
}
/*
================================
Teaser Section Homepage
================================
*/
#call-to-action {
	background-color:#f4dfd5;
	border: 1px solid #b61e11;
	MARGIN: 12px 0px 0px 0px;
	WIDTH: 150px;
	float: right;
	clear: none;
}
#call-to-action .title {
	BORDER-BOTTOM: #b61e11 1px solid;
	PADDING-TOP: 7px;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 9px;
	PADDING-RIGHT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BACKGROUND:  #b61e11;
	COLOR: #fff;
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: bold;
}
#call-to-action .content {
	padding: 0px;
	margin: 0px;
	
}
#call-to-action .content p {
	padding: 10px 15px 10px 10px;
	margin: 0;
}
#call-to-action .content UL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	PADDING-TOP: 0px;
	
}
#call-to-action .content UL LI {
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 10px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
}
#call-to-action .content UL LI A {
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-TOP: 0px;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../../Skins/CFSLWebsite/images/arrowbullet_call2action.gif) no-repeat left top;
	
	}
	

.container-connection {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: #d9d9d9 solid 1px;
}
.container-connection-left {
	float: left;
}
.conatainer-connection-right {
	float: left;
	margin-left:20px;
}
.container-connection-right p a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}
.content-table {
	width: 100%;
	border-color: #04486f;
	border-width: 0 0 1px 1px;
	border-style: solid;
}
.content-table th {
	background-color:#04486f;
	color: #fff;
	text-align:left;
	margin: 0px;
	padding: 5px;
}
.content-table td {
	text-align:left;
	vertical-align:top;
	border-color: #04486f;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0px;
	background-color: #fff;
	padding: 5px;
}
.content-table td a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}



#office-maps {
	width: 322px;
	height: 1000px;
	border-top: #d9d9d9 solid 1px;
	overflow:auto;
}

#office-maps #map {
	margin-top: 20px;
}
#office-maps .smallprint {
	font-size: 0.9em;
	text-align: center;

}

#office-maps .map-content {
	margin-top: 20px;
}
#office-maps h3 {
	colour: #333;
	font-size: 1.2em;
	margin-top:20px;
	margin-bottom:20px;


}
#office-maps a {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;
}


/* 
================================
Page Heading and Intro
================================
*/
#container-quickfind {
	float: left;
	margin: 20px 0 0 0;
	padding: 10px;
	width: 254px;
	background: url(../../Skins/CFSLWebsite/images/bgd_quickfind.jpg) repeat-x;
}
#container-quickfind--heading-bar {
	float: left;
	MARGIN: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 254px;
}
#container-quickfind--heading-bar .title {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	FONT-SIZE: 1.4em;
	font-weight: 500;
	COLOR: #fff; /* #983223 */
	width: 254px;
}


#container-quickfind--content {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	MARGIN: 0px;
}
#container-quickfind--content  select {
	width: 234px;
}


#container-quickfind--content h2 {
	FONT-WEIGHT: 400;
	FONT-SIZE:1.5em;
	COLOR: #04486f;
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

#container-theresearcher {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 350px;
}
 #container-theresearcher ul, {
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 10px;
}
#container-theresearcher ul li {
	background-image: url(../../Skins/CFSLWebsite/images/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	list-style: none;
}

#container-theresearcher a.click {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;

}



#twitter_div
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
}

ul#twitter_update_list
{
 list-style: none;
 margin: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 2em;
}
ul#twitter_update_list li
{
	background-image: url(../../Skins/CFSLWebsite/images/blue-square-icon.gif); /* Replace bullet.gif with your img */
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 16px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
	font-size: 1em;
	
}
ul#twitter_update_list 
{
	font-size: 1em;
}

ul#twitter_update_list li a
{
	font-size: 1em;
}

 .download-links ul {
 list-style: none;
 margin: 0px;
padding: 0px;
}
.download-links ul li {
	background-position: left 0.4em;
	background-repeat: no-repeat;
	padding-left: 0px; /* Add padding so text doesn't cover bullet img */
	margin-bottom: 0.5em;
}

.download-links ul li a {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 0px;
	margin: 6px 20px 0px 0px;
	DISPLAY: block;
	list-style:none;
	background: url(../../Skins/CFSLWebsite/images/subnav-icon.gif) no-repeat left top;

}