.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 */


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

body {
 color: #3f481d;
 font-family: Arial, Helvetica, sans-serif;
 background: #DAD6D2;
 background-image:  url(../images/bg_page.gif); 
 background-position: top;
 background-repeat: repeat-x; 
 margin: 0;
}

a.skip {
 display: none;
}
h1 {
 color: #CB1002;
 font-weight: normal;
}
h2, h3, h4 {
 color: #6A6468;
 font-weight: normal;
}
h1 {font-size: 140%; margin-top: 15px; font-weight: bold;}
h2 {font-size: 130%; margin-bottom: 8px;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px; font-weight: bold;}

a img {
 border: 0;
}
a { 
 color: #6A6468;
}
a:hover { 
 color: #D90112;
}
.note { 
 color: #666;
 font-size: 80%;
}

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

#skip {
 display: none;
}
#container {
 width: 768px;
 margin: auto;
 font-size: 70%;
}
#logo {
 float: left;
 width: 768px;
 height: 97px;
}
#main {
 float: left;
 width: 754px;
 border-top: 1px solid #fff; 
 background-image:  url(../images/bg_main.gif);
 background-position: top;
 background-repeat: repeat-y;
}
#column1 {
 float: left;
 width: 319px;
}
#column2 {
 float: right;
 width: 434px;
}
#mainImage {
 float: left;
 width: 319px;
 height: 235px;
 border-bottom: 1px solid #fff; 
}
#featureBox {
 float: left;
 width: 164px;
 padding-top: 0!important; padding-top: 12px;
 padding-left: 12px;
 padding-right: 12px;
 padding-bottom: 12px;
 color: #fff;
}
#mainNav {
 float: left;
 width: 131px;
 background-color: #6A6468;
}
#content {
 float: right;
 width: 434px;
}
#copy {
 padding: 0 22px 40px 17px;
}
#imageColumn {
 float: right;
 width: 86px; 
 margin-left: 20px;
}
#imageColumn img {
 width: 86px;
 margin-bottom: 20px;
}
#breadcrumb {
 color: #6A6468;
 font-size: 90%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer {
 float: left;
 clear: both;
 width: 742px;
 height: 24px;
 padding-top: 10px;
 padding-left: 12px;
 border-top: 1px solid #fff; 
 background: #FED700;
 background-image:  url(../images/bg_footer.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
 color: #2e9826;
 font-size: 90%;
}

/* ---------------------- */
/* Other Text Definitions */
/* ---------------------- */

#featureBox h2 {
 color: #fff; 
}
#featureBox a {
 color: #fff; 
}
#featureBox a:hover {
 color: #6A6468; 
}
#featureBox ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
#featureBox ul li {
 margin: 0 0 3px 0;
}

/* Admin Page layout */
#mainAdmin {
 float: left;
 width: 714px;
 background: #E6E3DA;
 padding: 20px;
}
#loginstatus {
 float: right;
}



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

/* Main navigation */
#mainNav ul {
 list-style: none;
 width: 131px;
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
} 
#mainNav li {
 padding: 0;
 width: 131px;
 height: 21px;
 padding-top: 6px;
 border-bottom: 1px solid #fff;
 background-image:  url(../images/bg_nav.gif);
 background-repeat: repeat-y;
}
#mainNav li.on {
 background-image:  url(../images/bg_nav_on.gif);
}
#mainNav li a {
 color: #fff;
 padding: 10px 0 5px 24px;
 text-decoration: none;
}
#mainNav li a:hover {
 color: #C5B7AE;
}
#mainNav li.on a {
 color: #fff;
}

#home #mainNav ul li.home,
#who #mainNav ul li.who,
#what #mainNav ul li.what,
#where #mainNav ul li.where,
#vacancies #mainNav ul li.vacancies,
#contact #mainNav ul li.contact {
 background-image:  url(../images/bg_nav_on.gif);
}
#home #mainNav ul li.home a,
#who #mainNav ul li.who a,
#what #mainNav ul li.what a,
#where #mainNav ul li.where a,
#vacancies #mainNav ul li.vacancies a,
#contact #mainNav ul li.contact a {
 color: #fff;
}

/* Footer navigation */
#footer a {
 color: #2e9826;
 text-decoration: none;
}
#footer a:hover {
 color: #3f481d;
 text-decoration: none;
}

/* Internal page navigation */
ul.listNav {
 list-style: none;
 margin: 0;
 padding: 0;
}
p.backToTop {
 margin: 10px 0;
 padding: 3px 0;
 border-top: 1px solid #CFD7E9;
 border-bottom: 1px solid #CFD7E9;
 text-align: right;
}
p.backToTop a {
 text-decoration: none;
}



/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.formRow {
 margin-bottom: 5px;
}
input.fmField, input.fmComments, input.fmButton, input.fmFieldSml, textarea.update {
 border: 1px solid #3f481d;   
}
label {
 float: left;
 width: 80px;
 padding-top: 4px;
}
input.fmField {
 width: 155px;
 height: 14px;
 color: #3f481d;
 font-size: 95%;
}
input.fmFieldSml {
 width: 65px;
 height: 14px;
 color: #3f481d;
 font-size: 95%;
}
input.fmComments {
 width: 155px;
 height: 100px;
 color: #3f481d;
 font-size: 95%;
}
input.fmButton {
 color: #fff;
 background: #3f481d;
}
select {
 color: #3f481d;
}
textarea.update {
 width: 255px;
 height: 155px;
 color: #3f481d;
 font-size: 95%; 
 font-family: Arial, Helvetica, sans-serif;
}
.FTBeditor {
 font-size: 70%;
 background: fff;
}