.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 {
 background: #DADADA;
 background-image: url(../images/bg_page.jpg);
 background-repeat: repeat-x;
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

h1, h2 {
 color: #00adef;
 font-weight: bold;
}
h3, h4 {
 color: #731272;
 font-weight: bold;
}
h1 {font-size: 200%; margin-top: 0;}
h2 {font-size: 150%; margin-bottom: 6px;}
h3 {font-size: 120%; margin-bottom: 4px; margin-top: 4px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #00adef;}
a:hover {color: #731272;}
a img {border: 0;}

a.strongLink {font-weight: bold;}

.purple {color: #731272;}
.blue {color: #00ADEF;}


/*img {display: block;}*/

/*p {margin-top: 0;}*/

#contentBlock ul {color: #333;}

#strapline h1  {color: #aaa; font-size: 150%; font-weight: bold; margin: 0; pading: 0;}

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

#container {width: 883px; margin: 10px auto; font-size: 70%;}
#wrap {float: left; width: 883px; background-image: url(../images/bg_main.gif); margin-bottom: 16px;}
#page {width: 828px; margin: 0 27px 0 28px;}
#logo {float: left; width: 206px; height: 71px; padding-top: 10px; padding-bottom: 9px;}
#strapline {float: left; width: 336px; padding-top: 59px; padding-left: 10px;}
#toppic {float: left; width: 275px; height: 74px; padding-top: 16px;}
#mainNav {float: left; width: 828px; height: 28px; padding: 0; margin-top: 1px; margin-bottom: 1px;}

#mainOneCol {float: left; width: 827px; background-image: url(../images/bg_oneCol.gif); background-repeat: repeat-y;}
#mainTwoCol {float: left; width: 827px; background-image: url(../images/bg_twoCol.gif); background-repeat: repeat-y;}

#contentBlock {float: left; width: 689px;}

#adverts {float: left; height: 80px; width: 689px; border-bottom: 8px solid #fff;}
#adverts img {float: left; margin-right: 1px;}
#adverts img.last {float: left; margin-right: 0;}

#twoColLeft {float: left; width: 229px; margin-right: 16px;}
#twoColRight {float: left; width: 421px; padding-right: 23px; padding-top: 9px; padding-bottom: 20px;}

#oneCol {float: left; width: 445px; padding-left: 16px; padding-top: 9px; padding-bottom: 20px;}
#oneColPic {float: left; width: 192px; padding-left: 20px; padding-top: 55px; padding-bottom: 20px;}

#oneColFull {float: left; width: 657px; padding-left: 16px; padding-top: 9px; padding-bottom: 20px; padding-right: 16px;}

#directoryList {float: left; width: 137px; margin-left: 1px;}

#footer {float: left; width: 827px; height: 111px; background: #CCEFFC; margin-top: 1px; margin-bottom: 16px;}
#footerNav {float:left; width: 220px; padding: 12px 12px 0 12px;}
#footerNav .issue {float: left; margin-right: 5px; display: inline;}
#footerCopy {float: left; width: 430px; padding-right: 16px; padding-top: 12px; color:#731272; font-size: 90%;}
#footerCopy h3 {margin-bottom: 0; margin-top: 0; font-size: 140%;}
#footerCopy p {margin-top: 0; margin-bottom: 8px;}
#footerCopy a {text-decoration: none; color:#731272;}
#footerCopy a:hover {text-decoration: underline; color:#731272;}
#footerCopy img {float: right; margin: -10px 0;}
#footerCredits {float: left; width: 137px;}
#footerCredits img {display: block;}
#footerRule {width: 828px; height: 1px; background: #333;}

#mainAdmin {float: left; width: 790px; padding-left: 16px; padding-top: 9px; padding-bottom: 20px; padding-right: 20px;}
#adminLogin {float: left; text-align: right; width: 275px; height: 25px; padding-top: 65px;}

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

#welcomePanel {width: 197px; color: #fff; padding: 16px; background: #731272; background-image: url(../images/bg_welcome.jpg); background-repeat: no-repeat;}
#welcomePanel h1 {font-size: 140%; margin-bottom: 0; color: #fff;}
#welcomePanel p {margin-top: 0;}

#summaries {width: 197px; color: #333; padding: 16px; font-size: 90%;}
#summaries h3, #summariesFeatures h3 {margin-bottom: 0px; margin-top: 0; color: #731272;}
#summaries a, #summariesFeatures a {color: #333; text-decoration: none;}
#summaries a:hover, #summariesFeatures a:hover {color: #333; text-decoration: underline;}
#summaries .readmore, #summariesFeatures .readmore {color: #00adef; font-weight: bold;}

#summariesFeatures {width: 197px; color: #333; padding: 16px; font-size: 90%; background-image: url(../images/bg_bluecurve.gif); background-repeat: no-repeat; background-position: top;}

#oneCol h1, #oneColFull h1 {color: #00adef;}

.directoryColumn {float: left; width: 200px; padding-right: 19px;}
.directoryColumnFull {float: left;}
.directoryColumn a.category, .directoryColumnFull a.category {display: block; font-size: 110%; font-weight: bold; color: #731272; text-decoration: none; margin-bottom: 5px;}
.directoryColumn a.category:hover, .directoryColumnFull a.category:hover {font-weight: bold; color: #731272; text-decoration: underline;}
.directoryColumn a, .directoryColumnFull a {font-weight: bold; text-decoration: none;}
.directoryColumn a:hover, .directoryColumnFull a:hover {color: #00adef; text-decoration: underline;}

#advertiser {float: left; width: 677px; }
#advertiser h1 {width: 661px; height: 33px; padding-top: 5px; padding-left: 16px; margin-top: 9px; margin-bottom: 9px; background-image: url(../images/bg_advertiserhead.jpg); background-repeat: no-repeat; color: #fff;}
#advertiser .adPic {float: left; width: 431px; margin-right: 16px;}
#adForm {float:left; width: 230px; height: 287px; background: #E5F7FD; color: #731272;}
#adForm h2 {background: #00ADEF; color: #fff; font-size: 120%; padding: 5px 8px; margin-top: 0;}
#adForm .formRow {margin-top: 0px; margin-bottom: 4px;}
#adForm label {float: left; width: 75px; padding-left: 8px; font-weight: bold;}
#adForm .adField {width: 130px; border: 1px solid #731272; font-size: 95%; color: #731272; padding: 2px; font-family: verdana, arial, helvetica, sans-serif;}
#adForm .adText {width: 130px; height: 50px; padding: 2px; border: 1px solid #731272; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; color: #731272;}
#adCopy {float: left; width: 399px; padding: 16px; margin-right: 16px;}
#adAddress {float:left; width: 222px; padding-left: 8px; padding-top: 16px; padding-bottom: 16px; color: #731272; font-weight: bold;}


.classifiedButton {background: #731272; color: #fff; font-weight: bold; border: 0; width: 192px; margin: 10px 0;}
.disclaimerText {color: #999; font-size: 90%; margin-top: 0;}
a.classified {display: block; font-size: 110%; font-weight: bold; color: #00adef; text-decoration: none; margin-bottom: 4px; margin-top: 0;}
a.classified:hover {color: #731272;}
.catTable {padding: 2px;}
.catTable th {background: #EEEEEE; color: #333; font-size: 110%; font-weight: bold; text-align: left;}
.catTable th.date {width: 100px; text-align: right;}
.catTable td.date {width: 100px; text-align: right;}

#classDetails {margin: 10px 0;}
#classDetails p.price {font-size: 130%; font-weight: bold; color: #00adef;}
#classDetails p.contact {color: #731272; font-weight: bold;}
.classifiedPic {width: 180px;}


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

/* Main navigation */

#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 
#mainNav ul li {
 float: left;
 width: 137px;
 height: 28px;
 margin-right: 1px;
 text-align: center;
}
#mainNav ul li a {
 display: block;
 background-image: url(../images/tab_purple.jpg);
 width: 137px;
 height: 14px;
 color: #fff;
 font-weight: bold;
 padding: 7px 0;
 text-decoration: none;
}
#mainNav ul li a:hover {
 background-image: url(../images/tab_blue.jpg);
 color: #fff;
}
#mainNav ul li.business {
}
#mainNav ul li.business a {
 background-image: url(../images/tab_grey.jpg);
}
#mainNav ul li.business a:hover {
 background-image: url(../images/tab_grey.jpg);
 color: #333;
}
#mainNav ul li a.on {
 background-image: url(../images/tab_blue.jpg);
}


/* Directory List navigation */

#directoryList ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 
#directoryList ul li {
 width: 137px;
 background: #9B9B9B;
 background-image: url(../images/tab_category.jpg);
 background-repeat: no-repeat;
 border-bottom: 1px solid #fff;
}
#directoryList ul li a {
 display: block;
 width: 125px;
 color: #fff;
 padding: 6px 6px 7px 6px;
 text-decoration: none;
}
#directoryList ul li a:hover {
 color: #333;
}

/* Footer navigation */

#footerNav ul {
 list-style: none;
 padding: 5px 0;
 margin: 0;
} 
#footerNav ul li {
 margin-bottom: 4px;
}
#footerNav ul li a {
 color: #731272;
 text-decoration: none;
}
#footerNav ul li a:hover {
 color: #333;
}

/* Admin navigation */

#adminNav ul {
 list-style: none;
 padding: 0;
 margin: 5px 0;
} 
#adminNav ul li {
 float: left;
 display: block;
 height: 14px;
 padding: 4px 8px;
 margin-right: 1px;
 text-align: center;
 background: #eee;
}
#adminNav ul li a {
 color: #333;
 text-decoration: none;
}
#adminNav ul li a:hover {
 color: #00adef;
}


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

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.formRow {
 clear: both;
 margin-top: 0px;
 margin-bottom: 4px;
}
label.fmLabel {
 float: left;
 width: 130px;
 padding-top: 4px;
}
.fmField {
 width: 150px;
 color: #333;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 95%;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 95%;
}
.fmComments {
 width: 150px;
 height: 100px;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 color: #333;
 font-size: 95%;
}
.fmFieldText {
 width: 300px;
 height: 200px;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 color: #333;
 font-size: 95%;
}
select {
 color: #333;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 95%;
}
.fmButton {
 background: #731272;
 color: #fff;
 font-weight: bold;
 border: 0;
}

/* Admin styles */
.adminLabel {
 width: 100px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 width: 200px;
 font-size: 95%;
}
.adminInputLrg {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 width: 400px;
 font-size: 95%;
}
.adminInputSml {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 width: 100px;
 font-size: 95%;
}
.adminSelect {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 95%;
}
.adminTextbox {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 width: 200px;
 height: 60px;
 font-size: 95%;
}
.adminTextboxLrg {
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 width: 300px;
 height: 200px;
 color: #333;
 font-size: 95%;
}
.adminHead {
 background: #eee;
 text-align: left;
}
.adminHeadSmall {
 text-align: left;
 width: 150px;
}

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