/* CSS Document : Barb St Hilaire */


body {
	background: #fff;
	margin: 0px;
	padding:0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;   
	color: #000;
	overflow: scroll;
	text-align: center;
	}

#wrapperright {
	float: right;
	width:100%;
	background: url(images/rightcolgreen.jpg) repeat-y top right;
	}

#wrapperleft {
	float: left;
	width:100%;
	background: url(images/leftcolgreen.jpg) repeat-y top left;
	}


#container {
	width: 980px;  /* using 20px less than a full 1000px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 20px 0px 0px 0px;
	/*overflow: hidden;*/	
	text-align: left;	
    } 

/*----------------------------*/
#header {
	background:#fff; 
	padding:0px;
	margin:0px;
	color:#fff;
	text-align:center;
	/*border: solid 1px black;*/
	} 
#header img {
margin: 0px;
padding: 0px;
    }	

/*----------------------------*/
#centercol {
	width: 580px;
	padding:5px;
	margin: 0px 5px;
	float:left; 
	}
#centercol p {
text-align: justify;
margin: 10px 5px 10px 5px;
    }
		
#centercol h3 {
	font-size: 18px;
	color: #930;
	text-align: center;
	margin: 5px 0px 5px 5px;
	}	
#centercol a {
	color:#666;
	}
	
#centercol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
/*
#centercol img {
	float: right;
	border: none;
}

--*/
.tablecenter { 
   border-collapse: collapse; 
   width: 460px;
   margin: 0px 50px;
   border: 1px solid black;
   }  
.tablecenter tr { 
   padding: 0px;
   margin: 0px;
	} 
.tablecenter td { 
   padding: 5px;
   margin: 0px;
   font-size: 9px;
   text-align: left;
   vertical-align: top;
   border: none; 
   background-color: #ccc;
	}


/*----------------------------*/	
#leftcol {
	float:left;
	width:164px; /* actual value */
	margin: 0px;
	padding:0px;
	background: #B8B85C;
	/*border: solid 1px black;*/
	}
#leftcol p {
	margin: 5px;
	text-align: left;
	font-size: 14px;	
	}
#leftcol h4 {
	margin: 0px 0px 0px 5px;
	text-align: left;
	font-size: 14px;
	}
#leftcol img {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	border: none;
	}

#leftcol a:link {text-decoration: none; color: #fff;}
#leftcol a:visited {color: #933 ;}
#leftcol a:hover {text-decoration: none; color: #933;}
#leftcol a:active {color: #933;}
	

	
#rightcol {
	float:right;	
	width:201px; /* actual value */
	margin: 0px;
	padding: 0px 3px 0px 8px;
	background: #B8B85C;
	font-size: 12px;
	}
#rightcol p {
	margin: 5px;
	text-align: left;
	font-size: 12px;	
	}
#rightcol h4 {
	margin: 10px 5px;
	text-align: left;
	font-size: 16px;
	color: #933;
	}
#rightcol img {
margin: 0px 0px 0px 16px;
}

#rightcol a:link {text-decoration: none; color: #333;}
#rightcol a:visited {text-decoration: none; color: #000;}
#rightcol a:hover {text-decoration: none; color: #666;}
#rightcol a:active {color: #000;}

.barbsimage {
	float: right;
	margin: 0px;
	padding: 0px;
	}
		
 	
#footer {
	width: 980px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #933;
	}
#footer  a:link {text-decoration: none; color: #fff;}
#footer  a:visited {text-decoration: none; color: #fff;}
#footer  a:hover {text-decoration: none; color: #000;}
#footer  a:active {color: #fff;}

	
.tablefooter { 
   border-collapse: collapse; 
   width: 980px;
   margin: 5px 0px;
   clear:both;
   border: none;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px 10px 5px 5px;
   font-size: 9px;
   text-align: left;
   color: #fff;
   vertical-align: top;
   border: none; 
   background-color: #933;
}
	
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}

.vsanumber {
color:#000;
}