/* The following classes are used in the left hand (column) side of each page
	1- add the raised background image
	2- color the part not covered by the image gray */

.background {
	background: #777263 url(images/news_back.jpg) no-repeat;
	color: white;
	width: 200px;
	}

.background2 {
	background: #777263 url(images/news_back2.jpg) no-repeat;
	color: white;
	width: 200px;
	}

.background3 {
	background: #777263 url(images/news_back3.jpg) no-repeat;
	color: white;
	width: 275px;
	}

.background4 {
	background: #777263 url(images/news_back4.jpg) no-repeat;
	color: white;
	width: 200px;
	}

.background5 {
	background: #777263 url(images/news_back5.jpg) no-repeat;
	color: white;
	width: 200px;
	}

.background6 {
	background: #777263 url(images/news_back6.jpg) no-repeat;
	color: white;
	width: 200px;
	}

.background7 {
	background: #777263 url(images/news_back7.jpg) no-repeat;
	color: white;
	width: 200px;
	}



/* The following classes add small gaps in between columns */

.gap10 {
	background: white;
	width: 10px;
	}

.gap25 {
	background: white;
	width: 25px;
	}

.gap70 {
	background: white;
	width: 70px;
	}


/* The following classes are used in the main section (column) of each page */

.main150 {
	background: white;
	width: 150px;
	}

.main170 {
	background: white;
	width: 170px;
	}

.main200 {
	background: white;
	width: 200px;
	}

.main210 {
	background: white;
	width: 210px;
	}

.main275 {
	background: white;
	width: 275px;
	}

.main280-color {
	background: #9AC0CD;
	width: 280px;
	}

.main345 {
	background: white;
	width: 345px;
	}

.main385 {
	background: white;
	width: 385px;
	}

.main425 {
	background: white;
	width: 425px;
	}

.main620 {
	background: white;
	width: 620px;
	}

