	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:25px 0 1em 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;
	}
	
	.col1 p {
		 font-size: 13px;
		 text-align: justify;
		 padding:0 0 5px 0px;
		 }

	.col3 {
		background-color:white;
		margin-top: 30px;
		padding-top: 5px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px;
			z-index: 2;

		behavior: url(ie-css3.htc);
	}

		
	/* 3 Column settings */
	.threecol {
		background: white;
	}

	

	.threecol .colmid {
		right:25%;			/* width of the right column */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */

	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* 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) */
	}

	.colnew1,
	.colnew2,
	.colnew3 {
		float:left;
		position:relative;
		padding:5px 0 5px 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;
	}

	.colnew3 {
		overflow:visible;}
	
	.colnew1 p {
		 font-size: 13px;
		 text-align: justify;
		 padding:0 0 0 0px;
		 }

	.threecol .colnew1 {
		width:40%;			/* width of center column content (column width minus padding on either side) */
		left:115%;			/* 100% plus left padding of center column */
	}
	.threecol .colnew2 {
		width:40%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .colnew3 {
		width:20%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* 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) */
	}


	#homepage-events
	{
	background-image: url('/images/homepage/events-a.png');
	width:370px;
	height:245px;
	}

	#homepage-news
	{
	background-image: url('/images/homepage/news-v2.png');
	width:370px;
	height:245px;
	}

	.colcal1,
	.colcal3 {
		float:left;
		position:relative;
		padding:25px 0 5px 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;
	}
	
	.colcal1 p {
		 font-size: 13px;
		 text-align: justify;
		 padding:0 0 0 0px;
		 }

	.threecol .colcal1 {
		width:78%;			/* width of center column content (column width minus padding on either side) */
		left:75%;			/* 100% plus left padding of center column */
	}

	.threecol .colcal3 {
		width:20%;			/* Width of right column content (column width minus padding on either side) */
		left:74%;			/* 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) */
	}
