body, div,dl,dt,dd,ul,li,ol,h1,pre,form,input,p,blockquote,table,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }

li { list-style: none; }

a { text-decoration: none; }
a img { border: 0; }

.center { text-align: center; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

/* --- BASIC ---*/

body {
	background: #e1e1e1 url(/images/body_bg.gif) repeat-x top;
	color: #000;
}

.container {
	position: relative;
	width: 980px; margin: auto;
}

h1.title { font-size: 140% }

/* --- HEADER ---*/

#header {
	position: relative; height: 110px;
}

#header .banner {
	position: absolute; top: 10px; right: 20px;
}

#header .logo {
	position: absolute; top: 27px;
	display: block;
}

#header .logo span {
	display:none;
}

/* --- NAVIGATION --- */

#nav-bar .primary {
	position: relative; height: 33px;
	background-image: url(/images/nav-bar-primary_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
	font-size: 10pt;
}

#nav-bar .primary ul {
	 position: absolute; top: 0; left: 10px;
}

#nav-bar .primary li {
	display: block; float: left;
	padding: 0 2px;
}

#nav-bar .primary li a {
	display: block; float: left;
	height: 32px; padding: 9px 10px 0 10px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: top;
}

#nav-bar .primary li.active a {
	font-weight: bold;
	background-image: url(/images/nav-bar-primary_active.gif);
}

#nav-bar .primary li a:hover {
	background-image: url(/images/nav-bar-primary_hover.gif);
}

#nav-bar .primary .search {
	position: absolute; right: 5px;
	width: 350px; height: 30px;
	padding: 5px 5px 0 0;
	text-align: right;
}

#nav-bar .primary .search .normal,
#nav-bar .primary .search .hint {
	position: absolute;	top: 8px; right: 95px;
	width: 200px; padding: 0 3px 2px 3px;
	font-size: 9pt;
}

#nav-bar .primary .search .hint {
	color: #949494;
}

#nav-bar .primary .search .button {
	position: absolute;	top: 6px; right: 2px;
	width: 83px; height: 24px;
	background-image: url(/images/search.gif);
	background-repeat: no-repeat;
}

#nav-bar .primary .search .button:hover {
	background-image: url(/images/search_hover.gif);
}

#nav-bar .secondary {
	margin: 0 8px;
	background: #d7d7d7;
	background-image: url(/images/nav-bar-secondary_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#nav-bar .secondary .right {
	background-image: url(/images/nav-bar-secondary_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#nav-bar .secondary .left {
	padding: 9px 20px;
	background-image: url(/images/nav-bar-secondary_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav-bar .secondary ul {
	margin: 0 0 0 10px;
}

#nav-bar .secondary li {
	float: left;
	padding-right: 20px;
	font-size: 90%;
}

#nav-bar .buffer {
	overflow: hidden; height: 16px; clear: both;
}

/* --- CONTENT --- */

#content .padding-first		{ padding: 0px 30px 6px 30px; }
#content .padding-standard	{ padding: 16px 30px 6px 30px; }
#content .padding-extra		{ padding: 20px 30px 16px 30px; }
#content .padding-sides		{ padding-left: 30px; padding-right: 30px; }

h1, h2, h3, h4, h5, h6, th { margin: 0 0 10px 0; padding: 0; }

#content h4.highlight { padding: 6px 8px; }
#content h4 span.separator { color: #c8c8c8; }

#content p {
	margin-bottom: 10px;
}

#content p.highlight {
	font-style: italic;
}

#content p.bullet {
	padding: 2px 0 2px 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content p.bullet.b-url			{ background-image: url(/images/bullet_url.gif); }
#content p.bullet.b-location	{ background-image: url(/images/bullet_location.gif); }
#content p.bullet.b-phone		{ background-image: url(/images/bullet_phone.gif); }
#content p.bullet.b-tag			{ background-image: url(/images/bullet_tag.gif); }

#content p.problem {
	clear: both; display: block; padding-right: 8px;
	text-align: right;
}

#content small {
	font-size: 80%; font-weight: normal;
}

#content .slogan {
	font-size: 80%; font-weight: bold;
}

#content div.hr, #content div.hr-highlight {
	overflow: hidden; height: 1px;
	margin: 0 0 10px 0;
}

#content .html-standard ul,
#content .html-standard ol {
	margin-bottom: 6px;
	padding-left: 45px;
}

#content .html-standard ul li {
	list-style-type: disc;
	padding: 0 0 4px 5px;
}

#content .html-standard ol li {
	list-style-type: decimal;
	padding: 0 0 4px 5px;
}

#content .html-standard img {
	display: block; margin: 8px auto;
}

#content div.col-right-global {
	float: right; padding: 10px 15px 30px 30px;
}

#content div.col-right-global .poll {
	width: 278px; padding: 14px 5px 4px 15px;
	border: 1px solid #c0c0c0;
}

#content .poll input.button,
#content .poll .vote input {
	margin-left: 4px;
	padding: 2px 10px;
}

#content .poll .vote {
	float: right; width: 97px;
	padding-top: 4px;
	text-align: center;
}

#content div.col-right-global .poll .vote {
	padding-bottom: 8px;
}

#content .poll .vote a {
	display: block; margin-top: 6px;
	font-size: 80%;
}

#content .poll ul {
	margin: 0; padding: 4px 0 10px 10px;
}

#content .poll form ul {
	margin: 0 88px 0 0;
}

#content .poll ul li {
	padding-bottom: 3px;
}

#content .poll .graph {
	padding-bottom: 14px;
}

#content .poll .graph li {
	clear: left; padding-bottom: 2px;
}

#content .poll .graph li .label {
	float: left; width: 115px;
	padding-right: 8px;
}

#content .poll .graph li .bar {
	float: left; width: 100px; height: 10px;
	margin-top: 3px;
	border: 1px solid #6b6b6b;
}

#content .poll .graph li .bar span {
	display: block; height: 10px;
	overflow: hidden;
}

#content .poll .graph li .percent {
	float: left;
	padding-top: 1px; padding-left: 6px;
	font-size: 80%;
}

/* --- HOME --- */

#home .more {
	font-weight: bold;
}

#home .featured {
	position: relative; padding: 4px 10px 10px 10px;
}

#home .featured ul {
	margin: 0 10px; padding: 0;
}

#home .featured li {
	float: left; width: 16.66%;
}

#home .featured li a {
	display: block; margin: 0 4px;
	font-size: 80%; text-align: center;
}

#home .featured li a span.logo {
	display: block; height: 100px;
	overflow: hidden;
	border: 1px solid #c8c8c8;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#home .featured li a span.link {
	display: block; padding-top: 6px; padding-bottom: 4px;
}

#home .today {
	padding-top: 4px;
}

#home .today h2 {
	float: left; padding-right: 25px; font-size: 140%;
}

#home .today .weather {
	padding-top: 3px;
}

#home .today .weather img {
	position: relative; float: left; top: -8px; padding-right: 8px;
}

#home .today .more {
	float: right; padding-right: 15px; padding-top: 3px;
}

#home .main {
	clear: both; position: relative;
}

#home .main div.hr,
#home .main div.hr-highlight {
	margin: 0;
}

#home .main .box {
	clear: left;
}

#home .main .col-right {
	float: right; width: 330px;
}

#home .main .col-right .box {
	padding: 14px 5px 4px 15px;
}

#home .main .col-left {
	margin-right: 330px;
	padding: 0 15px 0 10px;
	border-right: 1px solid #c0c0c0;
}

#home .main .col-left .box {
	padding: 14px 0 4px 0;
}

#home .main .poll {
	padding-bottom: 0 ! important;
}

#home .main .poll .vote {
	width: 82px;
}

#home .main .poll form ul {
	border-right: 1px solid #c0c0c0;
	padding-bottom: 6px;
}

#home .main .poll .graph li .label {
	width: 135px;
}

#home .main .newsletter form {
	text-align: center; padding-bottom: 10px;
}

#home .main .banner {
	padding-bottom: 14px;
	text-align: center;
}

#home .main .article p.title {
	display: block; font-weight: bold;
}

#home .main ul {
	padding: 0 10px;
}

#home .main ul.list {
	margin-bottom: 0;
}

#home .main ul.list li {
	padding-bottom: 4px;
}

#home .main ul.list li span.link {
	font-weight: normal;
}

#home .main a.more {
	display: block; padding-top: 6px;
	font-weight: bold; text-align: left;
}

#home input.hint {
	color: #949494;
}

#home input.button {
	margin-left: 4px;
	padding: 2px 10px;
}

#home #waste {
	padding: 0 20px 10px 20px;
}

/* --- WASTE --- */

#waste .grid {
	padding-bottom: 14px;
	border-top: 1px solid #c0c0c0;
}

#waste .grid ul li {
	float: left; display: block; width: 25%;
	margin: 0; padding: 0;
}

#waste .grid ul li .edge {
	border-left: 1px solid #c0c0c0;
}

#waste .grid ul li a {
	display: block; padding: 10px 0 10px 0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}

#waste .grid ul li a span.link {
	font-weight: bold;
}

#waste .grid ul li a .icons  {
	display: block; padding: 8px 0 0 4px;
	text-align: center;
}

#waste .map  {
	text-align: center;
}

/* --- DIRECTORY --- */

#directory .list ul {
	float: left; width: 33.33%;
}

/* --- CATEGORY ---*/

#category .map {
	clear: both; overflow: hidden;
	border: 1px #000 solid;
	width: 100%; height: 300px;
	margin: 4px 0 10px 0;
}

#category .list ul {
	float: left; width: 50%;
}

/* --- BUSINESS ---*/

#business .logo {
	float: left;
	width: 120px; margin-top: 5px;
	text-align: center;
}

#business .logo img {
	padding: 3px;
	background-color: #fff;
}

#business .padding-logo p.bullet {
	margin-left: 135px;
}

#business .thumbs {
	clear: both;
	margin: 20px 0 20px 0;
}

#business .thumbs .images {
	padding: 0 0 10px 0;
}

#business .thumbs .images span {
	padding: 0 10px;
}

#business .thumbs img {
	height: 62px;
	background-color: #fff;
	border: 2px solid #fff;
}

#business .map {
	clear: right; float: right; overflow: hidden;
	margin: 5px 0 14px 30px;
}

#business #map {
	width: 280px; height: 280px; border: 1px #000 solid;
}

#business #map.big {
	width: 480px; height: 480px;
}

#business .map .large {
	text-align: right; padding: 8px 8px 0 0;
}

#business p.url a {
	font-weight: bold;
}

#business .html-standard {
	clear: left;
}

/* --- COMMENTS EXPANDED ---*/

#comments-expand {
	padding: 12px 15px 0  15px;
}

#comments-expand div.nested {
	padding: 10px 15px 5px 15px;
}

#business div.comments {
	padding-top: 6px;
}

#comments-expand div.quote {
	margin: 14px 15px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/comments_open.gif);
}

#comments-expand div.quote div.extra {
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(/images/comments_close.gif);
}

#comments-expand div.form-standard {
	padding-top: 10px;
}

#comments-expand form div.form-standard .button input {
	width: 160px;
}

#comments-expand form div.message {
	width: 160px;
}

/* --- COMMENTS ---*/

#comments {
	padding-top: 10px;
	padding-bottom: 2px;
}

#comments a.post {
	padding: 2px 0 2px 26px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(/images/bullet_comment.gif);
	font-weight: bold;
}

#comments form div.form-standard {
	margin-bottom: 30px;
}

/* --- NEARBY ---*/

#nearby .column {
	float: left; width: 50%;
}

#nearby .column ul.column0 {
	padding-right: 30px;
	border-right: 1px solid #c0c0c0;
}

#nearby .column ul.column1 {
	padding-left: 30px;
}

#nearby ul.list {
	margin-top: 6px;
}

#nearby ul.list li {
	margin-left: 8px;
}

/* --- EVENTS & NEWS --- */

#news ul.list a small {
	display: block;
}

/* --- RESULTS --- */

#results ul.results {
	padding-bottom:  4px;
}

#results ul.results li {
	clear: left; padding-bottom: 10px;
}

#results ul.results li p {
	margin-bottom: 4px;
}

#results ul.results li a {
	display: block;
}

#results ul.results li span.logo {
	display: block; float: left;
	width: 128px; margin: 0 10px 10px 10px;
	text-align: center;
}

#results ul.results li span.logo img {
	padding: 3px; border: 1px solid #c8c8c8;
	background: #fff;
}

#results .map {
	float: right; overflow: hidden;
	border: 1px #000 solid;
	width: 300px; height: 300px;
	margin-top: 5px; margin-left: 30px;
}

/* --- PHOTO --- */

#photo .thumbnail {
	float: left; width: 33.33%;
	padding: 10px 0 15px 0;
}

#photo h2 {
	margin-bottom: 3px;
}

#photo .photo {
	padding: 5px 0 10px 0;
}

#photo div.hr, #photo div.hr-highlight {
	clear: both;
}

/* --- PAGE --- */

#page ul.block {
	margin: 0; padding: 0;
}

#page ul.block li {
	margin: 0; padding: 0;
	list-style: none;
}

#page ul.block li p.highlight {
	margin-bottom: 6px; padding: 4px;
}

#page ul.block li p.highlight a {
	display: block;
}

/* --- WEATHER --- */

#weather .details {
	position: relative;
}

#weather .details p {
	margin-bottom: 6px;
}

#weather .details p.tomorrow {
	padding: 8px 0;
}

#weather .details p span {
	display: block; width: 100px;
	float: left; clear: both;
}

#weather .details p.tomorrow span {
	font-weight: bold;
}

#weather .graphic {
	position: absolute; top: -40px; left: 250px;
}

#weather .graphic img.image {
	position: absolute; top: 0px; left: 0px;
	z-index: 99;
}

#weather .graphic .text {
	position: absolute; top: 50px; left: 40px;
	width: 240px; padding: 2px 8px 8px 8px;
	border: 1px solid #6b6b6b;
	background-color: #6b6b6b;
	background-image: url(/images/weather_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 90%; text-align: right;
	color: #fff;
}

#weather .graphic .text .temperature {
	font-size: 280%; font-weight: bold;
}

/* --- ADVERTISE --- */

#advertise_businesslisting {
	width: 700px;
	margin-left: 30px;
}

#advertise_businesslisting td:first-child + td,
#advertise_businesslisting td:first-child + td + td,
#advertise_businesslisting colgroup.center {
	text-align: center;
}


/* --- FORM --- */

form div.form-standard label {
	clear: left; float: left; width: 120px;
}

form div.form-standard div.input {
	margin-left: 140px; padding: 5px 16px;
	border-left: 1px solid #c0c0c0;
}

form div.form-standard .clear {
	height: 10px;
}

form div.form-standard .button {
	text-align: center;
}

form div.form-standard .button input {
	width: 120px; padding: 3px 20px;
	font-size: 120%;
}

/* --- FLASH --- */

.flash-error,
.flash-notice {
	clear: both; display: block;
	margin-bottom: 10px; padding: 10px 0;
	border: 1px solid #6b6b6b;
	font-weight: bold; text-align: center;
	color: #fff;
}

.flash-error { background-color: #D40000; }
.flash-notice { background-color: #5e8d38; }


/* --- TABS --- */

ul.tabs li {
	float: left; margin-bottom: 10px;
}

ul.tabs li a {
	display: block; float: left;
	padding: 2px 10px 3px 10px; margin-right: 10px;
}

/* --- TABLES --- */

table {
	border-style: solid;
	border-color: #c8c8c8;
	border-width: 1px;
	border-collapse: collapse;
	border-color: #c8c8c8;
	margin-bottom: 10px;
}

table th {
	text-align: left;
}

table td, table th {
	padding:2px 8px 3px 8px;
	border-style: solid;
	border-color: #c8c8c8;
	border-width: 1px 0px;
	vertical-align: top;
}

table thead td {
	padding: 3px 8px 4px 8px;
	background: #6b6b6b;
	color: #fff;
}

table tfoot td {
	padding: 3px 8px 4px 8px;
	background: #e1e1e1;
}

/* --- NAV BOTTOM --- */

.nav-bottom {
	clear: both; position: relative;
	font-size: 110%; font-weight: bold;
	text-align: center;
	color: #6b6b6b;
}

.nav-bottom .submit a {
	padding: 0 24px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(/images/bullet_add.gif);
}

.nav-bottom .previous,
.nav-bottom .next {
	position: absolute;
}

.nav-bottom .previous { left: 0 }
.nav-bottom .next { right: 0; }


/* --- LIST ---*/

.list {
	margin-bottom: 10px;
}

.list li {
	list-style: none;
}

.list li a, .list li p {
	display: block;
	padding-bottom: 4px; padding-left: 26px;
}

.list li a {
	background-image: url(/images/list_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.list li a:hover {
	background-image: url(/images/list_bullet_hover.gif);
}

.list li span.logo {
	display: block; float: left;
	margin-right: 12px;
	border: 0;
}

.list li span.contact,
.list li span.details,
.list li span.location {
	display: block;
}

.list li span.slogan {
	display: block; padding-top: 5px;
}

.list  li span.highlight {
	font-weight: bold;
}

/* --- PRINTER --- */

.printer {
	float: right;
}

.printer a {
	padding: 3px 0 3px 24px;
	background: url(/images/bullet_printer.gif) no-repeat 0 center;
	font-weight: bold;
}

/* --- FILTER ---*/

.filter {
	clear: both; margin-bottom: 10px;
}

.filter h5 {
	float: left; margin: 3px 20px 0 0;
}

.filter select {
	width: 180px; padding: 2px 3px 2px 3px;
}

/* --- THUMBNAIL --- */

.thumbnail {
	text-align: center;
}

.thumbnail a span.link {
	display: block; padding-top: 4px;
}

/* --- SPONSORED --- */

.sponsor {
	clear: left;
	display: block; margin: 4px 0 10px 0; padding-top: 8px;
	background: #e1e1e1 url(/images/sponsor_top.gif) no-repeat top;
}

.sponsor .clear {
	height: 8px;
	background: url(/images/sponsor_bottom.gif) no-repeat bottom;
}

.sponsor a {
	display: block; padding: 0 16px 0 10px;
}

.sponsor a span.logo {
	display: block; float: left;
	width: 128px; margin-right: 10px;
	text-align: center;
}

.sponsor a span.logo img {
	padding: 3px;
	border: 1px solid #c8c8c8; background: #fff;
}

.sponsor a span.link {
	display: block; padding-bottom: 4px;
}

.sponsor a span.location {
	display: block; float: left;
	padding-right: 50px;
}

.sponsor a span.phone {
	display: block; font-weight: bold;
	text-align: right;
}

.sponsor a span.slogan {
	display: block; padding-top: 5px;
}

/* --- SHARE --- */

.share h4 {
	float: left; padding: 8px 12px 0 0;
}

.share ul li {
	float: left; padding-right: 8px;
}

.share .clear {
	margin-bottom: 8px;
}


/* --- FOOTER --- */

#footer {
	padding: 6px 0 7px 0;
	background: #6b6b6b; color: #fff;
	text-align: center;
}

#footer a {
	color: #fff;
}

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

/* --- RIGHTS ---*/

#copyright {
	height: 40px;
	text-align: center;
	padding: 15px;
}