@CHARSET "UTF-8";
/**** HTML RESET ****/
		:link,:visited {text-decoration: none;}
		ul,ol {list-style: none;}
		h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;font-weight:normal;}
		dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
		a img,:link img,:visited img {border: none;}
		address {font-style: normal;}
		.clear {clear:both}
		.rule {border-bottom:1px solid #006634;}
		       
/**** LAYOUT ****/
    
		/*body {background:#f7efde url(/images/container_bg.jpg) top center repeat-y; width:776px; margin:0 auto;color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px;}*/
        body {background:#9d9b9b url(/images/container_bg2.jpg) top center repeat-y; width:776px; margin:0 auto;color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px;}		
		
		#header {background:transparent url(/images/header2.jpg) top left no-repeat; padding:20px 5px 0 5px;}
		#logo {background:transparent url(/images/logo4.jpg) top left no-repeat;width:350px;height:0 !important;padding-top:50px; overflow:hidden;float:left;}
		#search {float:right;padding-top:10px;width:400px;padding-bottom:10px; padding-right: 10px;}
			#search form {float:right;}
			#search input.textbox {width:15em;margin:0 4px;}
			#search div.button {float:right;}
			#search span {float:right;}
		#menu {clear:both; background:#006634 url(/images/menu_background.jpg) top left repeat-x; height:43px;position: relative;}
			#menu ul {list-style:none; margin:0;}
			#menu a:link, #menu a:visited {display:block; color:#fff; font-weight:bold; text-decoration:none; width:12em; }
			#menu a:hover, #menu a:active {text-decoration:none; background-color:transparent; color:#ddd; }
			#menu li {float: left; margin:0; list-style-image:none;}
			#menu li ul {position:absolute; width:12em; left:-999em; border:1px solid #fff; background:#006634 url(/images/menu_bg.jpg) bottom left repeat-x; padding:2px 4px; margin:0;}
			#menu li:hover ul, #menu li.hover ul {left: auto; }
			
			#menu a#Home{width:53px;background:transparent url(/images/home.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important;}
			#menu a#BusinessDirectory {width:122px;background:transparent url(/images/business_directory.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important;}
			#menu a#Chamber {width:85px;background:transparent url(/images/about-chamber.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important;}
			#menu a#VisitorCentre {width:95px;background:transparent url(/images/visitor-info.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important;}
			#menu a#Contact {width:50px;background:transparent url(/images/contact.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important;}
			#menu a#MembersLogin {width:104px;background:transparent url(/images/member_login.jpg) top left no-repeat;overflow:hidden;padding-top:43px;height:0 !important; position: absolute; top: 0; right: 0;}
			
		#content-banner {clear:both;display:block;background:transparent url(/files/images/contentbanner1.jpg) no-repeat top left; width:766px;height:100px;}		
		#content-banner1 {clear:both;display:block;background:transparent url(/files/images/contentbanner1.jpg) no-repeat top left; width:766px;height:100px;}		
		#content-banner2 {clear:both;display:block;background:transparent url(/files/images/contentbanner2.jpg) no-repeat top left; width:766px;height:100px;}		
		#content-banner3 {clear:both;display:block;background:transparent url(/files/images/contentbanner3.jpg) no-repeat top left; width:766px;height:100px;}		
		#content-banner4 {clear:both;display:block;background:transparent url(/files/images/contentbanner4.jpg) no-repeat top left; width:766px;height:100px;}		
		#main-content {padding:0 5px;}
		#content {float:left; width:550px; padding:0 10px;}
		#sidebar {float:right; width:185px;}			
		#footer {clear:both;text-align:center;color:#006634;font-size:0.9em;}
		#footer p {text-align:center;}

/**** SIDEBAR STYLES ****/
		ul.sidebar {margin:5px 0;width:170px;}			
		ul.sidebar li {border-bottom:1px solid #006634;list-style-type:none;margin:0; padding:2px 0;list-style-image:none;}			
		ul.sidebar a:link, ul.sidebar a:visited {text-decoration:none;display:block;color:#006634;}
		ul.sidebar a:hover, ul.sidebar a:active {color:#2377bd;background:transparent url(/images/sidebar-bullet.gif) top right no-repeat;}

/**** GENERAL STYLES ****/	
		h1 {font-size:1.4em;font-weight:bold;color:#006634; margin:10px 0 3px 0; border-bottom:1px solid #000;}
		h2 {font-size:1.2em;font-weight:bold;color:#006634; margin:5px  0 1px 0; text-transform:uppercase;}
		h3 {font-size:1.1em;font-weight:bold;color:#000;}
		p {font-size:1.0em;margin:2px;padding:5px; text-align:justify;}			
		a:link, a:visited {font-weight:bold;text-decoration:underline;color:#006634;}
		a:hover, a:active {text-decoration:none;background-color:#fff;color:#2377bd;}
		ul {margin-left:10px;}
		li {margin-left:20px; list-style-image:url(/images/bullet.jpg); }
		table {border-collapse:collapse;} /* border-top:1px solid #006634;border-left:1px solid #006634; */
		table th {font-weight:bold; color:#006634;background-color:#fff;text-align:left;}
		table td {padding:5px;}
		table td, table th {/*border-bottom:1px solid #006634;border-right:1px solid #006634;*/}

/**** HOME PAGE ****/
		#homegraphic {clear:both;display:block;width:766px;height:200px;}		
		#homepage {width:766px;background:url(/images/home_page_bg.jpg) top left repeat-y;}

        #news {float:left;width:232px;}  
			#news h2 {color:#555555; background:transparent url(/images/news.jpg) top left no-repeat;width:232px;padding:43px 0 0 0;margin:0;overflow:hidden;height:0px !important;}
			#news dl {padding-left:10px; padding-top:10px;}
			#news dt {font-weight:bold;color:#006634; }
			#news dd {padding-left:10px; padding-right:10px;}
			#news dd a:link, #news dd a:visited {color:#555; font-weight:normal; text-decoration:none;}
			#news dd a:hover, #news dd a:active {text-decoration:underline;}

		p.weather {margin:5px auto; width:150px; padding:0;}
		#highlights {float:left;width:332px;}
			#highlights h2 {background:transparent url(/images/highlights.jpg) top left no-repeat;width:332px;padding:43px 0 0 0;margin:0;overflow:hidden;height:0px !important;}		

		#events {float:left;width:202px; }
			#events h2 {background:transparent url(/images/events.jpg) top left no-repeat;width:202px;padding:43px 0 0 0;margin:0;overflow:hidden;height:0px !important;}
			#events h3 {padding:10px 0 0 10px;}		
			#events dl {padding:0 0 0 20px;}
			#events dt {font-weight:bold;}
			#events dd {padding:0 0 0 10px;}
			#events p {padding:20px;}		

/**** DIRECTORY ****/
		div#directoryContent {}
		div.mainCategoryListing a:link, div.mainCategoryListing a:visited {width:240px; padding:4px; height:3em; margin:2px; border:1px solid #ddd; background-color:#fff; float:left;text-decoration:none; }
		div.mainCategoryListing a:hover, div.mainCategoryListing a:active {border:1px solid #bbb; }

		div.directoryListing {border:1px solid #ddd; background-color:#fff; padding:3px; margin:6px; width:360px; float:left; height:10em; }
		div.directoryListing p {text-align:left;}
		div.directoryListing a:link,
		div.directoryListing a:visited {text-align:left;}
		div.chambermember {border:2px solid #006634; padding:2px 100px 2px 2px; background:#fff url(/images/chambermember.jpg) no-repeat 97% 10%; width:260px;}

/**** SEARCH ****/


/**** PAYMENTS ****/
        table.products {width:95%; margin:10px auto;}
        table.reviewPayment {width:95%; margin:10px auto;}
        table.reviewPayment tfoot td {text-align:right;}
        fieldset.shippingInfo, fieldset.billingInfo {width:45%; float:left; margin:1%;}
        fieldset.paymentInfo {clear:both;}
        fieldset {border:none; padding:10px;}
        fieldset legend {font-weight:bold; font-size:1.3em;}
        fieldset div {clear:both; margin:5px 0;padding:3px 1px;}
        fieldset div label {float:left; width:10em;padding-left:16px;}
        fieldset div label.required {font-weight:bold; background:transparent url(/images/required.gif) top left no-repeat; }
        fieldset div.error {color:#900; border:1px solid #900; background-color:#fff; }
        span.errorText {color:#900; font-weight:bold;display:block; padding-left:16px;}
        span.helpText {display:block; font-style:italic; padding-left:16px;}
        div.buttons {clear:both; text-align:right; margin:10px}
        input.qty {Width:30px;}
        div.message.error {border:1px solid #900; position:relative; background-color:#fff; width:50%; padding:0 10px; margin:5px auto;}
        div.error a#close {position:absolute; top:0; right:10px; display:none;}
        div.error li {list-style-image:none;list-style-type:square; color:#900;}
        div.error h2 {color:#990000;}
        th.qty {width:50px;}
        th.price {width:7em;}

/**** PHOTO GALLERY ****/
    div.photoAlbumTitle  {width:130px; height:160px; float:left; border:1px solid #006634; padding:2px; background-color:#fff; text-align:center; margin:2px;}
    div.photoAlbumTitle a:link,
    div.photoAlbumTitle a:visited {}
    div.photoAlbumTitle p {text-align:center;}
    div.photoAlbumTitle img {padding:1px; background-color:#fff; border:2px solid #006634;}
    
    div.albumPhoto {width:130px; height:160px; float:left; border:1px solid #006634; padding:2px; background-color:#fff; text-align:center; margin:2px;}
    div.albumPhoto p {text-align:center;}
    div.albumPhoto img {padding:1px; background-color:#fff; border:2px solid #006634;}

/**** SURVEYS ****/


/**** SURVEYS ****/
#survey {
	width: 200px;
}
#survey label {
	font-size: 11px;
	color: #555;
}
#survey .buttons {
float: none;
text-align: left;
}
#survey .message {
	margin-bottom: 10px;
}

#survey a#close {display:none;}
#survey input[type=text] {
	margin-bottom: 5px;
}
#survey .checkboxlist label {
width: 180px;
float: right;
text-align: left;
clear: right;
}
#survey textarea {
	width: 180px;
	height: 90px;
}

#nomForm {padding:1px !important;}
#nomForm label {text-align:right;}
#nomForm .disclaimer {font-size:10px; color:red;}
#nomForm textarea {
    width:300px;
    height:130px;
}
#nomForm .frmError {font-size:10px; color:#EA1A18;}
#nomForm .messageSent {text-align:center; color:#EA1A18;}

/***  Advocacy Survey  ***/
#surveyForm div { width:800px; margin-bottom:2px; }
#surveyForm div label {float:left;width:100%; }
#surveyForm .txt, #surveyForm select { margin:5px 3px 15px 0px;}


#content { width: auto; }

#member-listing h1 { margin-bottom: 15px; }
#member-listing h2 { border-bottom: 1px solid #ccc; margin-bottom: 15px; font-size: 20px; margin-top: 30px; text-transform: normal; }
#member-listing .member { height: 130px; padding: 2px 110px 2px 2px; border: 2px solid #006634; background: white url(http://www.kamloopschamber.ca/images/chambermember.jpg) no-repeat 97% 10%; margin: 0 15px 20px 0; width: 240px; float: left; }
#member-listing .categoryName { clear: both; }
#member-listing h3 { margin: 5px 0 0 7px; }
#member-listing ul { padding-top: 15px; padding-bottom: 20px; }
#member-listing li { width: 45%; float: left; margin-bottom: 0 !important; padding-bottom: 0 !important; }