/* orange - #D35D05 */
/* dark blue - #022F96 */

/*------------------------------------------------------------------------------
- structure
------------------------------------------------------------------------------*/

#container {
	background: #FFFFFF url(../images/container-bg.gif);
	margin: 0 auto;
	width: 800px;
	padding: 0 35px;
}

#inner {
	width: 727px;
	margin: 0 auto;
}

/*------------------------------------------------------------------------------
- header
------------------------------------------------------------------------------*/

#header {
	border: 1px solid #CCCCCC;
	height: 88px;
}

.padding{
	height: 15px;
}

/*------------------------------------------------------------------------------
- main menu
------------------------------------------------------------------------------*/

#menu {
	background: #CAE9FE url(../images/menu/menu-bg.gif) repeat-x bottom;
	height: 31px;
	padding-left: 10px;
}

	#menu ul {
		list-style: none;
		overflow: hidden;
		padding-top: 6px;
	}
	
	#menu ul li {
		float: left;
		background: #FFFFFF url(../images/menu/bg-right.gif) no-repeat right top;
		height: 24px;
	}	
	
	#menu ul li a {
		float: left;
		display: block;
		background: url(../images/menu/bg-left.gif) no-repeat left top;
		padding: 5px 10px;
		height: 14px;
		text-decoration: none;
		color: #000000;
		text-transform: uppercase;
		font-size: 1.1em;
	}	
	
	#menu ul li a:hover {
		color: #003399;		
	}
	
	#menu ul li.current{
		margin-top: 1px;
		padding 0px;
	}
	
	#menu ul li.current a {
		color: #003399;

	}	

/*------------------------------------------------------------------------------
- main
------------------------------------------------------------------------------*/

#main {
	overflow: hidden;
	margin: 5px 0;
}

	#main #content {
		float: left;
		width: 550px;
		min-height: 360px;
	}
	
		#main #content .title {
			border-bottom: 1px solid #A3B7D8;
			background: #FFFFFF;
			padding: 17px 0 3px 10px;
			overflow: hidden;
			width: 540px;
		}

		#main #content .title h3 {
			float: left;
		}
		
		#main #content .title p {
			float: right;
		}		
	
	#main .columns {
		width: 540px;
		overflow: hidden;
		margin: 10px 0 0 10px;
	}
	
	#main #content .column {
		float: left;
		width: 260px;
		
		position: relative;
		background: #DCE6F0;	
		min-height: 255px;
		height:auto !important;	
		height:255px;
	}	
	
	#main #content .column h3 {
		border-bottom: 1px solid #A3B7D8;
		background: #FFFFFF;
		padding: 0 0 0 10px;
		height: 24px;
	}
	
	#main #content .column p {
		padding: 10px 10px 0 10px;
	}

	#main #content .column p a:link,
	#main #content .column p a:visited {
		color: #2A54A8;
	}
	
	#main #content .first {
		margin-right: 10px;
	}
	
	#main #content .column .rss-icon {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		right: 0;
	}	
	
	* html #main #content .column .rss-icon {
		top: 3px;
		right: 0px;
	}

/* newsletter subscribe pod */

#newsletter-subscribe {
	overflow: hidden;
	width: 260px;
	height: 50px;
	padding: 10px 0 10px 10px;
	background: #FFFFFF;
}

	#newsletter-subscribe strong {
		color: #D35D05;
	}

	#newsletter-subscribe .field {
		width: 190px;
		margin: 5px 0;
		float: left;
	}
	
	#newsletter-subscribe .field input {
		width: 140px;
	}

	#newsletter-subscribe .button {
		width: 66px;
		margin-top: 7px;
	}

	#newsletter-subscribe .button input {
		width: auto;
	}
	
	#newsletter-subscribe	#newsletter-error {
		color: #FF0000;
	}
	
/* news/events pod */

.news-item a {
	font-weight: bold;
	text-decoration: none;
	color: #2A54A8;
	display: block;
}

/*------------------------------------------------------------------------------
- homepage
------------------------------------------------------------------------------*/

#container #main .homepage {
	margin-left: 0;
	width: 550px;
}

#container #main .homepage .column {
	width: 270px;
}

.column .welcome {
 
	height: 200px;
	overflow:hidden;
}

div.welcome  div {
    padding:10px;
}


ul.special-offers-list {
	margin:10px 0 0 10px;
	list-style:none;
}

ul.special-offers-list li {
	padding-bottom:5px;
}
/*------------------------------------------------------------------------------
- whitby guide menu
------------------------------------------------------------------------------*/

#main #whitby-guide {
	float: left;
	width: 170px;
	margin: 10px 5px 0 0;
	background: #DCE6F0;
	min-height: 350px;
	height:auto !important;
	height:300px;
}

	#main #whitby-guide h3 {
		border-bottom: 1px solid #A3B7D8;
		background: #FFFFFF;
		padding: 0 0 3px 0px;
	/*	text-indent: -999em; */
		height: 35px;
	}
	
	#main #whitby-guide h4 {
	 padding:5px 0 5px 5px;
	 
	}	
	
	#main #whitby-guide ul {
		padding: 1px;
		font-size: 1.1em;
	}
	
	#main #whitby-guide ul li {
		background: #FFFFFF url(../images/orange_arrow.gif) no-repeat 10px 5px;
		margin: 1px 0;
		padding: 2px 0;
	}
	
	#main #whitby-guide ul li.active {
		background: #FFFFFF url(../images/orange_arrow_down.gif) no-repeat 8px 5px;
		margin: 1px 0;
		padding: 2px 0 0 0;
	}
	
	#main #whitby-guide ul li a {
		padding-left: 20px;
		color: #333333;
		text-decoration: none;
	}
	
	#main #whitby-guide ul li a:hover {
		text-decoration: underline;
	}
	
	#main #whitby-guide ul li.active a {
		color: #042D99;
	}

		#main #whitby-guide ul li ul {
			background: #DCE6F0;
			padding-left: 10px;
			list-style: none;
		}

		#main #whitby-guide ul li ul li {
			background: #DCE6F0;
		}
		
		#main #whitby-guide ul li.active ul li a {
			color: #333333;
		}
		
#special-offers-link{
 	text-decoration: none;
 	font-weight: bold;
	color: red;
	
	margin: 1px 0 0 5px;
	padding: 2px 0;	
}

/*------------------------------------------------------------------------------
- article images
------------------------------------------------------------------------------*/

img.article-image {
}

/*------------------------------------------------------------------------------
- weather
------------------------------------------------------------------------------*/

#weather-feed {
	margin-left: 5px;
	height: 170px;
}

.column .info {
	padding-top: 10px;
}

.column .info h4 {
	color: #022F96;
	margin-left: 10px;
	font-size: 1em;
}

ul.weather-activities {
	list-style: none;
	margin: 10px;
}

/*------------------------------------------------------------------------------
- pagination
------------------------------------------------------------------------------*/

div.showing {
	color:#022F96;
  	float:right;
	font-size:9px;
	font-weight:normal;
	margin:10px 0 10px 0;
	line-height:14px;
	padding-right:2px;
}

*+ html div.showing{
  margin-top:30px;
}

* html div.showing{
  margin-top:30px;
}

.pagination {
	float: right;
	width:auto;
}

.so {
	float: left;
	width:220px;
	clear:left;
	margin:10px 0 10px 0;
}



.pagination ul li#prev a, .pagination ul li#next a{
color:#022F96;
}

	.pagination ul {
		list-style: none;
	}

	.pagination ul li {
		float: left;
		margin: 0 5px;
	}
	
	.pagination ul li a {
		color: #333333;
	}
	
	.pagination ul li.current a {	
		font-weight: bold;
		text-decoration: none;
	}

.pagination li.day-pagination {
	border-right: 1px solid #333333;
	margin: 0;
	padding: 0 5px;
}

	.pagination li.last {
		border: 0;
	}

#main #content .title .view-more {
	margin-left: 90px;
	float: left;
}

	#main #content .title .view-more p {
		float: none;
	}
	
	#main #content .title .view-more a {
		color: #000000;
	}

/*------------------------------------------------------------------------------
- attractions
------------------------------------------------------------------------------*/

.pod {
	width: 260px;
	height: 80px;
	float: left;
	margin: 0 10px 0 0;
}

	.pod h4 {
		margin: 0 0 5px 0;
	}
	
	.pod h4 a {
		text-decoration: none;
	}
	
	#main #content .full-width .column .pod p {
		padding: 5px 5px 10px 0;
	}


	.full-width {
		overflow: hidden;
		margin: 10px 0 0 10px;
	}

	.full-width .content-image {
		margin: 0 10px 10px 0;
		float: left;
	}
	
	#main #content .full-width .column p {
		padding: 0;
	}
	
	#main #content .full-width .column ul {
	    margin:0 0 0.2em 0;
		padding:0 0 0 20px;
		list-style:disc;
	}
	
	.full-width .pod {	
		margin: 0 0 10px 0;
		height: auto;
	}

	.attraction {
		background: #FFFFFF;
		margin-right: 10px;
		margin-bottom: 10px;	
		overflow: hidden;
	}

	.attraction h4 {
		color: #000000;
		font-size: 0.9em;
	}
	
	.attraction .main-image {
		float: left;
		width: 180px;
	}

	.attraction .info {
		float: left;
		margin: 10px 10px 0 10px;
		width: 170px;		
	}
	
	.features {
		float: left;
		width: 160px;
		margin-top: 10px;
	}		
	
	ul.features {
		margin-top: 10px;
		list-style: none;
	}

	ul.features li {
		float: left;
		margin-bottom: 5px;
	}


/* single attraction */

#main #content .single_attraction .column p {
	padding: 0 0 10px 0;
}

#main #content .single_attraction .column h4 {
	margin: 0 0 10px 0;
}

.attarction-image {
	margin: 0 0 5px 0;
}

.single_attraction .features {
	margin: 0;
}

/*------------------------------------------------------------------------------
- classified
------------------------------------------------------------------------------*/

#container #main .classified {
	width: 315px;
	float: left;
}

#container #main .classified .title {
	width: 305px;
}

.ads {
	float: left;
	width: 225px;
	color: #333333;
	margin-top: 10px;
	padding-left: 10px;
}	

	.ads ul {
		list-style: none;
		margin-top: 5px;
	}

	.ads ul li {
		display: block;
		width: 220px;
		height: 60px;
		border: 1px solid #CCCCCC;
		margin: 0 0 5px 0;
	}

.classified .list h4 {
	margin: 10px 0 0 10px;
}
	
	.classified .list h4 {
		float: left;
	}
	
	.classified .list .telephone-header {	
		float: right;
		margin-right: 10px;
	}
	
	ul.classified-list {
		list-style: none;
		clear: both;
		overflow: hidden;
	}

	ul.classified-list li {
		overflow: hidden;
		margin: 10px;
	}

	ul.classified-list li .address {
		float: left;
	}
	
	ul.classified-list li .telephone {
		float: right;
	}

/*------------------------------------------------------------------------------
- events
------------------------------------------------------------------------------*/

#articles {
	padding: 10px 0 5px 10px;
}

	#articles h4 a {
		text-decoration: none;
	}

.featured-article {
	width: 530px;
	overflow: hidden;
}

	.featured-article .main-image {
		float: left;
		width: 260px;
	}
	
	.featured-article .info {
		float: left;
		margin-left: 20px;
		width: 250px;
	}
	
	.featured-article .info .introduction {
		padding: 10px 0 10px 0;
	}

.article_pod {
	width: 260px;
	min-height: 155px;
	margin: 5px 5px 10px 0;
	padding: 10px 5px 0 10px;
	float: left;
}

	.article_pod h4 a {
		text-decoration: none;
	}

	.article_pod .introduction {
		padding: 10px 0 10px 0;
	}

	/*
.other_articles {
	width: 260px;
	min-height: 155px;
	margin: 5px 0 0 0;
	padding: 10px 0 0 10px;	
	float: left;
}
	
.other_articles h4 a {
		text-decoration: none;
}

*/

.other_articles {
	
	margin: 5px 1px 0 0;
	padding: 10px 0 0 10px;	
	float: left;
	width: 264px;
	
	min-height:155px;
  	height:auto !important;
 	height:155px;

}
	
.other_articles h4 a {
		text-decoration: none;
}

.article {
	padding: 0 0 10px 0;
}


/*------------------------------------------------------------------------------
- news/event article
------------------------------------------------------------------------------*/

#main #content .article .column {
	width: 270px;
}

#main #content .article p {
	padding: 5px 5px 0 0;
}

#main #content .article .last p {
	padding-left: 10px;
}

.introduction {
 padding: 10px 0 10px 0;
}

/*------------------------------------------------------------------------------
- plan your visit
------------------------------------------------------------------------------*/


.intro-pod {
	width: 260px;
	height: 150px;
	float: left;
	margin: 0 10px 10px 0;
}

	.intro-pod h4 {
		margin: 0 0 5px 0;
	}
	
	.intro-pod h4 a {
		text-decoration: none;
	}


/*------------------------------------------------------------------------------
- contact
------------------------------------------------------------------------------*/

.contact .field {
	margin: 0.5em 0;
}

	.contact .field label {
		width: 100px;
		display: block;
		float: left;
	}


/*------------------------------------------------------------------------------
- adverts
------------------------------------------------------------------------------*/

#main #content .adverts {

}

	#main #content .adverts .title {
		width: 290px;
	}

	.advert-list {
		width: 300px;
		float: left;	
	}
	
	.advert-list .inner {
		margin: 10px 0 0 10px;
	}
	
	.advert-list .titles {
		overflow: hidden;
		margin-bottom: 10px;
	}

	.advert-list h4.name {
		width: 190px;
		float: left;
	}
	
	.advert-list h4.telephone {
		width: 95px;
		float: left;
	}	

	.advert-list .inner ul {
		list-style: none;
	}

	.advert-list .inner ul li {
		overflow: hidden;
		width: 100%;
		margin: 10px 0;
	}

	.advert-list .inner ul li span.name {
		float: left;
		width: 190px;
	}
	
	.advert-list .inner ul li span.telephone {
		float: left;	
		width: 95px;
	}	
	
	.advert-list .inner ul li span.address {
		clear:left;
		display:block;
	}	
	
.advert-images {
	width: 240px;
	float: left;
	padding: 20px 0 0 10px;
}	

.offers {
	overflow: hidden;
	padding: 20px 0 0 30px;
}

.special-offer {
	float: left;
	margin: 0 30px 10px 0;
}


/*------------------------------------------------------------------------------
- footer
------------------------------------------------------------------------------*/

#footer {
	font-size: 0.85em;
}

#footer #banner {
 	margin-bottom: 15px;
	clear: both;
	border: 1px solid #CCCCCC;
}

#footer #info {
	border-top: 1px solid #6888C1;
	margin-top: 5px;
	background: #CAE9FE;
	padding: 10px 10px 40px 10px;
	overflow: hidden;
	color: #637987;
}

	#footer #info ul {
		list-style: none;
		overflow: hidden;
		width: 50%;
		float: left;
	}
	
	#footer #info ul li {
		float: left;
		margin-right: 5px;
	}
	
	#footer #info ul li a {
		color: #637987;	
		text-decoration: none;
	}	
	
#footer .copyright {
	float: right;
}