body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
	min-width:990px;
	text-align: center;
}

/* Fix table problems */
table {
	font-size:100%;
	border-collapse: collapse;
	width:100%;
}
table td,
table tr {
	vertical-align: top;
}
input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* Old-fashioned float clear */
.clearfloat {
	clear: both;
}


/* Holly hack fix for IE 6 problems \*/
* html .hollyfix {height: 1%;}
/* */



/* General styles */
img { 
	display:block; 
	border:0; 
}
img.inline { 
	display:inline 
}
p { 
	margin:0 0 .7em 0; 
	line-height:1.7em;
}

h1,h2,h3 {margin:0; padding:0;}

ul {list-style:outside }
ol {list-style:outside decimal}

a {
	color:#12620e;
}
	a:hover {
		color:#0a3908;
	}

.printonly {
	display:none;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}


/* Structural IDs */
#container {
	font-size:11px;
	width:960px;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Masthead area */
#masthead {
	background:url("../images/bg_intro.jpg") no-repeat top left;
	min-height:247px;
	padding:20px 24px 20px 24px;
	margin-bottom:34px;
}
	#masthead h1 {
		font-size:36px;
		margin-bottom:0;
		padding-bottom:0;
		color:#000000;
	}
	#masthead h2 {
		font-size:24px;
		margin-bottom:10px;
		padding-bottom:0;
		padding-top:0;
		margin-top:0;
		color:#000000;
	}
	#masthead p {
		width:617px;
		font-weight:bold;
		color:#49693e;
		line-height:2em;
		font-size:14px;
	}

#details {
	margin-bottom:45px;
}
	#details .keyconcept {
		background:url("../images/bg_quotes.gif") no-repeat top left;
		float:left;
		display:inline;
		width:299px;
		margin-right:31px;
	}
		#details .last {
			margin-right:0;
		}
		#details blockquote {
			padding-left:55px;
			margin-left:0;
			font-size:12px;
			font-weight:bold;
			padding-right:0;
			margin-right:0;
			line-height:1.5em;
		}

h2.samples{
	font-size:20px;
	margin-bottom:6px;
}

#columns {
	background:url("../images/bg_sidebar.jpg") no-repeat top right;
}

#samples {
	float:left;
	display:inline;
	width:630px;
	margin-right:31px;
}
	.sample {
		margin-bottom:21px;
	}
	.sample .content {
		float:left;
		display:inline;
		width:299px;
	}
	.sample img {
		float:left;
		display:inline;
		margin-right:31px;
	}
	.sample h3 {
		font-size:12px;
		padding-top:25px;
	}

#sidebar {
	float:left;
	display:inline;
	width:257px;
	padding:24px 21px;
}
	#sidebar h2 {
		font-size:12px;
	}

#footer {
	margin-top:23px;
	border-top:1px solid #d2e3cc;
	padding-top:8px;
	font-size:9px;
	color:#878787;
}
	#footer a {
		color:#878787;
	}
	#footer #copyright,
	#footer #streetcred {	
		display:inline;
		width:49%;
	}
	#footer #copyright {
		float:left;
	}
	#footer #streetcred {
		float:right;
		text-align:right;
	}
		#footer #streetcred a {
			margin-left:20px;
		}
