.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: #FAF4E6;
 color: #3D0A64;
}

h1 {
 font-weight: normal;
}

h1 {font-size: 160%; margin-top: 0; margin-bottom: 0;}
h2 {font-size: 140%; margin-top: 0; margin-bottom: 6px;}
h3 {font-size: 130%; margin-bottom: 4px;}
h4 {font-size: 100%; margin-bottom: 3px; font-weight: normal;}

a img {border: 0;}

a.strongLink {font-weight: bold;}

a {color: #3D0A64;}
a:hover {color: #989898;}

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

#container {width: 849px; margin: 0 auto; font-size: 70%;}
#wrap {float: left; width: 924px; padding-left: 76px; background-image:  url(../images/bg_wrap.gif); background-repeat: repeat-y;}
#page {float: left; width: 849px; background-image:  url(../images/bg_page.gif); background-repeat: no-repeat;}
#header {float: left; width: 849px; text-align: center;}
#logo {padding: 20px 0 60px 0;}
#mainNav {float: left; width: 816px; padding-bottom: 24px; padding-left: 33px;}

#main {float: left; width: 790px; padding-left: 33px; padding-right: 26px;}
#mainGallery {float: left; width: 790px; height: 600px; padding-left: 33px; padding-right: 26px;}
#copy {float: left; width: 215px; padding-right: 35px;}
#copyWide {float: left; width: 755px; padding-right: 35px;}
#image {float: right; width: 540px;}

#footerText {float: left; width: 849px; text-align: center; padding: 20px 0;}

#footer {float: left; width: 849px; text-align: center; padding: 0 0 20px 0;}

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


/************************************/
/* Page-specific Text Definitions   */
/************************************/
#footer {color: #989898;}
#footer a {color: #989898;}
#footerText h2 {color: #989898; margin: 0; font-size: 130%; font-weight: normal;}
#footerText h3 {color: #989898; margin: 0; font-size: 130%; font-weight: normal;}

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

#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 
#mainNav ul li {
 float: left;
}
#mainNav ul li a {
 margin-right: 28px;
 text-decoration: none;
 color: #989898;
}
#mainNav ul li a:hover {
 color: #3D0A64;
}
#mainNav ul li a.last {
 margin-right: 0;
}
#mainNav ul li a.on {
 color: #3D0A64;
}

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

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.registrationForm {
 float: left; 
 width: 370px;
 margin: 0;
 padding: 0;
}
.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #2B2F47;
 color: #fff;
 font-weight: bold;
}
.formRowSubHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 padding: 3px;
 background: #A3B198;
 color: #fff;
 font-weight: bold;
}
.loginLabel {
 float: left;
 width: 60px;
 padding-top: 2px;
}
.fmLabel {
 float: left;
 width: 130px;
 padding-top: 2px;
}
.fmField {
 width: 150px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 150px;
 height: 100px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmCommentsLrg {
 width: 200px;
 height: 300px;
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select.fmField {
 width: 150px;
 color: #fff;
 background: #2B2F47;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmButton {
 background: #2B2F47;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}


/* Admin styles */
#adminPage {float: left; width: 849px; padding-bottom: 100px;}
#adminLogo {padding: 20px 0 20px 0;}

.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: Arial, Helvetica, Sans-Serif;
 background: #fff;
 color: #333;
 margin: 5px;
 font-size: 80%;
}