/* CSS Document */

#topRow{
	width:100%;
	height:225px;
}
#topRow .leftColumn{
	width:355px;
	height:100%;
	background-image:url(../images/about_leftHolder.jpg);
	background-repeat:repeat-x;
	float:left;
}
#topRow .leftColumn .header{
	width:100%;
	height:50px;
	margin-bottom:20px;
	float:left;
}
#topRow .leftColumn .content{
	width:295px;
	height:175px;
	margin-left:30px;
	margin-right:30px;

}
#topRow .rightColumn{
	width:530px;
	height:225px;
	background-color:#B5D23E;
	float:left;
}
#topRow .rightColumn .holes{ /* used for the page holes design */
	width:20px;
	height:100%;
	background-image:url(../images/about/holes.jpg);
	background-repeat:repeat-y;
	float:left;
}
#topRow .rightColumn .right{
	width:510px;
	height:100%;
	background-color:#B5D23E;
	background-image:url(../images/about/pageCurl.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
#topRow .rightColumn .right .header{
	width:100%;
	height:50px;
	margin-bottom:20px;
	float:left;
}
#topRow .rightColumn .right .content{
	width:470px;
	height:175px;
	margin-left:20px;
	margin-right:20px;

}

/* BOTTOM ROW */
#bottomRow{
	width:840px; /* MARGIN LEFT AND WIDTH ARE TO INDENT THE COLUMN IN BOTH IE AND FIREFOX -- PADDING DOESNT WORK */
	padding-bottom: 50px; /* SPACING FOR FOOTER LINKS */
	margin-left:20px;
}
#bottomRow .header{
	width:100%;
	height:40px;
}
#bottomRow .middle{
	padding-top:10px;
	width:100%;
}
#bottomRow .footer{
	width:100%;
}