@import url(typo.css);
@import url(gallery.css);
@import url(menus.css);
* {
	margin:0;
	padding:0;
}
body {
	background: #F7F7EE url(../i/pagebg2.gif) top center repeat-y;
	padding:0 0 15px 0;
}
#container {
	width: 935px;
	margin: 0 auto;
	background: url(../i/ltgreyborder.gif) 187px 266px no-repeat;
}
/******* Headers *******/
.header {
	margin:0 0 3px 0;
	height: 142px;
}
p.breadcrumb {
	color: #666!important;
	margin-bottom: 10px!important;
}
div#abouthornby{
	background: url(../i/pageheadings/abouthornby.jpg) top right no-repeat;
}
div#aboutus {
	background: url(../i/pageheadings/aboutus.jpg) top right no-repeat;
}
div#accommodation {
	background: url(../i/pageheadings/essentialinfo.jpg) top right no-repeat;
}
div#artists {
	background: url(../i/pageheadings/artists.jpg) top right no-repeat;
}
div#authors {
	background: url(../i/pageheadings/authors.jpg) top right no-repeat;
}
div#businesses {
	background: url(../i/pageheadings/businesses.jpg) top right no-repeat;
}
div#blog {
	background: url(../i/pageheadings/blog.jpg) top right no-repeat;
}
div#chfr {
	background: url(../i/pageheadings/chfr.jpg) top right no-repeat;
}
div#contact {
	background: url(../i/pageheadings/welcome.jpg) top right no-repeat;
}
div#creations {
	background: url(../i/pageheadings/creations.jpg) top right no-repeat;
}
div#essentialinfo {
	background: url(../i/pageheadings/essentialinfo.jpg) top right no-repeat;
}
div#experiences {
	background: url(../i/pageheadings/experiences.jpg) top right no-repeat;
}
div#hornbyinthespring {
	background: url(../i/pageheadings/hornbyinthespring.jpg) top right no-repeat;
}
div#links {
	background: url(../i/pageheadings/links.jpg) top right no-repeat;
}
div#healthservices {
	background: url(../i/pageheadings/healthservices.jpg) top right no-repeat;
}
div#hiceec-header {
	background: url(../i/pageheadings/hiceec.jpg) top right no-repeat;
}
div#music {
	background: url(../i/pageheadings/music.jpg) top right no-repeat;
}
div#organizations {
	background: url(../i/pageheadings/organizations.jpg) top right no-repeat;
}
div#people {
	background: url(../i/pageheadings/people.jpg) top right no-repeat;
}
div#photoessays {
	background: url(../i/pageheadings/photoessays.jpg) top right no-repeat;
}
div#reports {
	background: url(../i/pageheadings/reports.jpg) top right no-repeat;
}
div#shopping {
	background: url(../i/pageheadings/shopping.jpg) top right no-repeat;
}
div#transportation {
	background: url(../i/pageheadings/transportation.jpg) top right no-repeat;
}
div#agreenisland {
	background: url(../i/pageheadings/agreenisland.jpg) top right no-repeat;
}
div#events-header {
	background: url(../i/pageheadings/events.jpg) top right no-repeat;
}
div#healingarts {
	background: url(../i/pageheadings/healingarts.jpg) top right no-repeat;
}
div#recreation {
	background: url(../i/pageheadings/recreation.jpg) top right no-repeat;
}
div#a-32-books {
	background: url(../i/pageheadings/shopping.jpg) top right no-repeat;
}
div#arbutus-arts {
	background: url(../i/pageheadings/shopping.jpg) top right no-repeat;
}
div#communityresourcecentre {
	background: url(../i/pageheadings/communityresourcecentre.jpg) top right no-repeat;
}
div#abouthornby{
	background: url(../i/pageheadings/abouthornby.jpg) top right no-repeat;
}
div#livingonhornby {
	background: url(../i/pageheadings/livingonhornby.jpg) top right no-repeat;
}
div#services {
	background: url(../i/pageheadings/services.jpg) top right no-repeat;
}


#content {
	padding: 0 15px 0 0;
	width:572px;
	float:left;
	margin: 0 0 0 0px;
	border-right: 1px #e4e4e4 solid;
}
html > body #content {
	padding-right: 15px;
	margin: 0 0 0 15px;
}
/******* Sidebars *******/
#sidebarthumbnails{
	background-color:transparent;
	float:left;
	margin:0;
	position:relative;
	width:176px;
}
.sidebaroptionartist{
	width: 136px;
}
#sidebar {
	width: 176px;
	margin: 0;
	padding:0;
	margin-right: 10px;
	float: left;
}
#sidebar img {
	margin: 5px 0;
}
#sidebar img.nav-thumb {
	margin: 0;
}
#sidebar-right {
	width: 135px;
	position: relative;
	margin: 0px;
	margin-left: 10px;
	float: left;
}
#sidebar-right .sidebaroption{
	width: 130px;
	margin-top: 4px;
}
#search {
	vertical-align: baseline;
}
#search .sidebaroption{
	width: 142px;
	height: 20px;
	margin-top: 4px;
	color: #2A2A2A;
	font-style: italic;
}
#search #button {
	background: transparent url(../i/search-icon.gif) no-repeat center top;
	height: 25px;
	width: 25px;
}
#footer {
	clear: both;
	margin: 0 160px 0 202px;
	padding: 5px 0;
	border-top: 1px #e4e4e4 dotted;
}
.listing {
	clear: both;
	border-bottom: 1px #e4e4e4 solid;
	margin-bottom: 10px;
}
div.newlistingleft{
	width: 427px;
	float: left;
	display: inline;
	padding-right: 15px;
}
* html div.newlistingleft{
	width: 412px;
}
div.newlistingright{
	width: 115px;
	float: right;
	display: inline;
	padding-right: 0px;
}
div.newlistingright h4 {
	padding-top:5px;
	margin-bottom: 16px;
}
.caption175 {
	padding: 0px;
	float: right;
	width: 185px;
	margin: 0 0 10px 0;
}
.caption225 {
	float: right;
	width: 235px;
	margin: 0 0 10px 0;
}
#content ul.artistlist {
	float: left;
	width:100%;
	display:block;
	padding: 0 0 0px 0;
	margin: 0;
}
ul.artistlist li {
	display: inline;
	float: left;
	width: 75px;
	height:110px;
	list-style-type: none;
	margin: 0 10px 5px 0;
	padding: 3px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}
ul.artistlist li img {
	display: block;
	border: 0;
	width: 75px;
}
ul.artistlist li a {
	display: block;
}
.nobullets {
	list-style-type: none;
}
.nobullets li{
	margin-left: 0px!important;
}

.clearboth {
	clear: both;
}
div#artistfeature {
	margin: 0 0 20px 0;
}
div#sidebar div#artistfeature * {
	margin: 0;
	border: 0;
}
#artistfeature h2 {
	font: bold 12px/20px "Lucida Grande", verdana, arial, sans-serif;
	padding: 0 5px;
}
div#sidebar div#artistfeature img {
	margin: 7px 0;
}
div#sidebar div#artistfeature p {
	font:11px/15px verdana, arial, sans-serif;
	margin: 7px 0;
	padding: 0 5px;
}
div.fourcol,
div.fivecol  {
	float: left;
	width : 100%;
	border-bottom: 1px #e4e4e4 solid;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
}
div.fourcol div {
	padding:0 8px;
	margin:0;
	float: left;
	width: 127px;
}
#content div.fourcol div ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}
#content div.fourcol div ul li {
	line-height:12px;
	margin: 0;
	padding: 3px 0 3px 0;
}
div.fourcol div h2,
div.fivecol div h2 {
	font-size: 14px;
	line-height: 14px;
	margin:5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #51170F;
	font-weight: bold;
	text-align: center;
}
#content div.fourcol div ul,
#content div.fivecol div ul {
	margin-left: 0;
	text-align: left;
}
#content div.fourcol div li,
#content div.fivecol div li {
	margin-left: 0;
	text-align: left;
}

div.fourcol div h2 a, 
div.fivecol div h2 a  {
	font-size: 12px;
	line-height: 14px;
	margin:0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #563d39;
	font-weight: bold;
}
div.fivecol div {
	padding:0 4px;
	margin:0;
	float: left;
	width: 106px;
	text-align: center;
}
div.fivecol div.morethanfive {
	margin: 20px!important;
}
.twocol {
	width: 572px;
	float: left;
	display: inline;
	border-bottom: 1px #e4e4e4 solid;
	margin-bottom: 1em;
}
div.twocol div.left {
	float: left;
	width: 260px;
	padding: 0 30px 0 10px;
}
div.twocol div.right {
	padding-right: 15px;
}
div.mailinglist {
	border-bottom: 1px #e4e4e4 solid;
	margin:0 0 1em 0;
	padding: 0 0 10px 0;
}

.figure {
	float: none;
	width: 255px;
	padding: 0.5em;
	vertical-align: middle;
}
.figure p {
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	text-indent: 0;
}
.figure img {
	margin-bottom: 5px;
}
div.last{
	border-bottom: none;
}
.center {
	margin: 0.5em auto;
	text-align: center;
}
.essayindex {
	width: 143px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}
.essayindex img{
	width:133px;
	padding: 5px;
}
.sidebargroup {
/*
	width: 176px;
	margin-bottom: 15px;

*/	border-bottom: 1px #e4e4e4 solid;
	margin:0 0 10px 0;
	padding: 0 0 14px 0;
}
.sidebargroup .small {
	font-size: 9px;
}
#content p.indent{
	padding-left:15px;
}

/**** Table classes ****/
table{
	margin-bottom: 15px;
}
td {
	padding: 2px;
	vertical-align: top;
}
tr.odd {
	background-color: #f3edec;
}
tr.odd td, tr.even td  {
	padding: 5px;
	font-weight: bold;
}
tr.even {
	background-color: #e1ead4;
}
.top {
	margin-top: 0;
}
.weather {
	margin-left: 7px;
}
body.artist-image  {
	background-color: #000;
	background-image: none;
	padding: 0;
}
.artist-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.artist-image p {
	color: #eee;
	margin: 5px 0 0 5px;
}
.artist-image a {
	color: #eee;
}
.art-show-listing-image {
	float:right;
	clear:right;
	width: 180px;
	margin: 15px 15px 0 15px;
}
#content .art-show-listing-image p {
	text-align: center;
	padding-top: 5px;
	width: 180px;
	font-size: smaller;
	margin: 0;
}
.no-top-margin {
	margin-top:0;
}
.no-bottom-margin {
	margin-bottom:0!important;
}
.slideshow-left {
	text-align:center;
	height: 150px;
}
.people-slideshow {
	height: 205px!important;
	width: 300px!important;
}
.people-slideshow p {
	margin-bottom: 5px!important;
}
#static-map, #static-map p {
	display:none;
}
#podcasts {
	margin-left: 0;
	padding-left: 0;
}
#podcasts td{
	padding: 3px 20px 20px 0;
}
.morefourcol {
	margin:14px!important;
}
.events-sidebar {
	margin: -261px 0 0 27px!important;
}
t;
}
ortant;
}
t;
}