body {
	margin: 0;
	padding: 0 !important;
	font-family: arial, sans-serif;
	font-size: 12px;
	background: url(assets/bgNew.jpg) no-repeat #14678f top center;
	text-align: center;
}
/* IE png fix 
img, div, p, a, * { behavior: url(http://www.saultstemarie.com/iepngfix.htc) } 
*/
a:link { color: #003580;}
a:visited { color: #003580;}
a:hover { color: #000;}
a:active { color: #003580;}
ul, li {margin: 0; padding: 0;}
ul {margin: 1em 10px 1em 30px;}
li {margin-bottom: 0.5em;}
p {margin: 1em 0;}


img {
	border: 0;
	display: block;
	}
#wrapper {
	width: 978px;
	margin: 0 auto;
	position: relative;
	height: 1%;
	overflow: hidden;
	text-align: left;
	}
#top {
	height: 1%;
	overflow: hidden;
}
#logo {
	float: left;
	position: relative;
	margin: 6px 0 0 44px;
	background: url(assets/logo2.jpg) no-repeat;
	width: 246px;
	height: 107px;
	display: inline;
	}
#logo a {
	display: block;
	text-indent: -9000px;
	width: 204px;
	height: 89px;
	zoom:1;
	}	
#toplinks {
	float: right;
	background: url(assets/toplinksBg2.jpg) no-repeat;
	width: 418px;
	height: 45px;
	margin-bottom: 20px;
	margin-right: 220px;
	display: inline /* ie6 double margin fix */
}
#toplinks form {
	float: right;
	position: relative;
	margin: 13px 20px 0 0;
	height: 45px;
	width: 180px;
	display: inline;
	}
#toplinks input { /* the submit button */
	position: absolute;
	right: 0;
	bottom: 28px;
	border: 0;
	}	
#toplinks #searchField {
	background: url(assets/searchBg.gif) no-repeat; 
	width: 125px;
	height: 16px;
	padding: 0;
	position: absolute;
	right: 50px;
	bottom: 28px;
	
	}	
#toplinks ul { /* The Nav items in #toplinks */
	diisplay: block;
	margin: 11px 0 0 11px;
	padding: 0;
	list-style-type: none;
	float: left;
	position: relative;
	}	
#toplinks li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	}
#toplinks a {
	display: block;
	margin: 5px;
	font-weight: bold;
	text-decoration: none;
	}
#toplinks a:link {color: white;}
#toplinks a:visited {color: white;}
#toplinks a:hover {color: white; text-decoration: underline;}
#toplinks a:active {color: white;}
	
/* Tagline */
#tagline {
	background: url(assets/tagline.jpg) no-repeat;
	position: absolute;
	left: 294px;
	top: 59px;
	width: 299px;
	height: 33px;
	text-indent: -9000px;
	}
/* This Main Nav is using a sprite matrix technique, see bg image */	
#nav {
	z-index: 100;
	margin: 0px 0;
	display: block;
	list-style-type: none;
	overflow: hidden;
	height: 1%;
	background: url(assets/navMatrix.jpg) no-repeat left -67px;
	}
#nav li {
	display: block;
	float: left;
	margin: 0;
}
#nav a {
	height: 67px;
	display: block;
	text-indent: -9000px; /* we're using images, not text */
	background: url(assets/navMatrix.jpg) -9000px 0 no-repeat; /* So it's in place for positioning on :hover */
	}
/* Main nav link widths */	
#nav #nav1 {width: 110px;}
#nav #nav2 {width: 135px;}
#nav #nav3 {width: 130px;}
#nav #nav4 {width: 100px;}
#nav #nav5 {width: 100px;}
#nav #nav6 {width: 100px;}
#nav #nav7 {width: 85px;}

#nav a:link { background-position: -9000px 0;}
#nav a:visited { background-position: -9000px 0;}
/* Main Nav :hover change background position */
#nav #nav1:hover { background-position: 0 0;}
#nav #nav2:hover { background-position: -110px 0;}
#nav #nav3:hover { background-position: -245px 0;}
#nav #nav4:hover { background-position: -375px 0;}
#nav #nav5:hover { background-position: -475px 0;}
#nav #nav6:hover { background-position: -575px 0;}
#nav #nav7:hover { background-position: -675px 0;}
#nav a:active { background-position: -9000px 0;}

/* Main Area structure */
#mainOutside { /* mainOuter on homepage and inside*/
	background: url(assets/ContentBg.gif) repeat-y;
	}
#mainInside { /* mainInside on inner pages */
	background: url(assets/ContentBg3.jpg) no-repeat;
	height: 1%;
	overflow: hidden;
	padding-right: 10px; 
	padding-top: 65px;
}
#home #mainInside { /* mainInside on homepage */
	background: url(assets/ContentBg2.jpg) no-repeat;
	padding-top: 50px;
	margin-top: -2px;
}

/* Columns*/
#column1 {
	width: 217px;
	float: left;
	margin-left: 10px;
	display: inline;
}
#column2 {
	width: 157px;
	float: right;
	display: inline;
}

/* Main 2 column */
#main {
	float: left;
	width: 546px;
	margin-left: 16px;
	display: inline; /* ie6 double margin bug */
}
#column {
	float: right;
	width: 199px;
	padding-top: 17px;
	}
#home #column {
	padding-top: 34px;
	margin-right: 12px;
	}	

/* Main Text styles */
h1, h2 {
	color: #1d6c92;
	font-size: 20px;
	margin-top: 0.5em;
	}
h2 { font-size: 16px; margin-top: 0;}
#toolbox h2 {
	font-size: 18px;
	margin-top: 0.5em; }	
	.listing {clear: both;}

/* Toolbox Images */
.imageright, .imageleft {
	position: relative;
	}
.imageright {
	float: right;
	margin: 0 0 10px 10px;
	}
.imageleft {
	float: left;
	margin: 0 10px 10px 0;
	}
.imageright img, .imageleft img {
	}
/*.imagecaption {
	position: absolute;
	width: 261px; Width of imagecaption minus the horizontal padding 
	bottom: 0;
	background: rgba(255, 255, 255, 0.6);
	color: black;
	padding: 4px 8px;
	font-size: 11px;
	}
	*/		
	body .imagecaption {
	background:  no-repeat bottom center #DFF5FF!important;
	padding: 5px;
	margin-top: 0px;
	font-size: 11px;
	}
body #business-list-detail .imagecaption {
	background-color: none;
	width: 238px;
	}	
/* Homepage Column Elements */
#eventsHome {
	}
#eventsHome h2 {
	background: url(assets/upcoming.gif) no-repeat;
	width: 202px;
	height: 25px;
	text-indent: -9000px;
	margin: 30px 0 11px 0;
	padding: 0;
	}
#eventsHome ul,
#eventsHome li  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#eventsHome p {
	margin: 0 0 15px 0;
	}
#eventsHome a {
	display: block;
	font-weight: bold;
	}			
/* Home News */
#newsHome {
	margin-top: 20px;
	}
#newsHome img {
	float: left;
	margin: 0 20px 20px 20px;
}
#newsHome h2 {
	background: url(assets/news.gif) no-repeat;
	width: 230px;
	height: 25px;
	text-indent: -9000px;
	margin: 0 0 11px 0;
	padding: 0;
	}
#newsHome h3 {
	margin: 0;
	font-size: 12px;
	}	
#newsHome ul,
#newsHome li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	height: 1%;
	overflow: hidden;
}
#newsHome p {
	margin: 0 0 15px 0;
	}
#newsHome a {
	display: block;
	font-weight: bold;
	}	
/* Link to Blogger */
#blogLink, #blogLink2 {
	display: block;
	background: url(assets/blogger.gif) no-repeat 6px 8px;
	border-top: 1px solid #2c779a;
	padding: 10px 5px 5px 30px;
	}
/* Radio Spot */
#timAllen {
	display: block;
	background: url(assets/audio.gif) no-repeat 5px 6px;
	border-top: 1px solid #2c779a;
	padding: 14px 5px 5px 50px;
	}
/* pureSoo */
#pureSoo	{
	display: block;
	border-top: 1px solid #2c779a;
	border-bottom: 1px solid #2c779a;
	padding: 10px 7px 7px 7px;
	}
#pureSoo b {
	display: block;
	}	

#featureBlock {
	display: block;
	height: 1%;
	overflow: hidden;
}	
/* Homepage Slideshow */
#slideshow, #slideshow li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 647px;
	height: 261px;
	overflow: hidden;
	display: block;
	}
#slideshow {
	margin: -1px 0 0 48px;
	float: left;
	position: relative;
	display: inline;
	}
#guideHome {
	float: right;
	position: relative;
	width: 261px;
	margin-right: 3px;
	margin-top: 69px;
	}	
#featureRight {
	width: 289px;
	height: 239px;
	float: right;
	position: relative;
	}
#fr1 {
	margin-top: 7px;
	}
#fr2 {
	margin-top: 7px;
}
#fr3 {
	margin-top: 9px;
}
/* Bottom Links */
#bottomLinks, #bottomLinks li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}
#bottomLinks li {
	float: left;
	width: 184px;
	margin: 10px 20px;
}
#boatBlog, #saultBlog {
	background: url(assets/blogger.gif) no-repeat left top;
	padding-left: 22px !important;
}
#radioAds {
	background: url(assets/audio.gif) no-repeat left center;
	padding-left: 26px !important;
	line-height: 24px;
}
#bottomLinks {
	border-top: 2px solid #14678f;
	border-bottom: 2px solid #14678f;
	margin: 10px 0 0 0;
	height: 1%;
	overflow: hidden;
	clear: both;
	display: block;
}
/* Bottom Area */
#bottom {
	clear: both;
	background: url(assets/logoSmall.gif) no-repeat 97px 9px #b9d5ee;
	margin: 0;
	}
#bottom p {
	width: 340px;
	padding: 23px 0 10px 300px;
	text-align: center;
	margin: 0;
	}
#copyright {
	text-align: center;
	margin: 20px auto;
	color: white;
	}
#copyright a:link { color: #eee;}
#copyright a:visited { color: #eee;}
#copyright a:hover { color: #fff; text-decoration: none;}
#copyright a:active { color: #eee;}

	
/* Subnav */
#subnav {
	background: url(assets/subBottom.gif) bottom left no-repeat;
	padding-bottom: 8px;
	width: 205px;
	}
#subnav h2 {
	text-indent: -9000px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: white;
	margin-bottom: 10px;
	}	
#pageId2 #subnav h2 {
	height: 34px;
	background-image: url(assets/subShopping.gif);
	}
#pageId3 #subnav h2 {
	height: 19px;
	background-image: url(assets/subAttractions.gif);
	}
#pageId5 #subnav h2 {
	height: 34px;
	background-image: url(assets/subArea.gif);
	}
#pageId4 #subnav h2 {
	height: 19px;
	background-image: url(assets/subRecreation.gif);
	}
#pageId7 #subnav h2 {
	height: 34px;
	background-image: url(assets/subConventions.gif);
	}
#pageId6 #subnav h2 {
	height: 34px;
	background-image: url(assets/subShopping.gif);
	}
#pageId8 #subnav h2 {
	height: 19px;
	background-image: url(assets/subSoo.gif);
	}

#subnav ul, #subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	}	
#subnav ul {
	background: url(assets/subBg.gif);
	padding-bottom: 10px;
	margin-right: 4px;
	}
#subnav ul ul {
	background: #5394B5;
	padding-bottom: 0;
	}
#subnav ul ul ul {
	background: #004373;
	}
		
#subnav li {
	border-bottom: 1px solid #287ca3;
	margin: 0 5px;
	}
#subnav li li {
	border-bottom: 0px;
	margin: 0;
	}
#subnav li li li {
	border-bottom: 0px;
	margin: 0;
	}
#subnav  a  {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 10px;
	}
#subnav li li  a  {
	padding-left: 20px;
	}
	
#subnav li li li a  {
	padding-left: 25px;
	}
	
	
#subnav a:link 		{ color: #003580;}
#subnav a:visited { color: #003580;}
#subnav a:hover 	{ color: #000;}
#subnav a:active 	{ color: #003580;}
#subnav ul ul a:link 		{ color: #fff;}
#subnav ul ul a:visited { color: #fff;}
#subnav ul ul a:hover 	{ color: #B15F6B;}
#subnav ul ul a:active	{ color: #fff;}



/* Breadcrumbs */
#breadcrumbs {
	font-size: 10px;
	margin-bottom: 0.5em;
	}
  
/* Gallery modifications */
/* These are custom classes because gallery.css does not fit all sites. */
div.thumb {
	margin: 3px;
  }
div.thumb img {
	margin: 0;
  }  
.first-in-row { /* clears every 3rd image so new row starts */
	clear: left;
  }  
  
 /* for old members app */
 /* business listings */
/* pagination */
.business-first-letter {
	padding: 3px; 
	background: #DFF8FF; 
	border: 1px solid #BDECF9; 
	margin-top: 0; 
	margin-bottom: 10px;
  /* addition new site : */
  height: 1%;
  overflow: hidden;
	clear: right;
	}
.business-first-letter a {
	display: block; 
	float: left; 
	position: relative; 
	padding: 0 5px 0 5px; 
	font-weight: bold;
	}
.business-first-letter a:hover {}
/* members pages */
.business-item {
	border: 0px dotted green;
  clear: left;
  border-top: 1px solid #BDECF9;
  padding: 10px;
  margin-right: 5px;
  height: 1%;
  overflow: hidden;
  }
.business-item img {float: right; position: relative; margin: 0 0 10px 10px;}
.business-item  h2 {font-size: 16px; margin: 0;}
.business-item  a:link {color: #005BC3;}
.business-item  a:visited {color: #005BC3;}
.business-item  a:hover {color: #000;}
.business-item  a:active {color: #005BC3;}
.business-item  p {margin: 0;}
.hotel_cat {
	display: inline;
	float: right;
	margin: 2px;
	color: black;
	color: #6CCCE6;
	font-size: 18px;}
.business-list-desc {
	margin: 1em 0;
  height: 1%;
  overflow: hidden;
	clear: right;
  }
.business-list-desc a {font-weight: bold; }
.business-list-amenities {clear: both; margin-top: 1em;}
.business-list-amenities img {
	border: 2px solid #BDECF9;
  margin: 3px;
  float: left;
  }
.business-list-address {}


#business-list-detail {border: 0px solid red; padding: 10px;}
#business-list-detail  h3 {font-size: 16px; margin: 0;}
#business-list-detail  a:link {color: #005BC3;}
#business-list-detail  a:visited {color: #005BC3;}
#business-list-detail a:hover {color: #000;}
#business-list-detail  a:active {color: #005BC3;}
#business-list-detail p {margin: 0.5em 0;}
.detail-image {float: left; position: relative; margin: 0 10px 10px 0;}
#detail-first-image {float: right; position: relative;}

/* Members Number */
.number {
	background-color: #0040C2;
	padding: 1px;
	width: 20px;
	height: 15px;
	color: white;
	float: right;
	float: left;
	display: block;
	margin: 0 5px -5px 0;
	margin: 13px 10px 0 10px;
position: relative;
text-align: center;
	text-decoration: none;
font-size: 12px;}
 
 
 /* bord corner link */
#bod a:link {color: white;}
#bod a:visited {color: white;}
#bod a:hover {color: orange;}
#bod a:active {color: white;}
/* day trip soo */
#imported-map table,
#imported-map tr,
#imported-map td {
	margin: 0;
	padding: 0;
	border-width: 0;
	border-collapse: collapse;
	}
#imported-map a {display: block; border: 0;}	
#imported-map img {display: block; border: 0;}	

/* Trip Plannner */
#tripPlanner {
	float: right;
	margin-top: -43px;
	border-width: 1px;
	border-style: solid;
	border-color:#14678E;
 	background: rgba(255,255,255,0.8);
	padding: 5px 10px;
}
#tripPlanner b {
	font-weight: bold;
}
#tripPlannerHome {
	width: 197px;
	height: 77px;
	background: url(assets/planHome.gif) no-repeat;
	margin-top: 7px;
}
#tripPlannerHome p {
	margin: 0 0 0 10px;
	padding-top: 30px;
	font-size: 11px;
	font-weight: bold;
}
#tripPlannerHome a {
	font-weight: normal;
}
/* File Uploads */
.file-download, .download {
	background-repeat: no-repeat;
	background-position: left;
	padding: 1px 2px;	
	padding-left: 18px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	float: left;
	clear: left;
	}
.avi	{ background-image: url(images/file-ext/avi.gif);}
.doc	{ background-image: url(images/file-ext/doc.gif);}
.gif	{ background-image: url(images/file-ext/gif.gif);}
.html	{ background-image: url(images/file-ext/html.gif);}
.jpg	{ background-image: url(images/file-ext/jpg.gif);}
.mov	{ background-image: url(images/file-ext/mov.gif);}
.mp3	{ background-image: url(images/file-ext/mp3.gif);}
.pdf	{ background-image: url(images/file-ext/pdf.png);}
.ppt	{ background-image: url(images/file-ext/ppt.gif);}
.txt	{ background-image: url(images/file-ext/txt.png);}
.wmv	{ background-image: url(images/file-ext/wmv.gif);}
.xls	{ background-image: url(images/file-ext/xls.gif);}
.zip	{ background-image: url(images/file-ext/zip.png);}
.download {  background-image: url(images/file-ext/download.gif); clear: none; 
background-repeat: no-repeat;}

#banner img {
	margin-left: 20px;
	margin-top: 30px;
}