.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;
}

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

body {
 font-family: arial, helvetica, sans-serif;
 margin: 0;
 background: #fff;
 background-image: url(../images/bg-page.gif);
 background-repeat: repeat-x;
 color: #003c6b;
}

h1 {
 font-weight: normal;
}

h1, h3, h5 {color: #537fac;}
h2, h4 {color: #003c6b;}

h1 {font-size: 1.5em; margin-top: 0;}
h2 {font-size: 1.4em; margin-bottom: 2px;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}

a img {border: 0;}

a {color: #537fac;}
a:hover {color: #003c6b;}

#copy ul { 
margin: 0 0 0 16px; 
padding: 0; 
} 
#copy li{ 
padding-left: 5px; 
} 

.small {font-size: 0.85em;}


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

#wrap {width: 1000px; margin: 0 auto; background-image:   url(../images/bg-page.gif); background-repeat: repeat-x;}
#container {float: left; width: 960px; padding: 0 20px; margin: 0; font-size: 0.7em; background-image: url(../images/bg-home.gif);}
#logo {float: left; width: 717px; height: 183px;}
#search {float: left; width: 243px; height: 143px; padding-top: 20px; font-size: 1.1em;}
#main {float: left; width: 960px; background-image: url(../images/bg-sub.gif); background-repeat: repeat-y;}
#content {float: left; width: 717px; background-image: url(../images/top-shadow.gif); background-repeat: no-repeat;}
#subRight {float: left; width: 243px; height: 398px; padding: 0; color: #fff;}
#copy {float: left; width: 585px; padding: 20px 20px 20px 112px;}

#footer {float: left; width: 956px; text-align: right; padding: 5px 22px; color: #999; font-size: 0.7em; background: #fff;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {color: #666;}
#socMedia {float: left; text-align: left;}
#socMedia a {margin-right: 10px;}
.socIcon {margin-bottom: -3px; margin-right: 2px;}

#baseShadow {float: left; width: 1000px; height: 24px; margin: 0 auto; background-image:  url(../images/base-shadow.gif); background-repeat: no-repeat;}

#advertising {text-align: center; margin-top: 20px;}




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

#hpMain {float: left; width: 717px; height: 398px; background-image: url(../images/bg-homepanel.jpg);}
#navBar {float: right; width: 717px; height: 27px; font-size: 1.1em;}
#hpText {float: left; width: 213px; height: 344px; padding: 27px 15px; background-image: url(../images/bg-hometext.jpg); color: #fff;}
#hpText h1 {font-size: 1.1em; font-weight: normal; color: #97B5CA;}

#hpPanels {width: 930px; padding: 0 15px;}
.panel {float: left; width: 215px; padding: 15px 0; margin-right: 15px; display: inline;}
.panel h2 {color: #48a3f6; margin-top: 0; margin-bottom: 5px;}
.panel p {margin-top: 0;}


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

#navBar ul  {
 float: right;
 list-style: none;
 padding: 0;
 margin: 0;
} 
#navBar li {
 float: left;
 margin: 0 1px 0 0;
 display: inline;
}
#navBar li a {
 display: block;
 text-decoration: none;
 width: 100px;
 height: 27px;
 background-image: url(../images/navtab.gif);
 text-align: center;
 color: #fff;
 line-height: 2.1em;
}
#navBar li a:hover {
 color: #97B5CA;
}
#navBar a.on {}

/* 2nd level nav */
#subRight ul {
 list-style: none;
 margin: 15px 0;
 padding: 0;
} 
#subRight ul li {
 padding: 3px 22px;
}
#subRight ul li a {
 text-decoration: none;
 color: #fff;
}
#subRight ul li a:hover {
 color: #003c6b;
}






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

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}

.searchBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchBoxSub {width: 190px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchButton {color: #333; font-weight: bold; background: #fff; border: 0; font-size: 0.85em;}
.membersBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.98em;}

.emailField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}
.emailButton {color: #fff; font-weight: bold; background: #4B8738; border: 0; font-size: 0.8em;}
.membersButton {color: #fff; font-weight: bold; background: #ACB428; border: 0; margin: 4px 0;}

.loginField {
 width: 100px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}

label {width: 120px;}

.memberLoginLabel {
 display: block;
 padding-top: 2px;
}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 background: #eee;
 padding: 3px;
 color: #333;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 200px;
 padding-top: 2px;
}
.fmField {
 width: 200px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldLrg {
 width: 300px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 300px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}

.fmButton {
 background: #666;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}