/* CSS Document */

/*
This section creates claseses taht are used to create a 3 column featurebox area with gradient top and bottom.

There are two types wide and narrow.  The wide type are used on pages with no menu.  The narrow type are used on pages with a menu.

The classes in the first section are common the both wide and narrow columns.  the following sections define the widhts for the wide and narrow columns respectively

*/
.three-col-feature-area-wide,
.three-col-feature-area-narrow {
	background:#deefd0 url('/assets/images/boxes/feature-area-bot-grad.gif') repeat-x bottom;
	padding:0;
	padding-bottom:20px;
	
}

	.three-col-feature-area-wide .inner,
	.three-col-feature-area-narrow .inner{
		background:url('/assets/images/boxes/feature-area-top-grad.gif') repeat-x;
		margin:0;
		padding:0;
		width:100%;
		}

	
	.box-green-solid-top p,
	.box-green-grad-top p {
		margin-top:0;
	}
	
	.box-green-solid-top h3,
	.box-green-grad-top h3 {
		font-size:1.7em;
		margin:7px 0;
		font-weight:bold;
		letter-spacing:1px;
	}
	.box-green-solid-top ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		.box-green-solid-top li {
			color:#7ac142;
			background-image:none;
			display:inline;
			margin-left:0px;
			font-weight:bold;
			padding-left:0px;
		}
			.box-green-solid-top li a {
				text-decoration:none;
				color:#7ac142;
				padding-right:10px;
			}
				.box-green-solid-top li a:hover {
					color:#464545;
					font-weight:bold;
				}
				.box-green-solid-top li a:active {
					background-color:#000000;
				}



/* Wide columns */
.three-col-feature-area-wide .left-column {
	width:300px;
	float:left;
	padding-left:20px;
}

.three-col-feature-area-wide .middle-column {
	width:304px;
	float:left;
	padding-left:15px;
}

.three-col-feature-area-wide .right-column {
	width:309px;
	float:left;
	padding-left:11px;
}

.three-col-feature-area-wide .box-green-grad-top,
.three-col-feature-area-wide .box-green-solid-top {
	background: url(/assets/images/boxes/bg-curvedbox.gif) repeat-y;
	width:289px;	
}
	.three-col-feature-area-wide .box-green-solid-top .bottom, 
	.three-col-feature-area-wide .box-green-grad-top .bottom {
		background: url(/assets/images/boxes/curve-bottom.gif) no-repeat bottom ;
		padding-bottom:20px;
	}

	.three-col-feature-area-wide .box-green-solid-top .box-content,
	.three-col-feature-area-wide .box-green-grad-top .box-content {
		background: url(/assets/images/boxes/curve-top.gif) no-repeat top ;
		margin-top:0px;
		margin-bottom:0;
		padding-top:25px;
		padding-right:20px;
		padding-bottom:0;
		padding-left:20px;
	}
	
	.three-col-feature-area-wide .box-green-solid-top .box-content {
		background: url(/assets/images/boxes/curve-top-greenbg.gif) no-repeat top ;
		padding-top:15px;	
	}

/* narrow columns */
.three-col-feature-area-narrow .left-column {
	width:245px;
	float:left;
	padding-left:10px;
}

.three-col-feature-area-narrow .middle-column {
	width:245px;
	float:left;
	padding-left:10px;
}

.three-col-feature-area-narrow .right-column {
	width:245px;
	float:left;
	padding-left:10px;
}

.three-col-feature-area-narrow .box-green-grad-top,
.three-col-feature-area-narrow .box-green-solid-top {
	background: url(/assets/images/boxes/bg-curvedbox-narrow.gif) repeat-y;
	width:235px;	
}
	.three-col-feature-area-narrow .box-green-solid-top .bottom, 
	.three-col-feature-area-narrow .box-green-grad-top .bottom {
		background: url(/assets/images/boxes/curve-bottom-narrow.gif) no-repeat bottom ;
		padding-bottom:20px;
	}

	.three-col-feature-area-narrow .box-green-solid-top .box-content,
	.three-col-feature-area-narrow .box-green-grad-top .box-content {
		background: url(/assets/images/boxes/curve-top-narrow.gif) no-repeat top ;
		margin-top:0px;
		margin-bottom:0;
		padding-top:25px;
		padding-right:20px;
		padding-bottom:0;
		padding-left:20px;
	}
	
	.three-col-feature-area-narrow .box-green-solid-top .box-content {
		background: url(/assets/images/boxes/curve-top-greenbg.gif) no-repeat top ;
		padding-top:15px;	
	}

/*
This section define classes for a simple 3 column feature area
*/
.three-column-area {
	margin-left:0;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;

	}

.three-column-area .column {
	width:33.333%;
	float:left;
}
	
.feature-box-1,
.feature-box-2,
.feature-box-3 {
	margin:0;
	padding:10px;
	min-height:100px;
	height:auto !important;
	height:100px;
	}
	
.feature-box-1 {
	margin-right:5px;
	}

.feature-box-2 {
	margin:0 5px;
	}
	
.feature-box-3 {
	margin-left:5px;
	}

.feature-box-1 {background-color:#e6e6e7;}
.feature-box-2 {background-color:#ebf5e2;}
.feature-box-3 {background-color:#ffeeb3;}

	
	
	.feature-box-1 h2,
	.feature-box-2 h2,
	.feature-box-3 h2 {
		font-size:1.3em;
		margin:0;
		padding:0;
		}


/* Single Feature Box */


.single-feature-box {
	border-top:10px solid #7ac142;
	}
	
	.single-feature-box .inner {
		background:#e9f5df url('/assets/images/boxes/single-feature-bottom.gif') bottom repeat-x;
		min-height:10px;
		padding:20px;
		}
		
		.single-feature-box .inner h2 {
			font-size:1.7em;
			color:#ff433f;
			margin:0;
			margin-bottom:5px;
			}
		

		.single-feature-box .inner h3 {
			font-size:1.3em;
			margin:0;
			margin-bottom:5px;
			padding:0;
			}
			
		.single-feature-box .inner p {
			margin:0;
			margin-bottom:5px;
			padding:0;
			}