/* home Specific styles
----------------------------------------*/

#contentArea {
	width: 890px;
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	
  }

#contentArea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #contentArea {
  height: 1%;
  }


.colText A:link {text-decoration: none; font-weight:bold; color:#6c6c6c; font-size:13px}
.colText A:visited {text-decoration: none; font-weight:bold; color:#6c6c6c; font-size:13px}
.colText A:active {text-decoration: none; font-weight:bold; color:#6c6c6c; font-size:13px}
.colText A:hover {text-decoration: underline; font-weight:bold; color:#6c6c6c; font-size:13px }
.colText {
	margin-top: 32px;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
	line-height: 19px;
}
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	height: 84px;
		float:left;
		position:relative;
		padding:0 0 1px 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column blog style settings */
	.blogstyle {
					/* right column background colour */
	}
	.blogstyle .colmid {
	right:33%;		/* center column background colour */
	}
	.blogstyle .colleft {
	right:33%;			/* left column background colour */
	}
	.blogstyle .col1 {
	width:276px;				/* width of center column content (column width minus padding on either side) */
	left:66%;				/* 100% plus left padding of center column */
	background-image: url(../custome_template_files/images/bbbweb_mission.jpg);
	background-repeat: no-repeat;
	}
	.blogstyle .col2 {
	width:276px;				/* Width of left column content (column width minus padding on either side) */
	left:66%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	background-image: url(../custome_template_files/images/bbbweb_featured.jpg);
	background-repeat: no-repeat;
	}
	.blogstyle .col3 {
	width:276px;				/* Width of right column content (column width minus padding on either side) */
	left:66%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	background-image: url(../custome_template_files/images/bbbweb_news.jpg);
	background-repeat: no-repeat;
	}