/* General settings
-------------------------------------------------------------------------*/
*{
    margin: 0;
    padding: 0;
}
a,
a:link,
a:active{
color:#68BDEC; /*#68BDEC*/
	text-decoration: none;
	/*border-bottom: thin dotted #68BDEC;*/
}
a:visited{
	/*color:#999999;*/
	/*text-decoration: underline;*/
	border-bottom: thin dotted;
}
a:hover{
	color:#FFFFFF; /*#FF0000*/
	/*border-bottom: thin dotted #FFFFFF;*/
	text-decoration: underline;
}
ul{
	list-style-type: none;
}
img{
	border: 0 none transparent;
}
.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.summary{
	color: #68BDEC;
	font-weight:bold;
}
/* CSS to position the footer etc
-------------------------------------------------------------------------*/
html{
	height: 100%;
}

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	color:#FFFFFF;
	height: 100%;
	background: #406F8B url(../img/body_bg.jpg) repeat-y top center;
}

h1, h2, h3, h4 {
	font-family:"Trebuchet MS","Times New Roman", Times, serif
}

h2
{
font-size:120%;
border-bottom:thin solid #68BDEC;
}

#nonFooter{
	position: relative;
	width: 770px;
	margin: 0 auto 0 auto;
	min-height: 100%;
}

* html #nonFooter{
	height: 100%;
}

#footer{
	position: relative;
	margin-top: -7.5em;
	height: 7.5em;
}
/* CSS to position the header
-------------------------------------------------------------------------*/
#header{
	background: url(../img/HeaderR.gif) no-repeat right top;
	width: 100%;
	height: 35px;
}
#hdrMenu{
	background: url(../img/HeaderL.gif) no-repeat left top;
	height: 35px;
	padding: 5px 0 0 10px;
}
#hdrMenu li{
	float:left;
	background: url(../img/HeaderButtonR.gif) no-repeat right top;
	height: 22px;
	margin: 0 0 0 5px;
}
#hdrMenu li a{
	float:left;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 11px;
	background: url(../img/HeaderButtonL.gif) no-repeat left top;
	margin: 0 5px 2px 0;
	padding: 0 5px 0 10px;
	height: 22px;
	line-height: 22px;
	display: block;
	vertical-align: middle;
}
#header h2{
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 120%;
	color: #C2E0F0;
	width: 387px;
	left: 373px;
}
/* CSS to position the logo div
-------------------------------------------------------------------------*/
#hdrLogoSpan{
	width: 100%;
}
#hdrLogoSpan h2{
	background: url(../img/Logo.gif) no-repeat left top;
	height: 70px;
	width: 170px;
	display: block;
	text-indent: -1000px;
}
#hdrLogoTabs{
	float: right;
	position: relative;
	right: 0;
	top: 49px;
}
#hdrLogoTabs li{
	float:left;
	height: 21px;
	background: url(../img/Tab.gif) no-repeat left top;
	width: 75px;
}
#hdrLogoTabs li a{
	display: block;
	height: 21px;
	color: #000066;
	font-weight: bold;
	font-size: 12px;
	display: block;
	vertical-align: middle;
	padding: 5px;
	text-align:center;
	padding-right:8px;
}
/* CSS to position the main content
-------------------------------------------------------------------------*/
#content{
	background-color: #194477;
	border-top: 10px solid #000167;
}
#collage{
	background-color: #0776CE;
	padding-left: 5px; 
	height: 85px;
	margin: 0 0 30px 0;
}
#collage li{
	float:left;
	height: 70px;
	padding: 5px 5px 5px 0;
}
* html #collage li{
	height: 60px;
	padding: 5px 5px 0 0;
}
#content h3{
	text-transform:uppercase;
	font-size: 110%;
	color: #68BDEC;
	padding: 10px 0 10px 0;
}

/* Family output images table
-------------------------------------------------------------------------*/
.CentreImg{
display:block;
border: none;
margin-left: auto;
margin-right: auto;
}

/* Left content menu
-------------------------------------------------------------------------*/
#contentColLeft{
	float: left;
	width: 135px;
	border-right: 1px dashed #0776CE;
	padding: 0 20px 20px 20px;
}
#contentColLeft h3{
	text-transform:uppercase;
	font-size: 13px;
	color:#FFFFFF;
	padding: 10px 0 10px 0;
}
#contentColLeft ul{
	border-bottom: 1px solid #0776CE;
	padding: 0 0 10px 0;
}
#contentColLeft ul li{

}
#contentColLeft ul li a{
	/*font-size: 12px;
	font-weight:bold;
	color: #68BDEC;*/
	background: url(../img/Arrow.gif) no-repeat 5px 4px;
	padding: 0 0 0 15px;
}

/* Main content
-------------------------------------------------------------------------*/
#contentMain{
	padding: 0 20px 0 195px;
}
* html #contentMain{
	padding: 0 20px 0 195px;
}
#contentMain h1{
	position: relative;
	font-size: 140%;
	border: 1px solid #0776CE;
	background-color: #537399;
	margin: 0 0 20px 0;
	padding: 5px 10px 5px 10px;
}
#contentMain p{
	margin: 10px 0 15px;
	/*text-align:justify;*/
}
.rightCol{
	float: right;
	width: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
.rightCol h3{
	text-transform:uppercase;
	font-size: 13px;
	color: #68BDEC;
}
.rightCol ul{
	margin: 10px 0 10px 0;
}
.rightCol ul li{
	border-bottom: 1px solid #0776CE;
	padding: 2px;
}
.rightCol ul li span{
	float: left;
	width: 80px;
	font-weight: bold;
	padding-left: 5px;
}
h4.moreInfo{
	text-transform:uppercase;
	font-size: 13px;
	color: #68BDEC;
	border-top: 1px solid #0776CE;
	padding: 15px 5px 0 5px;
	width: 200px;
}
ul.moreInfo{
	margin: 0 0 10px 5px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #0776CE;
	width: 200px;
}
ul.moreInfo li{
	border-bottom: 0 none transparent;
}
ul.moreInfo li a{
	font-size: 12px;
	color: #68BDEC;
	background: url(../img/Arrow.gif) no-repeat 5px 4px;
	padding: 0 0 0 15px;
}

#termsCons{
	text-align:center;
	padding: 20px;
	margin-top:10px;
	margin-bottom:30px;
}

/* Footer/Google Adwords
-------------------------------------------------------------------------*/
#ftrGoogle{
	border-top: 10px solid #000167;
	padding: 20px;
	background-color:#194477;
}
* html #ftrGoogle{
	height: 90px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
.floatholder {
	float: left; 
	}