@import url(template.css);

/*
Home page content styles
*/

#ContentPad,#FooterPad
{
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	padding-left: 2.6em;
	padding-right: 3em;
	padding-top: 1.2em;
}

#ContentPad { padding-bottom: 0; }

/*
-------------------------------------------------------------------
Banner
*/

#home_banner
{
	background: #fefefe url(../images/template/index_banner_bg.jpg) repeat-x left bottom;
	border-bottom: 1px solid #cccccc;
}

/*
-------------------------------------------------------------------
Site intro
*/

#site_intro
{
	float: left;
	width: 34%;
}

#site_introPad { padding: 4.3em 1em 1em 1.5em; }
#site_intro p { color: #0a1f49; }

#site_intro p strong
{
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
}

/*
-------------------------------------------------------------------
Promo blocks

Styles are similar, but kept separate to easy to hack into without
trying to cover two tasks at the same time
*/

/*
Promo 1
*/
#promo1
{
	float: left;
	width: 65%;
	border-left: 1px solid #999db6;
}

#home_banner.promo1
{
	/*this promo uses the parent box for it's image*/
	background: #fefefe url(../images/promos/promo1_bg.jpg) repeat-x right bottom;
}

#promo1Pad { padding: 3em 280px 1.6em 2.5em; }

#promo1 h2
{
	font-size: 2.4em;
	padding: 0;
	margin-bottom: 0.2em;
	background: transparent;
}

#promo1 h2 em { font-style: italic; }

#promo1 p
{
	font-size: 1.1em;
	line-height: 1.6em;
}

/*
Promo 2
*/
#promo2
{
	float: left;
	width: 65%;
	border-left: 1px solid #999db6;
}

#home_banner.promo2
{
	/*this promo uses the parent box for it's image*/
	background: #fefefe url(../images/promos/promo2_bg.jpg) repeat-x right bottom;
}

#promo2Pad { padding: 3em 280px 1.6em 2.5em; }

#promo2 h2
{
	font-size: 2.4em;
	padding: 0;
	margin-bottom: 0.2em;
	background: transparent;
}

#promo2 h2 em { font-style: italic; }

#promo2 p
{
	font-size: 1.1em;
	line-height: 1.6em;
}

/*
-------------------------------------------------------------------
News Headlines
*/

#news_headlines
{
	background-color: #FAFBFC;
	border-bottom: 1px solid #cccccc;
}

#news_headlines h2 { display: none; }
#news_headlinesPad { padding: 0.6em 1em 0.2em 1.5em; }

#news_headlines p
{
	padding-top: 0;
	margin-bottom: 0.6em;
}

#news_headlines a { color: #777777; }

/*
-------------------------------------------------------------------
Sections
*/

#sections { background: #F3F4F7; }

#sections .section
{
	width: 33%;
	float: left;
}

#sections .sectionPad { padding: 2em 2em 1.4em 2em; }

#sections .section h2
{
	margin-top: 0;
	margin-bottom: 0.4em;
	padding: 0;
	font-size: 2.3em;
}