@import url(core.css);
@import url(header.css);
@import url(footer.css);

/* TEMPLATE ---------------------------------------------------------- */

div#content {
	clear: both;
	float: left;
	width: 100%; height: auto;
	padding: 0; margin: 0;
}
div#content div#heropane {
	clear: both;
	float: left;
	width: 100%; height: 338px;
	
	padding: 0; margin: 0;
}
div#content div#heropane div#heroleft {
	float: left;
	width: 200px; height: 338px;
	padding: 0; margin: 0;
}
div#content div#heropane div#heroleft img {
	font-size: 0px; line-height: 0px;
	padding: 0; margin: 242px 0 0 25px;
}
div#content div#heropane div#heromain {
	float: left;
	width: 512px; height: 338px;
	border: 1px solid #CCC;
	padding: 4px; margin: 0;
}
div#content div#heropane div#heromain img {
	display: block;
	width: 512px; height: 338px;
	font-size: 0px; line-height: 0px;
	background-color: #FFF;
}
div#content div#heropane div#heroright {
	float: left;
	width: 145px; height: 338px;
	background: transparent url(../images/bg_arrow.gif) 0px 242px no-repeat scroll;
	padding: 0; margin: 0;
}



div#content div.article {
	clear: both;
	float: left;
	display: inline;
	width: 785px; height: auto;
	padding: 0; margin: 20px 0 0 200px;
}
div#content div.article div.column {
	float: left;
	width: 360px; height: auto;
	padding: 0 30px 0 0; margin: 0;
}
div#content div.article h2 {
	font: normal 2.6em/1.12 Arial, sans-serif;
	color: #999;
	letter-spacing: -1px;
	padding: 0; margin: 0;
}
div#content div.article h3.category {
	font: normal 2.1em/1.0 Arial, sans-serif;
	color: #0078BC;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 0; margin: 0;
}
div#content div.article p {
	font-size: 1.2em; line-height: 1.8;
	color: #333;
	padding: 0; margin: 0 0 15px 0;
}
div#content div.article ul {
	padding: 0; margin: 0 0 15px 0;
}
div#content div.article ul li {
	list-style-type: square;
	font-size: 1.2em; line-height: 1.8;
	color: #333;
	padding: 0; margin: 0 0 0 30px;
}
div#content div.article a {
	font-weight: bold;
}