/* CSS <<LAYOUT>> Style Sheet------------------------------------------------------
project: Wakefield Commerce
version: 2.0.1
author: Mich Joanisse
email: michel.joanisse@mountainmamma.com
website: http://www.mountainmamma.com
last updated: July 23, 2008
----------------------------------------------------------------------------------*/

/* CSS COLOR SCHEME-----------------------------------------------------------------
GENERAL COLORS -

lightgreen: #d5f6b2
bluetopnav: #9ec6f7
text: #42413f
text(green keywordsalt): #62a817

LAYOUT COLORS - 
paragraphs, list items, blockquotes: p = #42413f
links: 
hover: 
contentBG: 
footer elements:
----------------------------------------------------------------------------------*/
/* 
--> TODO(1):

--> TODO(2):

--> TODO(3):

--> TODO(4):
----------------------------------------------------------------------------------*/


/*OVERALL AND GENERAL PROPERTIES
-----------------------------------------------*/
* {
	margin:0; 
	padding:0;
	font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;
	font-size:11px;
	color:#42413f;
}

.clear {clear:both;}
a {outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}

body {
	background-color:#d5f6b2;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	width:932px;
	min-height:1000px;
	margin:0 auto;
	margin-top:20px;
	background:transparent url(../Images/bg-spring.jpg) top center no-repeat;
}

#frame {
	width:766px;
	background-color:#fff;
	margin:0 auto;
}

/*TOP NAVIGATION PROPERTIES
-----------------------------------------------*/
ul#topnav {
	background-color:#9ec6f7;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #fff;
	width:764px;
}

ul#topnav li {display:inline;}

ul#topnav li a {
	color:#fff;
	margin: 10px;
	text-decoration:none;
}

ul#topnav li a#active {
	font-weight:bold;
	text-decoration:underline;
}

ul#topnav li a#active:hover {cursor:auto;}

ul#topnav li a:hover {text-decoration:underline;}


/*MAIN NAVIGATIONAL PROPERTIES
-----------------------------------------------*/

.mainnav {
	position:relative;
	float:left;
	width:764px;
	height:416px;
	border:1px solid #fff;
	border-top:0;
}

/*Image Replacements*/
.mainnav {background-image:url(../Images/mainimage_spring.jpg);}

.mainnav a#focal {
	display:block;
	position:absolute;
	top:14px;left:17px;
	background:url(../Images/logo-spring.jpg);
	width:219px;
	height:154px;
}

* html .mainnav a#focal {margin-left:9px;}
a#focal span {display:none;}

.mainnav ul {
	position:absolute;
	top:168px;left:18px;
	background-image:url(../Images/mainnav_springbg.jpg);
	width:179px;
	height:234px;
}

* html .mainnav ul {margin-left:9px;}

.mainnav ul li {
	list-style:none;
	padding-bottom:4px;
	padding-top:2px;
	padding-left:20px;
}

.mainnav ul li#topitem {padding-top:12px;}
.mainnav ul li a {color:#fff;}
.mainnav ul li a#active {text-decoration:underline;color:#d5f6b2;}
.mainnav ul li a#active:hover {cursor:text;}


/*CONTENTHOLDER PROPERTIES
-----------------------------------------------*/

#contentholder {
	float:left;
	background-image:;
	background-repeat:repeat-y;
	background-color:#fff;
	padding-bottom:10px;
	width:766px;
}


/*MAIN CONTENT PROPERTIES
-----------------------------------------------*/

#maincontent {
	border-left:1px solid #fff;
	float:left;
	width:535px;
	padding:5px 15px;
	background:#fff;
}

body#home #maincontent {width:572px;padding:0;}

#maincontent ul {margin-left:15px;margin-top:20px;margin-bottom:20px;}
#maincontent ul li {margin:7px 0;}

#maincontent a.pdfs {
	background:#FFFFCC url(../Images/PDFicon.jpg) 10px center no-repeat;
	padding:10px;padding-left:35px;
	display:block;
	float:left;
	font-size:14px;
	margin:10px 0;
	margin-right:15px;
}

#maincontent h3 {font-size:16px;margin:10px auto;color:#990000;font-family:Arial, Tahoma;}

h2 {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:18px;
	text-transform:uppercase;
	margin:10px 0;
}


#maincontent a.img.fairtrade {
	text-decoration:none;
	width:100px;
	display:block;float:right;
	margin:0 20px 40px 20px;
}/*Remove Defaulted border-->*/#maincontent a.img.fairtrade img {border:0;margin-bottom:7px;}

.columns {width:260px;}
.columns#column1 {float:left;}
.columns#column2 {float:right;}

.columns dl, #maincontent dl.attention {
	background:#dde8f8;
	margin:10px 0;padding:15px 10px;
	font-size:14px;
}

#maincontent dl.attention {float:left;width:515px;clear:both;}
#maincontent dl.attention.last {margin-bottom:30px;}
.columns dl.alt, #maincontent dl.attention.alt {background:#eee;}
.columns dl dt, #maincontent dl.attention dt {font-weight:bold;font-size:14px;}
.columns dl dd.address, #maincontent dl.attention dd.address {color:#993300;}
.columns dl dd.briefing, #maincontent dl.attention dd.briefing {margin-top:10px;}
#maincontent dl.attention dd.img {float:left;margin-right:10px;}
#maincontent dl.attention dd.img img {border:0;}

/*properties affect 
3highlightboxes----------------------------------------------------------------------------*/
ul#boxhighlights {
	float:left;
	clear:both;
	margin-top:20px;
	margin-left:20px;
	_margin-left:10px;
	margin-bottom:20px;	
}

ul#boxhighlights li {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:left;
	width:164px;
	height:160px;
	text-indent:-1000em;
	display:block;
	float:left;
	margin-right:20px;
}

/*Image Replacements*/
ul#boxhighlights li#nature {background-image:url(../Images/boxhighlights-nature.jpg);}
ul#boxhighlights li#culture {background-image:url(../Images/boxhighlights-culture.jpg);}
ul#boxhighlights li#heritage {background-image:url(../Images/boxhighlights-heritage.jpg);_margin-right:10px;}

/*-----------------------------------------------------------------------------------------*/

/*Header properties------------------------------------------------------------------------*/
#maincontent h1 span {color:#000;font-family:"fertigo-script-1","fertigo-script-2",cursive;font-size:30px;}

#maincontent h1 {
	float:left;
	width:535px;
	height:47px;
	background-color:#fff;
	background-repeat:no-repeat;
	color:#000;
}

body#home #maincontent h1 {margin-left:20px;}
* html body#home #maincontent h1 {margin-left:10px;}

/*Image Replacements*/
/*#maincontent h1#wakefieldawaits {background-image:url(../Images/h1-wakefieldawaits.gif);}
#maincontent h1#dining {background-image:url(../Images/h1-dining.gif);}
#maincontent h1#about {background-image:url(../Images/h1-about.gif);}
#maincontent h1#events {background-image:url(../Images/h1-events.gif);}
#maincontent h1#lodging {background-image:url(../Images/h1-lodging.gif);}
#maincontent h1#shopping {background-image:url(../Images/h1-shopping.gif);}
#maincontent h1#sitemap {background-image:url(../Images/h1-sitemap.gif);}
#maincontent h1#recreation {background-image:url(../Images/h1-recreation.gif);}
#maincontent h1#artsculture {background-image:url(../Images/h1-artsculture.gif);}
#maincontent h1#healthwellness {background-image:url(../Images/h1-healthwellness.gif);}
#maincontent h1#lifelonglearning {background-image:url(../Images/h1-lifelonglearning.gif);}
#maincontent h1#services {background-image:url(../Images/h1-services.gif);}
#maincontent h1#meetings {background-image:url(../Images/h1-meetings.gif);}
#maincontent h1#classifieds {background-image:url(../Images/h1-classifieds.gif);}
#maincontent h1#commerce {background-image:url(../Images/h1-commerce.gif);}
#maincontent h1#location {background-image:url(../Images/h1-location.gif);}*/
/*----------------------------------------------------------------------------------------*/

/*Paragraph, blockquote, alt text properties----------------------------------------------*/

#maincontent p {
	line-height:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#42413f;
}

body#home #maincontent p {padding-left:20px;padding-right:20px;}
#maincontent strong {color:#42413f;}
#maincontent a {color:#62a817;font-weight:bold;text-decoration:underline;}

/*----------------------------------------------------------------------------------------*/

/*SIDEBAR PROPERTIES
-----------------------------------------------*/

#sidebar {
	float:right;
	border-left:1px solid #a1a59d;
	border-right:1px solid #fff;
	background:#fff;
	width:190px;
}

#sidebar h1 {margin-bottom:20px;}
#sidebar h1 a {
	margin-top:20px;
	background-image:url(../Images/events-calendar.gif);
	background-position:top left;
	backgrond-color:#fec2b5;
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:190px;
	height:50px;
	display:block;
}/*Hover State-->*/#sidebar h1 a:hover {background-position:top right;}


#sidebar ul {
	list-style:none;
	margin-top:10px;
	margin-left:10px;
}

#sidebar ul li {color:#196af5; font-weight:bold;}
#sidebar ul li a#listing {font-weight:bold;font-size:16px;}
#sidebar ul li ul {margin-bottom:10px; margin-left:0; margin-top:0;}
#sidebar ul li ul li {color:#42413f; font-weight:normal;}

#sidebar a.branding {
	text-decoration:none;
	margin-top:8px;
	display:block;float:left;
}#sidebar a.branding img {border:0;}
#sidebar a.branding.peche {width:110px;margin-right:5px;margin-left:7px;}
#sidebar a.branding.fairtrade {width:62px;}
#sidebar a span {text-decoration:underline;}


#sidebar ul.events li {margin:5px 0;}
#sidebar ul.events li a {
	font-size:16px;text-decoration:underline;
}#sidebar ul.events li a:hover {color:#196af5;}

/*FOOTER PROPERTIES
-----------------------------------------------*/

#footer {
	float:left;
	clear:left;
	background-color:#dfe0de;
	padding:10px 0 3px 0;
	width:766px;
}

#footer ul {
	float:left;
	list-style:none;
	margin-left:20px;
	_margin-left:10px;
}

#footer a#mmlogo span {display:block;text-indent:-1000em;*display:none;}
#footer a#mmlogo {
	color:#afacac;font-size:10px;font-family:Arial;
	padding-top:11px;min-height:35px;_height:35px;
	float:right;margin-right:30px;padding-right:46px;
	background:#dfe0de url(../Images/mmlogo.gif) top right no-repeat;
}/*Hover State-->*/#footer a:hover {text-decoration:underline;}