body {
background:#fff url('/elements/layout/images/page-background.png') repeat;
font-size:14px;
}

p {
margin:1em;
}

#topads {
width:950px;
margin:0.3em auto 0 auto;
}

#topads .adspace {
	text-align: center;
}

#topads .adspace img {
	border: 1px solid #ccc;
}

#page {
width:970px;
background:url('/elements/layout/images/page-shadow-middle.png') repeat-y;
margin:0.5em auto 0;
}

#page div.container {
width:950px;
background-color:#fff;
border-top: 1px solid #ccc;
margin: 0 0 0 9px;
}

#header {
background:#fff;
height: 156px;
}

#header #title {
width:611px;
height:156px;
position:relative;
text-align:center;
margin:0 auto;
}

#navigation {
background:#F0FBC8;
border-top:3px solid #F36C8C;
border-bottom:3px solid #F36C8C;
font-size:16px;
margin:0;
}

#navigation ul {
list-style-type:none;
margin:0 0 0 180px;
padding:0;
}

#navigation ul li {
display:block;
float:left;
margin:0;
}

#navigation ul li.last {
float:right;
font-size: 12px;
}
#navigation ul li a {
display:block;
color:#000;
text-decoration:none;
padding:0 20px;
}

#navigation ul li a:hover {
background:#F36C8C;
color:#fff;
}

#navigation ul li.last a {
	margin-top: 4px;
	padding: 0 10px;
}

#main-content h1 {
text-align:center;
margin: 0.5em 0 0 0;
padding: 0.5em;
color: #4c4c4c;
font-size: 2em;
}
#top-content-ad {
	width: 600px;
	margin: 12px 0 0 20px;
}
#category-list h1 {
background:url('/elements/layout/images/category-title-background.png') no-repeat center center;
}

#category-list ul {
list-style-type:none;
margin:0 0 0 10px;
padding:0;
}

#category-list li {
float:left;
margin:10px;
}

#category-list li a img:first-child {
display:block;
padding:1px 1px 1px 1px;
border:1px solid #e3e3e3;
}

#category-list li a {
display:block;
text-align:center;
line-height:1.2;
font-weight:normal;
text-decoration:none;
width: 104px;
}

#article {
border:1px solid #000;
/* margin:10px 10px 10px 20px; */
height: 688px;
}

#article div.category {
background:#F36C8C;
border-bottom:1px solid #000;
color:#fff;
font-size:16px;
letter-spacing:3px;
padding:0.3em 0.3em 0.3em 1em;
}

#specialevents {
border:1px solid #000;
margin:0 10px 10px 20px;
height: 658px;
padding-bottom: 30px;
position: relative;
}

#specialevents div.title {
background:#F36C8C;
border-bottom:1px solid #000;
color:#fff;
font-size:16px;
letter-spacing:3px;
padding:0.3em 0.3em 0.3em 1em;
text-align: center;
}
body#events div.eventsection {
	margin: 0.5em 1em;
}
div.eventsection {
	margin: 0.5em 0.2em;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}
div.eventsection a {
	text-decoration: none;
}
div.eventsection a:hover {
	text-decoration: underline;
}
div.eventsection div.eventtitle {
	font-size:12px;
	letter-spacing:0px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0.2em;
}
div.eventsection div.eventlogo {
	font-size:14px;
	letter-spacing:0px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0.2em;
}
div.eventsection div.eventinfo {
	font-size: 12px;
}
p.eventspage {
	position: absolute;
	bottom: 5px;
}

h2 {
font-size:22px;
text-align:left;
border-bottom:1px solid #000;
margin:5px 15px;
}
h3 {
font-size:18px;
text-align:left;
margin:5px 15px;
}
h4 {
margin-bottom: 0;
}
form h4 {
margin-bottom: 1em;
}

#featured-vendors {
background:#F0FBC8;
border:1px solid #000;
width:294px;
margin:0;
}

#featured-vendors h2 {
width:294px;
height:34px;
position:relative;
margin: 0.5em 0 0 0;
}

#featured-vendors h2 span {
background:url('/elements/layout/images/featured-vendors-title.png') no-repeat;
position:absolute;
width:100%;
height:100%;
}

div.featured-vendor {
text-align:center;
margin:1em 0 0 0;
}

div.medium-block {
width:300px;
height:250px;
margin:1em 0;
}

#footer {
background:#000;
color:#fff;
font-size:10px;
letter-spacing:1px;
border-top:20px solid #F36C8C;
margin-top: 1em;
}

#footer h4 {
color:#fff;
font-size:14px;
font-weight:700;
margin:12px 12px 0 20px;
}

#footer ul {
padding-left:0;
list-style-type:none;
margin:0 12px 0 20px;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration: underline;
}

#footer #copyright {
font-weight:700;
margin-bottom:1em;
}

div.clear {
clear:both;
}

#page-bottom {
width:958px;
background:url('/elements/layout/images/page-shadow-bottom.png') no-repeat;
height:8px;
margin:0 auto 1em;
}

div.box-wrapper {
width: 300px;
background: url('/elements/layout/images/box-shadow-side.png') repeat-y right;
margin-top: 1em;
}
div.box-bottom {
height: 6px;
width: 299px;
background: url('/elements/layout/images/box-shadow-bottom.png') no-repeat;
}

#page-divider {
	text-align: center;
	margin: 1em 0;
}

.vendor-extra {
	margin: 1em 40px;
}
.vendor-extra, .vendor {
	border: 1px solid #ccc;
	padding-bottom: 0.5em;
}
.vendor-extra .photo, .vendor .photo {
	text-align: center;
}
.vendor-extra .photo img, .vendor .photo img {
	padding: 1em 5px;
}
.vendor-extra .vendorinfo .title {
	margin: 0.5em 1em 0.2em 0;
	border-bottom: 1px solid #1b1b1b;
	font-size: 1.5em;
	letter-spacing: 2px;
}
.vendor .vendorinfo .title {
	margin: 0.5em 1em 0.2em 0;
	border-bottom: 1px solid #1b1b1b;
	font-size: 1.1em;
	letter-spacing: 2px;
}
.vendor .basic {
	margin-left: 20px;
}
.additionalinfo p {
	margin: 0 1em 0 0;
}
.vendorlink {
	height: 30px;
	margin: 0.5em 0;
}

.vendorlink a {
	display: block;
	height: 30px;
	width: 190px;
	position: relative;
	margin: 0 auto;
}

.vendorlink a span {
	position: absolute;
	display: block;
	height: 30px;
	width: 190px;
	z-index: 101;
	background: url('/elements/layout/images/more-information-off.jpg') no-repeat;
}
.vendorlink a:hover span {
	background: url('/elements/layout/images/more-information-on.jpg') no-repeat;
}
.rowspan { margin-bottom: 1em; }

#vendorpage #vendor {
	position: relative;
	width: 670px;
	margin: 1em auto;
	padding: 10px;
}
#vendorpage #vendor #information {
	border: 1px solid #ccc;
	float: right;
	position: relative;
	width: 300px;
}
#vendorpage #information h1 {
	background: #fcbecd;
	color: #1b1b1b;
	font-size: 1.2em;
	margin: 0;
	padding: 0.2em 0;
	width: 300px;
}
#vendorpage #information div {
	margin: 0 1em;
}
#vendorpage #information div.address {
	margin-top: 1em;
}
#vendorpage #information span.street {
	display: block;
	font-size: 1.1em;
}
#vendorpage #information div.phone {
	border-bottom: 2px solid #fcbecd;
	font-size: 1.1em;
	margin: 1em;
	padding-bottom: 1em;
}
#vendorpage #information div.description {
	border-top: 2px solid #fcbecd;
	margin: 1em;
	padding-top: 1em;
}
#vendorpage #information div.url, #vendorpage #information div.email, #vendorpage #information div.map, #vendorpage #information div.maplink  {
	line-height: 1;
	margin-top: 0.5em;
}
#vendorpage #vendor #images {
	margin-right: 310px;
}
#vendorpage #vendor #images #main img { display: block; margin: 0 auto; }
#vendorpage #vendor #images #gallery { width: 312px; margin: 0 auto; }
#vendorpage #vendor #images #gallery ul { list-style-type: none; margin: 0; padding: 0; }
#vendorpage #vendor #images #gallery ul li { float: left; margin: 0; padding: 0; position: relative; }
#vendorpage #vendor #images #gallery ul img {
	height: 100px;
	margin: 4px 4px 0 0;
	width: 100px;
}
#vendorpage #vendor div.vendorlinks {
	clear: left;
	padding-top: 1em;
	width: 312px;
	margin: 0 auto;
}
#vendorpage #vendor div.vendorlinks div.link  {
	clear: left;
	padding-top: 1em;
	width: 156px;
	margin: 0;
	float: left;
}
#vendorpage #vendor div.vendorlinks div.social  {
	padding-top: 1em;
	width: 156px;
	margin: 0;
	float: left;
}
#vendorpage #vendor div.vendorlinks div.link a {
	color: #424242;
	font-size: 1.5em;
	font-weight: bold;
}

#planning-guide h2, #planning-guide h3 { margin: 10px; }

div.membership-links { margin-top: 1em; }
div.membership-links img { margin-top: 1em; }
div.membership-links ul { margin-top: 1em; }

p.contact-link a { font-size: 14px; text-decoration: none; }
p.contact-link a:hover { text-decoration: underline; }

#advertising form { margin-top: 1em; }
#advertising div.advertising-option { margin: 1.5em 0; }
#advertising div.advertising-option h3 { margin-bottom: 0.2em; }
#advertising div.advertising-option h3 + p { margin: 0 15px; }

.sotto-voce { font-size: 0.9em; font-style: italic; margin-top: 0;}

#membership div.membership-levels h3 { margin-bottom: 0.2em; }
#membership div.membership-levels h3 + p { margin: 0 15px; }
#membership div.membership-links ul { margin: 0 0 1em 5em; }
#membership div.membership-links div { text-align: center; }
.detail-link {
	height: 30px;
	margin: 2em 0 0.5em 0;
}

.detail-link a {
	display: block;
	height: 30px;
	width: 120px;
	position: relative;
	margin: 0 auto;
}

.detail-link a span {
	position: absolute;
	display: block;
	height: 30px;
	width: 120px;
	z-index: 101;
	background: url('/elements/layout/images/view-details-off.jpg') no-repeat;
}
.detail-link a:hover span {
	background: url('/elements/layout/images/view-details-on.gif') no-repeat;
}

div.note { margin-bottom: 2em; }
div.note p { border: 2px solid #1b1b1b; padding: 0.4em 1em; background: #F1FBC7;}
div.mockup {
border: 1px solid #1b1b1b;
background: #F1FBC7;
}
div.mockup img { display: block; margin: 1em auto; }
div.mockup div.packagetype { font-size: 1.2em; margin-top: 1em; }
div.mockup p.quote { font-size: 1.3em; font-weight: bold; }

textarea { width: 310px; }
#basic fieldset, #basic-plus fieldset, #premium fieldset { margin-top: 1em; }
#basic h1, #basic-plus h1, #premium h1 { padding-bottom: 0; }
#basic h1 + p, #basic-plus h1 + p, #premium h1 + p { text-align: center; }
#basic .membership-links { float: right; }

label {
font-weight: normal;
margin-top: 1em;
}
div.spacer {
margin-top: 0.5em;
}
label.error {
display: block;
background: transparent;
border: 0;
margin-top: 0;
padding-top: 0;
}
#facebook {
	width: 130px;
	height: 62px;
	margin: 10px 0 0 20px;
}
#benefits {
	border: 2px solid #000;
}
#benefits th {
	background: #F0FBC8;
	border-bottom: 2px solid #000;
}
#benefits td {
	border-bottom: 1px solid #000;
}
#benefits th.title {
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	border-bottom: 0;
}
#benefits tfoot td {
	background: #F0FBC8;
}
#benefits td.subitem {
	padding-left: 40px;
}
#benefits td.subsubitem {
	padding-left: 60px;
}
#benefits td.rowgrouptitle {
	font-weight: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
#benefits td.important {
	color: #f00;
}
div.pricing {
	border: 1px solid #1b1b1b;
	margin: 1em 0 1em 0;
}
div.pricing ul {
	list-style-type: none;
	padding-left: 1em;
	margin-bottom: 0;
}
div.pricing p {
	margin: 0 1em;
}
.separator {
	margin: 1em 0;
}
.separator hr {
	width: 90%;
	margin: 0 auto;
}
p.guidereturn { float: left; }
p.vendorslink { float: right; }
p.vendorslink + h1 { clear: both; }
p.author { font-size: 0.95em; }

ul.alphalist {
	list-style-type: none;
}
ul.alphalist li {
	padding-bottom: 1em;
}
ul.alphalist li a {
	color: #000;
	text-decoration: none;
}
ul.alphalist li a:hover {
	color: #F36C8C;
	text-decoration: underline;
}