@charset "utf-8";
/* CSS Document */

/*Website design and build by*/
/*E-Clicks, Zurich, Ontario | 519-236-9926 | eclicks@hay.net | www.e-clicks.ca*/
div#preload { display: none; }

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 600px;
	background-color: #ffffff;
	font-size: x-small; /*for IE5/Win */
	f\ont-size: small; /* for other IE versions*/
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	border: 0;
	border-width: 0;
}
body {
	top:0px;
	margin: 0;
	padding:0;
	border: 0;
	height: 100%;
	width: 100%; 
	font-size: x-small; /*for IE5/Win */
	f\ont-size: small; /* for other IE versions*/
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	background-color:#ffffff;
}

body,h1,h2,h3,h4,form,p,blockquotenput {margin: 0px; padding: 0px; }
img {border:0 none;}

/*Wrap for entire page*/
#pagecontainer{
	top:0px;
	margin:0px auto auto auto;
	width: 1000px;
	min-height: 100%;
	height: 100%;
	height: auto;
	background-image: url(waves3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border:1px solid white; /*important! Firefox needs the border for the image to at top of page*/
	padding: 0px;
	vertical-align: top;
}
#logolink a{
	position:absolute;
	top:0;
	width:1000px;
	height: 147px;
	margin:0px auto auto auto;
}
#logolink a h1{
display:none;
}

/*Banner Region*/

#navigationwrap{
	width: 640px;
	height: 83px;
	padding: 0px;
	background: transparent;
	z-index: 98;
	margin-top:80px;
	margin-right:282px;
	margin-bottom:0px;
	margin-left:30px;
	border:none;
}
/*#search{
	position:relative;
	margin:0px 0px 0px 378px;
	padding: 0px;
	width: 262px;
	height: 35px;
	background-image: url(searchbutton.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-color: transparent;
}*/
/*BELOW IS THE COPY FOR LAUNCH WITH SPACER GIF*/
#search{
	position:relative;
	margin:0px 0px 0px 378px;
	padding: 0px;
	width: 262px;
	height: 35px;
	background-image: url(spacer.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-color: transparent;
	
}
#navbar{
	position: relative;
	margin: 7px 0px 0px 0px;
	padding: auto auto auto 0px;
	background-image: url(navigation.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 640px;
	height: 41px;
	z-index:99;
	
}
/*Navigation Links*/
#nav{
	position:relative;
	width: 640px;
	background-color: transparent;
	height: 39px;
	margin:0px;
	padding:0px;
	border:none;
	
}
#nav ul{
	position: relative;
	height: 40px;
	margin:0;
	padding:0;
	
}
#nav ul li{
	display: inline;
}
#nav ul li a{
	float: left;
	display: inline;
	width:auto;
	height: 30px;
	text-decoration: none;
	color: #003366;
	padding:10px 10px 0px 10px;
	background-color: transparent;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(buttonseparator.gif);
	background-position: center right;
	background-repeat:no-repeat;
	
}

#nav ul li a:hover, .nav ul li a:active {
	text-decoration: none;
	color: #ff9933;
	font-weight: bold;
}

/*Content Region*/

/*ContentWrap gives background shape and colour to main content area*/
#contentwrap{
	position: relative;
	
	margin: -15px 0px 0px 0px;
	padding: 0px;
	width: 1000px;
	background-image: url(backgroundtile3.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 100%;
	min-height: 100%;
	height: auto;
	border:1px solid #336699;
	z-index:0;
}

/*Left Sidebar Region  - also Ad Banner area & Announcements*/

/*All other browsers*/
#hp_announcementswrap{
	float: left;
	display: inline;
	padding: 30px 0px 0px 30px;
	margin: 0px 0px 30px 0px;
	height: auto;
	background:transparent;
	width: 219px;
	border:none;
}
#hp_announcementswrap:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
#hp_announcewraptop{
	position: relative;
	background-image: url(announcementstop.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:210px;
	height: 20px;
	margin: 0px;
	padding:0px;
	border:none;
	
}
#hp_announcewrapmiddle{
	position: relative;
	background-image: url(announcementsgraphic.gif);
	background-position:top;
	background-repeat: repeat-y;
	width:210px;
	height: 1px;
	height: auto;
	margin: 0px;
	padding:0px;
	border:none;
	
}
#hp_announcewrapbottom{
	position: relative;
	background-image: url(announcementsbottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width:210px;
	height: 19px;
	margin: 0px;
	padding:0px;
}
#eventswrap{
	position: relative;
	padding:0px;
	margin: 0px 3px 0px 3px;
	width:204px;
	height:auto;
	background-color:#ffffff;
	border:none;
}
#eventstitle{
	position: relative;
	background-image: url(upcomingevents.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#eventsbottom{
	position: relative;
	background-image: url(announcementtitlebottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width:202px;
	height:12px;
	margin: 0px auto 0px auto;
	padding:0px
}
#eventstext{
	position: relative;
	height: auto;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	width:200px;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	font-size: 70%;
}
#morewrap{
	position: relative;
	padding:0px;
	margin: 0px auto 0px auto;
	width:204px;
	height:auto;
	background-color:#ffffff;
	border:none;
}
#moretitle_shops{
	position: relative;
	background-image: url(moreshops.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#moretitle_services{
	position: relative;
	background-image: url(moreservices.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#moretitle_play{
	position: relative;
	background-image: url(moreplay.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#moretitle_stay{
	position: relative;
	background-image: url(morestay.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#moretitle_contact{
	position: relative;
	background-image: url(morecontact.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
}
#morebottom{
	position: relative;
	background-image: url(announcementtitlebottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width:202px;
	height:12px;
	margin: 0px auto 0px auto;
	padding:0px;
}
#moretext{
	position: relative;
	width: 202px;
	height: auto;
	background: #ffffff;
	padding: 0px 1px 0px 1px;
	margin: 0px;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	font-size: x-small; /*was 70%*/
	border:none;
}
#moretext a:link {color: #ff9933; text-decoration:none;}
#moretext a:active {color: #ff9933;text-decoration: none;}
#moretext a:visited {color: #ff9933;text-decoration: none;}
#moretext a:hover {color: #006699; text-decoration: none;}
#moretext ul{
	list-style-type: none;
	padding:0;
	/*margin-left: -10px;*/
	margin:0px;
}
#moretext ul li{
	list-style-type: none;
	line-height: 150%;
	color: #ff9933;
	margin:0px 0px 0px 0px;
	padding:0;
	border:none;
}
/*=======================================================================================
TESTING : ON THE PAGE NAVIGATION FOR SECTIONS

moretext....
=========================================================================================*/
#nav_moretext{
	position:relative;
	width: 100%;
	margin:0px;
	padding:0px;
	border:none;
}
#nav_moretext ul{
	list-style-type: none;
	padding:0;
	margin: 0;
}
#nav_moretext ul li{
list-style-type: none;
	line-height: 150%;
	color: #ff9933;
	margin:0px 0px 0px -15px;
	padding:0;
	border:none;
}
#nav_moretext ul li a{
	list-style-type: none;
	background-image: url(arrowbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
	padding-left:7px;
	text-decoration: none;
	color: #ff9933;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	
}
#nav_moretext ul li a:hover, .nav ul li a:active {
	list-style-type: none;
	text-decoration: underline;
	color: #006699;
	font-weight: normal;
	background-image: url(arrowbullethover.gif);
	background-repeat:no-repeat;
	background-position: 0 30%;
	padding-left:8px;
	
	
}
/*=============================================================================================*/

#directionswrap{
	position: relative;
	padding:2px auto 2px auto;
	margin: 0px auto 0px auto;
	width:204px;
	height:auto;
	background-color:#ffffff;
	border:none;
}
#directionstitle{
	position: relative;
	background-image: url(directionsweather.gif);
	background-position: top;
	background-repeat: no-repeat;
	height:18px;
	margin: 0px auto 0px auto;
	padding:0px;
	width:202px;
}
#directionsbottom{
	position: relative;
	background-image: url(announcementtitlebottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 12px;
	margin: 0px auto 0px auto;
	padding:0px;
	width:202px;
}
#map_canvas{
	position:relative;
	width:202px;
	height:200px;
	border:0;
	margin:2px auto 2px auto;
	padding:0px;
	
}
#weather{
	position:relative;
	width:202px;
	height:auto;
	margin:0px;
	padding: 2px auto 2px auto;
	text-align: center;
	border:none;
	
}
#businessawardswrap{
	position: relative;
	padding:0px;
	margin: 0px auto 0px auto;
	height:130px;
	background-color:#ffffff;
	border:none;
	overflow: hidden;
	width: 204px;
}
#businesawardstitle{
	position: relative;
	background-image: url(businessawards.gif);
	background-position: top;
	background-repeat:no-repeat;
	margin: 0px auto 0px auto;
	padding:0px;
	width:202px;
	height: 18px;
	border:none;
}
#businessawardsbottom{
	position: relative;
	background-image: url(announcementtitlebottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px auto 0px auto;
	padding:0px;
	width:202px;
	height: 12px;
	border:none;
}
#businessawardscontent{
	position: relative;
	width:200px;
	height: auto;
	background: #ffffff;
	padding: 0px;
	margin: 3px auto 3px auto;
	border: none;
}
#businessawardsphoto{
	float: left;
	width:100px;
	padding:0px;
	margin:0px;
	background-image: url(../photos/jengaukrogerthmnl.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 92px;
	border: none;
}
#businessawardstext{
	clear: left;
	float: right;
	width: 94px;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	font-size: 80%;
	color: #333333;
	height: auto;
	border:none;
}
#submenu{
	position: relative;
	padding:0px;
	margin:0px auto 0px auto;
	width:202px;
	height:auto;
	background-color:#ffffff;
	border:none;
	
}

#submenu_aboutthechamber{
	position: relative;
	background-image: url(aboutthechamber.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
	
}
#submenu_join{
	position: relative;
	background-image: url(aboutjoin.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
	
}
#submenu_benefits{
	position: relative;
	background-image: url(aboutbenefits.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
	
}
#submenubottom{
	position: relative;
	background-image: url(submenubottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width:202px;
	height:12px;
	margin: 0px auto 0px auto;
	padding:0px;
	
}
#submenutext{
	position: relative;
	width:200px;
	height: auto;
	background: #ffffff;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	font-size: 90%;
	
}
#submenutext a:link {color: #ff9933; text-decoration:none;}
#submenutext a:active {color: #ff9933;text-decoration: none;}
#submenutext a:visited {color: #ff9933;text-decoration: none;}
#submenutext a:hover {color: #006699; text-decoration: underline;}

}
#whatsnewwrap{
	position: relative;
	padding:0px;
	margin: 0px 3px 0px 3px;
	width:204px;
	height:auto;
	background-color:#ffffff;
	border:none;
	
}
#whatsnewtitle{
	position: relative;
	background-image: url(whatsnew.gif);
	background-position: top;
	background-repeat:no-repeat;
	width: 202px;
	height: 18px;
	margin: 0px auto 0px auto;
	padding:0px;
	border:none;
	
}
#whatsnewbottom{
	position: relative;
	background-image: url(submenubottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width:202px;
	height:12px;
	margin: 0px auto 0px auto;
	padding:0px;
	
}
#whatsnewtext{
	position: relative;
	width:200px;
	height: auto;
	background: #ffffff;
	padding: 0px;
	margin:0px auto 0px auto;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-weight: normal;
	font-size: 90%;
	
}
#whatsnewtext a:link {color: #ff9933; text-decoration:none;}
#whatsnewtext a:active {color: #ff9933;text-decoration: none;}
#whatsnewtext a:visited {color: #ff9933;text-decoration: none;}
#whatsnewtext a:hover {color: #006699; text-decoration: underline;}

/*Left side ads*/
#adbarwrap{
	float:left;
	display: inline;
	padding: 35px 0px 0px 30px;
	margin: 0px 0px 5px 0px;
	background: transparent;
	width:219px;
	height:219px;
	height: auto;
	border:none;
	
}
#adbarwrap:after{
	content: ".";
	display: block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
img.adbar{
	border: 1px solid #336699;
}
#ad1{
	position: relative;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	background-image: url(../ad_images/AccommodationAd2.jpg);
	background-repeat: no-repeat;
	width: 204px;/*enter pixel width of ad here*/
	height: 204px;/*enter pixel height of ad here*/
	
}
#ad2{
	position: relative;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	background-image: url(../ad_images/AccommodationAd3.jpg);
	background-repeat: no-repeat;
	width: 204px;/*enter pixel width of ad here*/
	height: 204px;/*enter pixel height of ad here*/
	
}
#ad3{
	position: relative;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	/*background-image: url(enter image path & name here);*/
	background-repeat: no-repeat;
	width: 204px;/*enter pixel width of ad here*/
	height: 204px;/*enter pixel height of ad here*/
	
}
/*Main text area*/
#contenttextareawide {
	clear: left;
	float: right;
	display: inline;
	margin: 0px;
	padding: 30px 15px 0px 15px;
	width: 716px;
	height: auto;
	height: 100%;
	border:none;
	
}
#contenttextareawide:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
#contenttextareawidest {
	position: relative;
	margin: 30px 10px 10px 10px;
	padding: 15px;
	width:910px;
	height: auto;
	border:none;
	
}
#textbox{
	position:relative;
	float:left;
	display: inline;
	padding: 0px;
	margin: 0px;
	width: 46%;
	text-align: left;
	vertical-align:top;
	
}
#textbox:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
/*photo appears within main text area*/
#photobox{
	position: relative;
	clear: left;
	float: right;
	display: inline;
	margin: 0px 30px 0px 5px;
	padding: 0px;
	overflow: hidden;
	text-align: right;
	background-position: right;
	width: 250px; /*min-width will be 250px - width of photo*/
	height: auto;
	min-height: 800px; /*added Oct 9*/
	
}
#photobox:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.contentleft{
	position: relative;
	clear: both;
	float: left;
	display: inline;
	margin: 0px;
	padding:0px;
	width:250px;
	
}
.contentright{
	position: relative;
	clear: left;
	float:right;
	display: inline;
	margin:0px 10px 0px 0px;
	padding: 0px;
	width:250px;
	
}
#listingwrap{
	width:100%;
	height: auto;
	min-height: 100px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left:0px;
	padding-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#listingline{
	width: 95%;
	clear: both;
	height: 2px;
	border-bottom: 2px solid #006699;
}
#listingleft{
	position: relative;
	float: left;
	margin:0px;
	padding-right:10px;
	width:60%;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	text-align:left;
	height: auto;
	min-height: 60px;
	max-height: auto;
	border:none;
}
#listingleft:after{
	content: ".";
	display:block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
*html listingleft{
	height: 1px;/*for ie5+6*/
}
*:first-child+html listingleft{
	min-height: 1px;/*for ie7*/
}
#listingleft a:link {color: #ff9933; text-decoration:none;}
#listingleft a:active {color: #ff9933;text-decoration: none;}
#listingleft a:visited {color: #ff9933;text-decoration: none;}
#listingleft a:hover {color: #006699; text-decoration: underline;}
#listingright{
	position: relative;
	clear: left;
	float: right;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 36%; /*actual: 257 px*/
	background-position: top;
	border:none;
	background-position: bottom;
}
#listingright:after{
	content: ".";
	display:block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
*html listingright{
	height: 1px;/*for ie5+6*/
}
*:first-child+html listingright{
	min-height: 1px;/*for ie7*/
}
#listingphoto{
	width: 100%;
	height: auto;
	margin:0px auto 0px auto;
	text-align: center;
	background: no-repeat top;
}
/*memberphoto appears on Who We Are page*/
#listingmemberphoto{
	width: 155px;
	height: 200px;
	margin:0px auto 0px auto;
	text-align: center;
	background: no-repeat top;
	border:none;
}
#listingaddress{
	text-align: center;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	height: auto;
	width:100%;
}
#listingcaption{
	text-align: center;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	font-size: 90%;
	color: #333333;
	height: auto;
	width:100%;
	border:none;
}
#listingmap {
	text-align: center;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #ff9933;
	font-weight: normal;
	text-decoration: none;
	height: auto;
}
#listingmap a:link {color: #ff9933;text-decoration: none;}
#listingmap a:active {color: #ff9933;text-decoration: none;}
#listingmap a:visited {color: #ff9933;text-decoration: none;}
#listingmap a:hover {color: #006699; text-decoration: underline;}
#listingaddress{
	text-align: center;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
}
#whowearewrap{
	width:100%;
	height: auto;
	padding-top:10px;
	padding-bottom: 10px;
	padding:0px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #006699;
}
#whoweare_text{
	position: relative;
	float: left;
	margin:0px;
	padding-right:10px;
	width:60%;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	text-align:left;
	
}
#whoweare_text a:link {color: #ff9933; text-decoration:none;}
#whoweare_text a:active {color: #ff9933;text-decoration: none;}
#whoweare_text a:visited {color: #ff9933;text-decoration: none;}
#whoweare_text a:hover {color: #006699; text-decoration: underline;}

#whoweareright{
	position: relative;
	clear: left;
	float: right;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 33%;
	background-position: top;
	
}
#whoweare_photo{
	position: relative;
	background-position: center;
	width:100%;
	height: auto;
	text-align:center;
	
}
#whoweare_photocaptionaddress{
	text-align: center;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
}

/*Footer Region*/
#footer{
	width: 1000px;
	margin: 30px auto 30px auto;
	border:0px none;
}
#footer p {
	color:#666666;
	text-align: center;
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	font-size: x-small;
	margin: 5px 0px;
	}
#footer a{
	color:#ff9933;
}
#footer a:hover{
	color:#336699;
}
/*======================================================================================
Text Styles
=====================================================================================*/
H1, #lefttext H1{
	font-size: 150%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #003366;
	font-weight: 900;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
}
H2, #lefttext H2{
	font-size:120%;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#006699;
	font-weight: bold;
	line-height: 150%;
	margin: 10px 0px 5px 0px; /*top margin changed to 10px from zero oct 11*/
}
H2.alphalisting{
	font-size: 120%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #006699;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	border:none;/*border-bottom: 2px solid #006699;*/

}
H2.list{
	font-size: 120%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #999999;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	border-bottom: none;
	text-align: justify;
}
H2.list a{
	color:#ff9933;
	text-decoration: none;
}
H2.list a:link {color:#ff9933; text-decoration: none;}
H2.list a:active {color: #ff9933;text-decoration: none;}
H2.list a:visited {color: #ff9933;text-decoration: none;}
H2.list a:hover {color: #006699; text-decoration: underline;}
H3, #lefttext H3{
	font-size:100%;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#000000;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	line-height: 150%;
}
#listingwrap H3 {
	font-size: 100%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	font-weight: 500;
	margin: 0px 0px 5px 0px;
	line-height: 150%;
}
a.listingwrap {
	font-size:120%;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:#ff9933;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	line-height: 150%;
	
}
H4{
	font-size:90%;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#333333;
	font-weight:bold;
	line-height: 150%;
}
p, #lefttext p{
	font-size:90%;
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	color:#333333;
	font-weight:normal;
	line-height: 150%;
	margin: 0px 0px 15px 0px;
}
#contenttextareawide ul,#contenttextareawide ul ul {
	margin-top:5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 10px;

}
#contenttextareawide li{
	list-style:disc;
	list-style-position:outside;
	font-size:90%;
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	color:#333333;
	font-weight:normal;
	line-height: 150%;
}
#listingleft p{
	font-size:90%;
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	color:#333333;
	font-weight:normal;
	line-height: 150%;
	margin: 0px 0px 10px 0px;
}

#contenttextareawide li ul li {
	list-style: disc;
	list-style-position: outside;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	font-weight: normal;
	line-height: 100%;
	font-size: 100%;
}

#listingleft li, #lefttext li{
	list-style: disc;
	list-style-position: inside;
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	color:#333333;
	font-weight:normal;
	line-height: 150%;
	font-size:90%;
}
ul{
	margin-top:5px;
	margin-bottom: 10px;
}
#listingleft ul{
	margin-top:5px;
	margin-bottom: 10px;
	font-size:90%;
}
table, tr, td{
	font-family:Tahoma,"Lucida Console",Geneva,sans-serif;
	color:#333333;
	font-weight:normal;
	line-height: 150%;
}
table{
	margin-top:5px;
	margin-bottom: 5px;
}
/* link tags */
#contenttextarea a {
color: #ff9933;
text-decoration: none;
}
#contenttextarea a:link {color: #ff9933;text-decoration: none;}
#contenttextarea a:active {color: #ff9933;text-decoration: none;}
#contenttextarea a:visited {color: #ff9933;text-decoration: none;}
#contenttextarea a:hover {
	color: #006699;
	text-decoration: underline;
}

#basicpage{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:30px;
	border:1px solid #336699;
}
#contain{
	position:relative;
	width:100%;
	display: inline;
	overflow: hidden;
	height: auto;
	min-height: 100px;
	padding:10px;
	margin:0;
	border:none;
}
#lefttext{
	position: relative;
	float: left;
	display:inline;
	margin:0px;
	padding-right:7px;
	width:484px;
	height: auto;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	text-align:left;
	border:none;
}
#left{
	position: relative;
	float: left;
	display:inline;
	margin:0px;
	padding-right:10px;
	width:350px;
	height: auto;
	font-family: Tahoma,"Lucida Console",Geneva,sans-serif;
	color: #333333;
	text-align:left;
	border:none;
}
#left:after{
	content: ".";
	display:block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
#right{
	position: relative;
	clear: left;
	float: right;
	display: inline;
	overflow: hidden;
	height: auto;
	margin: 0px;
	margin-right:auto;
	padding: 0px;
	width: 500px;
	background-position: top;
	border:none;	
}


*html left{
	height: 1px;/*for ie5+6*/
}
*:first-child+html left{
	min-height: 1px;/*for ie7*/
}
#listingleft a:link {color: #ff9933; text-decoration:none;}
#listingleft a:active {color: #ff9933;text-decoration: none;}
#listingleft a:visited {color: #ff9933;text-decoration: none;}
#listingleft a:hover {color: #006699; text-decoration: underline;}
#listingright{
	
}
#right:after{
	content: ".";
	display:block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
*html right{
	height: 1px;/*for ie5+6*/
}
*:first-child+html right{
	min-height: 1px;/*for ie7*/
}
#photobox2{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	background-position: right;
	width: 350px; 
	height: auto;
}
#photobox2:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/*====================================================================================
ONLINE AUCTION STYLES
#contenttextareawide {padding: 30px 15px 0px 15px;
	width: 716px;}
======================================================================================*/
#auctionwrapper{
	position: relative;
	width: 100%; /*716px*/
	margin:0;
	padding:0;
	height: auto;
	border:none;
}
#auctionwrapper:after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
#auctiontitles ul{
	list-style-type: none;
	padding:0;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 15px;
	width:100%;
	background-color: #003366;
	color: #ffffff;
}
#auctiontitles ul li{
	float:left;
	display:inline-block;
	line-height: 150%;
	color: #ffffff;
	background-color: #003366;
	padding:1px;
	border:none;
	font-size: 145%;
	font-weight: bold;
}
.auctionlistphoto{
	width:100px;
}
.auctionlisttitle{
	width:266px;
}
.auctionlistdonor{
	width:190px;
}
.auctionlistvalue{
	width:150px;
}
#auctionlisting{
	position: relative;
	float:left;
	width:100%;
	border:1px solid #003366;
	margin-top:15px;
	padding:1px;
}
#auctionlisting ul{
	list-style-type: none;
	padding:0;
	margin: 0;
	width:100%;
}
#auctionlisting ul li{
	float:left;
	display:inline-block;
	color: #333333;
	padding:0;
	border:none;
	line-height: 150%;
	font-size:90%;
}
.auctionlistingphoto{
	width:100px;
	height: 100px;
	border: 1px solid #336699;
}
.auctionlistingtitle{
	width:266px;
	height: auto;
	margin-left:5px;
}
.auctionlistingdonor{
	width:190px;
}
.auctionlistingvalue{
	width:150px;
	text-align:right;
}
#auctionlistingphotocolumn img{
	border: 1px solid #336699;
}
#bid_details{
	position:relative; 
	display:inline; 
	width:400px; 
	height:auto; 
	float:right; 
	clear:left;
}
#auctionlistingphotocolumn{
	position:relative; 
	display:inline; 
	width:300px; 
	height:auto; 
	float:left;
}

/*======================================================================
SHOPPING CART
=========================================================================*/
#shoppingcart{
	float:left;
	padding: 0;
	margin: 0;
	width: 100%; /*715px*/
	margin-bottom: 15px;
	border:none;
}
#shoppingcart ul li{
	list-style-type: none;
	float:left;
	display:inline;
	line-height: 150%;
	color: #003366;
	font-size: 145%;
	font-weight: bold;
}
.itemtitle{
	width:400px;
	border-right:5px;
	border:none;
}
.itemtitle_amount{
	width:125px;
	border:none;
	border-left:10px;
	border-right:10px;
}
.itemtitle_button{
	width:300px;
	border:none;
	margin-left:10px;
}
#cartitem{
	float:left;
	padding: 0;
	margin: 0;
	width: 100%; /*@960px*/
	margin-bottom: 15px;
	border:1px solid #cccccc;
	padding:2px;
}
#cartitem ul li{
	list-style-type: none;
	float:left;
	display:inline;
	color: #333333;
	padding:0;
	border:none;
	line-height: 150%;
	font-size:100%;
}
.item_name{
	width:400px;
	border-right:10px;
	border:none;
}
.item_amount{
	width:125px;
	border-left:15px;
	border-right:10px;
	text-align:center;
}
.item_button{
	width:300px;
	border:none;
	margin-left:10px;
}

/*========================================================================
MISCELLANEOUS
==========================================================================*/
.twitter img{
	border:1px solid #caedee;
}
#nothingtosee{
	background-color: transparent;
	visibility: hidden;
	height: 1px;
}
/*==========================================================================
COLOUR PALETTE
============================================================================*/
.darkblue{
	color:#003366;
}
.lightblue{
	color:#006699;
}
.lightblue2{
	color: #336699;
}
.textgray{
	color:#333333;
}
.orange{
	color:#ff9933;
}
.indent{
	margin-left: 20px;
	margin-right: 20px;
}