.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

p.skip {position: absolute; left: -50em; width: 10em;}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 background: #b8e7f9;
 color: #333;
}

h1 {
 font-weight: bold;
}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #00AAE9;}

h1 {font-size: 1.6em; margin-top: 0;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
#contactInfo h3{font-size: 1.3em; margin: 0; color: #333;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}

body.about h1, body.about h2, body.about h3, body.about h4, body.about h5 {color: #EE3E96;}
body.info h1, body.info h2, body.info h3, body.info h4, body.info h5 {color: #A6C010;}
body.tools h1, body.tools h2, body.tools h3, body.tools h4, body.tools h5 {color: #4B196E;}

a img {border: 0;}

a {color: #e02363;}
a:hover {color: #333;}

.lightblue {color: #b8e7f9;}
.pink {color: #e02363;}
.darkblue {color: #0b202b;}
.grey {color: #666;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 941px; margin: 0 auto; font-size: 0.8em;}
#top {float: left; width: 941px;}
#search {float: right; padding-top: 18px; padding-right: 15px; color: #666;}
#head {width: 941px; height: 212px;}
#logos {float: left; width: 292px; height: 155px; padding: 57px 0 0 21px; background-image:  url(../images/bg_head_logos.gif);}
#testimonials {float: right; width: 628px; height: 212px;}

#main {float: left; width: 941px; background-image:  url(../images/bg_page_generic.gif); background-repeat: repeat-y;}
body.about #main {float: left; width: 941px; background-image:  url(../images/bg_page_about.gif); background-repeat: repeat-y;}
body.info #main {float: left; width: 941px; background-image:  url(../images/bg_page_info.gif); background-repeat: repeat-y;}
body.tools #main {float: left; width: 941px; background-image:  url(../images/bg_page_tools.gif); background-repeat: repeat-y;}

#panelsBase {float: left; width: 941px; height: 34px; background-image:  url(../images/base_generic.gif);}
body.about #panelsBase {float: left; width: 941px; height: 34px; background-image:  url(../images/base_about.gif);}
body.info #panelsBase{float: left; width: 941px; height: 34px; background-image:  url(../images/base_info.gif);}
body.tools #panelsBase {float: left; width: 941px; height: 34px; background-image:  url(../images/base_tools.gif);}

#sideNav {float: left; width: 251px; padding-left: 8px; padding-right: 10px;}
#content {float: left; width: 604px; padding: 26px; border-top: 8px solid #DBF3FC;}
body.about #content {border-top: 8px solid #FCD8EA;}
body.info #content {border-top: 8px solid #F2F7D8;}
body.tools #content {border-top: 8px solid #DBD1E2;}

#content ul li {margin-bottom: 1.0em;}

#footer {float: left; width: 941px; height: 98px; color: #666;}
.footerPanel {float: left; width: 465px; height: 98px; background-image:  url(../images/bg_footer_panel.gif);}
.footerPanel p {margin-top: 0;}
.panelLeft {margin-right: 11px; display: inline;}
/*#contactInfo {padding: 13px 16px 0 16px; font-size: 0.85em; line-height: 1.6em;}*/
#contactInfo {padding: 12px 14px 0 14px; font-size: 0.85em; line-height: 1.6em;}
.lloyds {margin-top: 18px;}
p.copyright {float: left; margin: 8px 15px; padding-bottom: 20px; display: inline; font-size: 0.85em; color: #666;}
p.copyright a {color: #666; margin-left: 4px; margin-right: 4px;}




/************************************/
/* Page-specific Layout Definitions */
/************************************/

#homePanels {float: left; width: 941px; padding-top: 26px; background-image:  url(../images/bg_home_panels.gif); background-repeat: repeat-y;}
#homePanels #colAbout {float: left; width: 280px; padding-left: 20px; padding-right: 30px;}
#homePanels #colInformation {float: left; width: 280px; padding-right: 30px;}
#homePanels #colTools {float: left; width: 280px;}
#homePanelsBase {float: left; width: 941px; height: 46px; background-image:  url(../images/home_panels_base.gif);}
#logos .websiteURL {margin-top: 15px;}



/**************************/
/* Navigation Definitions */
/**************************/

ul#topNav  {
 float: left;
 list-style: none;
 padding: 25px 0 0 15px;
 margin: 0;
} 
ul#topNav li {
 float: left;
 margin-right: 17px;
}
ul#topNav li a {
 text-decoration: none;
 color: #666;
}
ul#topNav li a:hover {
 text-decoration: underline;
 color: #333;
}

ul#navTabs {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
ul#navTabs li {float: left;}
ul#navTabs a {display: block; height: 70px;}

ul#navTabs li.about a, ul#navTabs li.tools a {width: 313px;}
ul#navTabs li.information a {width: 315px;}

ul#navTabs li.about a {background-image:   url(../images/nav_about.gif);}
ul#navTabs li.about a:hover {background-image:   url(../images/nav_about_on.gif);}
ul#navTabs li.information a {background-image:   url(../images/nav_information.gif);}
ul#navTabs li.information a:hover {background-image:   url(../images/nav_information_on.gif);}
ul#navTabs li.tools a {background-image:   url(../images/nav_tools.gif);}
ul#navTabs li.tools a:hover {background-image:   url(../images/nav_tools_on.gif);}

#sideNav ul {
 float: left;
 padding: 0;
 margin: 35px 0 0 0;
 font-weight: bold;
 font-size: 0.85em; 
}
#sideNav ul li {
 margin-left: 26px;
 margin-bottom: 10px;
}
#sideNav ul li a {color: #333; text-decoration: none;}
#sideNav ul li a:hover {color: #333; text-decoration: underline;}
body.about #sideNav ul {list-style-image: url(../images/bullet_about.gif);}
body.info #sideNav ul {list-style-image: url(../images/bullet_info.gif);}
body.tools #sideNav ul {list-style-image: url(../images/bullet_tools.gif);}
body.about #sideNav li.on a.navSecond {color: #EE3E96;}
body.info #sideNav li.on a.navSecond {color: #75870C;}
body.tools #sideNav li.on a.navSecond {color: #683E85;}

a.navThird {font-weight: normal; color: #333;}

ul#footerLogos {
 float: left;
 list-style: none;
 padding: 16px 0 0 24px;
 margin: 0;
}
ul#footerLogos li {float: left; margin-right: 20px; display: inline;}
ul#footerLogos a {display: block; height: 65px;}

ul#footerLogos li.enable a {width: 64px; background-image: url(../images/logo_footer_enable.gif);}
ul#footerLogos li.enable a:hover {background-image: url(../images/logo_footer_enable_on.gif);}
ul#footerLogos li.respect a {width: 106px; background-image: url(../images/logo_footer_respectme.gif);}
ul#footerLogos li.respect a:hover {background-image: url(../images/logo_footer_respectme_on.gif);}


/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.searchBox {
 width: 140px; 
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #7c7c7c;
}
.searchButton {
 font-weight: bold;
}
.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}
label {width: 120px;}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #eaeaea;
 color: #00456B;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 130px;
 padding-top: 2px;
}
.fmField {
 width: 150px;
 color: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 250px;
 height: 100px;
 color: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
select {
 color: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
select.fmField {
 width: 150px;
 color: #fff;
 background: #00456B;
 font-size: 1.0em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fmButton {
 background: #00456B;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Admin styles */
#adminPage {float: left; width: 900px; padding: 10px 20px 20px 20px; background: #fff;}
#adminLogo {float: left; width: 500px; padding: 20px 0 20px 0;}
#adminLogout {float: right;}
#adminNav {float: left; width: 900px; font-size: 0.9em;  padding: 10px 0; border-bottom: 1px dashed #B8E7F9; border-top: 1px dashed #B8E7F9; margin-bottom: 20px;}
#adminNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#adminNav ul li {
 float: left;
 margin-right: 17px;
 font-weight: bold;
}
#adminNav ul li a {text-decoration: none;}
#adminNav ul li a:hover {text-decoration: underline;}
#adminMain {float: left; padding-bottom: 50px;}
#adminFooter {float: left; width: 900px; color: #999; font-size: 0.8em;}
#adminFooter a {color: #999;}

#adminAbout {float: left; width: 270px; padding: 8px 20px 0 9px; border-top: 5px solid #F58BC0; border-right: 1px solid #F58BC0;}
#adminInfo {float: left; width: 270px; padding: 8px 20px 0 9px; border-top: 5px solid #CAD970; border-right: 1px solid #CAD970;}
#adminTools {float: left; width: 270px; padding: 8px 20px 0 9px; border-top: 5px solid #9375A8; border-right: 1px solid #9375A8;}

.adminLabel {
 width: 100px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
 height: 60px;
}

/* Styles for WYSIWYG Editor */
.FTBeditor {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 background: #fff;
 color: #333;
 margin: 5px;
 font-size: 80%;
}
.FTBeditor h2 {color: #666;}