body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
}	
	
form {
 font-size: 10px;
 }
 
table {
 border-collapse: collapse;
 } 
 
table td {
 padding: 0;
 margin: 0;
 }

h2, h3 {
 margin-top: 0;
 }	
	
p {
 font: 80%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin-top: 0;
 }
 
li {
 font: 80%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
 
#wrapper {
 min-width: 400px;
 width: 100%;
 }
 
div#photos {
 position: absolute;
 top: 1px;
 left: 2px;
 height: 75px;
 width: 500px;
 /* background: url(http://chamber.vitaleffect.com/images/photo2.jpg) 0 0 no-repeat; */
 }
 
#outer { 
 border-left: 150px solid #304476; /* left column background */
 border-right: 150px solid #fff; /* right column background */
 background-color: #fff; /* center column background    prev colour fafafa*/ 
 
 }
 
#inner {
 margin: 0;
 width: 100%;
 }
 
#header {
 background: url(http://www.camrosechamber.ca/images/banner.jpg) 0 0 no-repeat;
 height: 100px; 
 }

/* #header h1 {
 font: 150% Georgia, "Times New Roman", Times, serif;
 text-align: right;
 margin-right: 1em;
 } */
 
#left {
 /* border-top: 1px solid #888; */
 width: 145px;
 margin-left: -145px;
 padding-top: 1em;
 float: left;
 position: relative; 
 left: 0px; 
 }

#left ul {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 width: 140px;
 }
 
#left li {
 display: block;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 /* margin-bottom: 0.3em;
 margin-left: 0.5em; */ 
 line-height: 180%;
 width: 140px;
 }
 
/* #left a {
 border-top: 1px solid #000; 
 } */
 
#left a:link, #left a:visited {
 color: white;
 width: 145px;
 display: block;
 text-decoration: none;  
 font-weight:bold;
 }
 
#left a:hover {
 color: #CCC;
 width: 145px;
 display: block;
 }
 
#left a#selected {
 color: #82a7ff;
 width: 145px;
 display: block;
 }
 
#left a.subpage, #left a:visited.subpage {
 color: #003366;
 width: 141px;
 display: block; 
 border: none; 
 font-size: 80%;
 background-color: #EDF2FF;
 text-indent: 1em;
 }
 #left a:hover.subpage {
 color: #999;
 }
#left a#subselected { 
 color: green;
 }

a:link, a:visited {color: green;} 

#right {
 width: 150px;
 margin-top: 15px;
 margin-right: -150px;
 float: left;
 position: relative;
 z-index: 11;
 /* background: url(http://chamber.vitaleffect.com/images/rightrose.gif) 0 0 no-repeat; */
 }

#right h3 {
 font: 110% Georgia, "Times New Roman", Times, serif;
 color: #621313;
 margin-bottom: 0;
 background-color: transparent;
 padding-bottom: 4px;
 padding-left: 0.2em;
 text-indent: 1em;
 }
 
#right p {
 padding-left: 10px;
 }

.adbox {
 padding: 2px 4px 2px 6px;
 margin: 0 0.5em 10px 0.5em;
 border: 1px dotted #b1b1b1;
 background-color: #f4f4f4;
 /* background: url(http://chamber.vitaleffect.com/images/rose.gif) 0 0 no-repeat; */
 }

#content { 
 float: left;
 width: 100%;
 position: relative;
 z-index: 12;
 border-left: 1px solid #888;
 /* border-right: 1px solid #888; */
 padding-top: 75px;
 /* background: url(http://chamber.vitaleffect.com/images/photo.jpg) 0 0 no-repeat; */
 }
 
#content ul {
 padding-left: 2em;
 }
 
#content ul.style_list {
 margin-left: 0;
 font: 100% Georgia, "Times New Roman", Times, serif;
 color: #000; 
 list-style-type: none;
 }
 
#content .list_header {
 color: #8c1111;
 }
 
#content h1 {
 margin-left: 1em;
 font: 150% Georgia, "Times New Roman", Times, serif;
 color: #8c1111; 
 }
 
#content h2 {
 margin-left: 2em;
 font: 100% Georgia, "Times New Roman", Times, serif;
 color: #8c1111; 
 }
 
#content h3, #content h4 {
 margin-left: 2em;
 font: 80% Georgia, "Times New Roman", Times, serif;
 color: #8c1111; 
 }
 
#content p {
 margin-left: 3em;
 margin-right: 3em;
 /* margin-right: 200px; */
 } 
 
#footer {
 background-color: #f4f4f4;
 width: 100%;
 position: relative;
 z-index: 3;
 border-top: 1px dotted #b1b1b1;
 }

#footer p {
 padding-left: 1em;
 text-align:center;
 }

.clear {
 clear: both;
 }
 
form table {
 background: #FBF8E7; 
 border:1px solid #DDD; 
 margin-left: 2em; 
 font: 100%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
 
form table td {padding: 4px;} 
 
/* Mozilla bug workarounds */
#outer > #inner {
 border-bottom: 1px solid transparent;
 }
 
#side1 {
 margin-right: 1px;
 }
 
#right {
 margin-left: 1px;
 }
 
#content {
 margin: 0 -3px 0 -2px;
}

/* img {
 border: 2px double #bbb;
 padding: 2px;
 background: #eee;
 } */
.event {
  border: 1px solid #DDD; background: #F8F8F8; padding:6px; padding-top:0; 
  margin-top:0; margin-bottom:10px;margin-left:10px; margin-right: 10px;padding-bottom:16px;
  font-size:12px;
 }
  .calendar {
   padding-left:0;
   color: red;
 }  
 /*
.upcomingeventsDiv {padding-left:6px; color: #DDD; font-size:11px; padding-bottom:10px; line-height:1.4;}
.upcomingeventsDiv a, .upcomingeventsDiv a:visited {color: #EECBAD; margin-left:10px;}
*/ 
div.eventdiv {font-size:11px; margin-top:10px;}
.indent {margin-left:16px; margin-bottom:4px;  }
.topofpage {font-variant:small-caps; float:right;}
#calform {margin-left:10px;}
.eventheading {font-size: 14px; color: #424; }
#articles {border-collapse: collapse; margin-top: 6px; margin-left:4px; margin-right:4px;}
#articles th { background: #F1F1F1; color: #003366; padding: 6px; font-family: tahoma;  
               text-align: left; width:100%}
#articles th a { letter-spacing: 1px; font-size:11px; font-weight: bold; font-family: arial;}
#articles td { font-size: 9px; vertical-align: top; border-bottom: 1px dotted #BBB; padding: 3px; }
#articles td strong { color: maroon; }

.odd {background: #F9F9F9;}
.even {background: #F3F3F3;}
table.sortable {border-collapse: collapse; margin-top: 6px; margin-left:4px; margin-right:4px;;  border: 1px solid #EEE; }
table.sortable a.sortheader {
    background-color:#EDF2F2;
    font-weight: bold;
    padding: 4px; 
    display: block;
}
table.sortable td 
{
  border-bottom: 1px dashed #DDD; vertical-align: top; font-size: 10px; color: #666; 
  vertical-align: top; border-bottom: 1px dotted #BBB; padding: 7px 3px; 
}
table.sortable td b { color: #000; }
table.sortable th { text-align:left; font-size: 12px; }

/* for new business directory listing */
#bdl { margin-left: 5px; margin-right: 20px; font-size: 0.9em; padding-right: 5px; }

#cat_drop div { border: 0; margin:0; padding:0; float: right; }
#cat_drop table { position: relative; margin:0; border:0; background: #FFFFFF; }
#cat_drop td { font-size: 1.2em; vertical-align: middle; }
#cat_drop span { float:right; margin:0; padding:0; }

.cat_letter { margin-top:-5px; margin-bottom: 5px; padding:0 10px 0 10px; line-height: 2em; font-weight: bold;}
.letter_box {   padding: 2px 6px; text-align: center; margin:2px; border: 1px solid blue; font-size: 0.8em; 
                background: #DDEBF4; border: 1px solid #2893D3;
}
.letter_box a:link, .letter_box a:visited { color: #2893D3; text-decoration: none; }
.letter_box a:hover, .letter_box a:active { color: #888; text-decoration: underline; }

#blisting { text-align: left; 
            margin-top: 4px; margin-left:4px;
            border: 1px solid #888;
}

#blisting tr { margin:0; padding: 0; font-size: 0.8em;}
#blisting td { padding: 5px 5px 5px 5px; line-height: 1.3em; font-size: 0.8em; border-bottom: 1px dotted #efefef; font-size: 0.9em; }
#blisting th { padding: 5px 10px 5px 5px; font-size: 1em; background: #efefef; border-bottom: 1px solid #888; }
.bname { float: left; font-weight: bold; color: #191970; }
.baddr { float: left; color: #888; }

#th_bname { background: #2893D3; color: #ffffff; }
#th_cat   { background: #2893D3; color: #ffffff; border-left: 1px solid #efefef; text-align: center; }
#stores_stat { text-align: right; }
.td_odd  { background: #f8f8f8; font-size: 0.9em; }
.td_even { background: #ffffff; font-size: 0.9em;}
/* for new business directory listing */