@import url("forms.css");
body {margin: 0; padding:20px; font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background-color: #CCC; text-align: center; color: #333;}

a {text-decoration: underline; color: #0066FF;}
a:hover {text-decoration: none;}

h1 {font: 28px Georgia, Times, serif; margin: 10px 0 15px 0; color: #666;}
h2 {font: 24px Georgia, Times, serif; margin: 5px 0; color: #333; line-height: 1.4em;}
h3 {font: 14px Georgia, Times, serif;}

img {border: none;}

hr {margin: 20px 0; height: 2px; background-color: #DBCFC4; border: none;}
* + html hr {color: #DBCFC4;}

#header ul, .footerNav ul, .featured ul, .printEmailBook ul, .paginate ul, .nav ul {margin: 0; padding: 0; list-style: none;}
#header li, .footerNav li, .printEmailBook li, .paginate li {display: inline;}

#container {width: 1000px; margin: 0 auto; text-align: left;}

#header {float: left; width: 980px; margin: 0; padding: 10px; border-bottom: 5px solid #CCC; background-color: #FFF;}

.logo {float: left; width: 980px;}

.mainNav {float: left; width: 978px; margin: 20px 0 0 0; background-color: #EFEFEF; border: 1px solid #EFEFEF;}
.mainNav a {float: left; width: auto; padding: 5px 15px; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; border-right: 1px solid #FFF;}
.mainNav a:hover, .mainNav .current a {background-color: #FFF;}

.wrapperHome, .wrapper {float: left; width: 1000px; margin: 0; padding: 0 0 20px 0; background-color: #FFF;}

.content {float: left;}

.heading {float: left; width: 100%; margin-bottom: 10px; font-weight: bold;}
.title {font-weight: bold;}

.listingBlock, .listing, .listingBlock .listing .heading, .listing .text {float: left; width: 100%;}
.listingBlock {margin: 20px 0;}
.listing {margin: 0 0 15px 0;}
.listingBlock .listing .heading {margin: 0 0 5px 0;}

#left {float: left; width: 280px; margin: 20px 0 50px 10px; padding: 10px; background-color: #EFEFEF;}
#left .banner {float: left; width: 280px; margin: 0 0 20px 0; text-align: center;}

#right {float: right; width: 680px; margin: 20px 0 0 0; background-color: #FFF;}
#right .content {width: 660px; margin-left: 5px;}
#right p {line-height: 1.6em;}

.nav {float: left; width: 100%; margin-bottom: 25px; font-size: 11px;}
.nav li {margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #CCC; font-weight: bold;}
.nav a {color: #666; text-decoration: none;}
.nav a:hover, .nav .current a {color: #000;}

#footer {float: left; width: 980px; margin: 0; padding: 5px 10px; clear: both; border-top: 2px solid #CCC; background-color: #FFF; font-size: 11px; color: #666;}
#footer ul { float: left; width: 980px; margin: 0 -10px 5px -10px; padding: 5px 10px;}
#footer li {margin-right: 10px;}
#footer p {margin:5px 0;}
.footerNav {float: left; width: 100%;}

.clear {clear: both;}
.level1 {margin: 0; padding: 0; list-style: none;}
.highlight {background-color: #EFEAE4;}

.paginate {float: left; width: 616px; margin: 5px 0; padding: 10px 0;}
.paginate ul {display: inline;}
.paginate li {display: inline;}
.paginate a {text-decoration: none; background: url(../images/divider.gif) no-repeat 0 0; padding-left: 4px; margin-right: 2px}
.paginate a:hover {text-decoration: underline;}
.paginate .current a {font-weight: bold; color: #000; text-decoration: none;}
.paginate .end a, .paginate .next a, .paginate .previous a, .paginate .start a {background-image: none!important; padding-left: 0; margin-right: 0;}
.paginate img {margin-bottom: -5px; position: relative;}
.paginate .first a {background-image: none;}
.paginate .last {background-image: none; margin-right: 3px;}

/* BASE LOGO STYLES */
.baseLogos {float: left; width: 1000px; margin-top: 5px; font-size: 11px; color: #666; background-color: #FFF;}
.pm {float: left; width: 120px; background-color: #/*3A75C4*/FFF;}
.wsb {float: left; width: 250px; padding: 10px; text-align: center;}
.wsb a {color: #666666; text-decoration: none;}
.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}