/*
 * Css for homepage template variations from base.
 */

html {
	background: #db1512 url(/images/bg_body_home.jpg) repeat-x left top;
}

/*////////////////
*	Home page specific
*	389px wide
////////////////*/

#header {
	height: 505px;
}

#header #banner {
	margin: 55px 20px 46px 544px;
	width: 375px;
	height: 182px;
	padding: 0;
}
body.editmode #header #banner {
	/*allow space for headers in editmode*/
	margin: 05px 20px 46px 544px;
	height: auto;
} 
body.home #header #banner h1,
body.home #header #banner a {
	color: white;
}
body.home #header #banner h1 {
	font-size: 1.2em;
}
body.home #header #banner a:hover {
	text-decoration:none;
}

 
/*////////////////
*	Three columns on the homepage
////////////////*/
#container div.column {
	width: 300px;
	margin-left: 20px;
	padding: 0;
	float: left;
	display: inline; /*IE6*/
	height: auto;
}
#container div.column div.inner {
	background:  url(/images/bg_home_cols.jpg) repeat-x left top;
	overflow: hidden;
	min-height: 400px;
	_height: 400px; /*IE6*/
	padding: 10px 0 30px 0;
}
#container div#content {
	/*First col so no margin*/
	margin-left: 0px;
	min-height: auto;
}
#container div.column h2.header {
	background: url(/images/bg_home_cols_head.png) repeat-x left top;
	margin: 0;
	padding: 0.5em 20px;
	color: #ec5552;
	font-size: 1em;
}
#container div.column a {
	color: #460908;
}
#container div.column a:hover  {
	text-decoration:none;
}
#container #news ul.seymour {
	margin: 0.5em 20px;
}

#container #news ul.seymour li {
	padding-left: 10px;
	background: url(/images/bg_li_home.gif) no-repeat scroll -5px 1px;
	margin-bottom: 0.4em;
	color: #460908;
}
#container #news ul.seymour li span {
	display: block;
}

 
/*////////////////
	Homepage block
	300px plus p margin
////////////////*/
#content div.homepageblock {
	padding: 1px 0;
	width: 300px;
	zoom: 1;
	float: none;
	clear: none;
	margin: 0px 0 0 0;
	overflow: hidden;
}
div.homepageblock p {
	color: #460908;
	margin-left: 130px;
	padding-left: 20px;
	background: url(/images/bg_li_home.gif) no-repeat 5px 1px;
}
div.homepageblock .thumb {
	display: block;
	margin-left: -135px;
	margin-top: -4px;
	background: url(/images/bg_home_thumb.png) no-repeat top left;
	padding: 4px 5px;
	float: left;
	display: inline; /*IE6*/
}
div.homepageblock .thumb img {
	display: block;
	background: #ec7877;
	padding: 1px;
	border: 1px #f3a5a4 solid;
}

div.homepageblock .info li {
	list-style-type: none;	
	display: list-item;
	margin: 1px 0;
}
div.homepageblock .info li a {
	background: #e31c23;
	color: #fff;
	display: block;
	padding: 2px 8px;
	text-decoration: none;
	text-transform: uppercase;
}
div.homepageblock .info li a:hover {
	background: #fff;
	color: #e31c23;
	text-decoration: underline;
}


 
 /*////////////////
	Sign up form
////////////////*/
div.signupform {
	padding: 1px 0;
	width: 300px;
	zoom: 1;
	float: none;
	clear: none;
	margin: 0px 0 0 0;
	overflow: hidden;
	color: #460908;
}
div.signupform label {
	/*float: none;*/
	display:none;
}
div.signupform span.blk {
	display: block;
	float: none;
	margin-right: 0;
}
div.signupform input {
	width:254px;
}
div.formElement.valid {
	padding: 1px 0;
}
div.signupform .invalidFormHeader {
	font-size: 1.1em;
	color:#460908;
	font-weight: bold;
}
div.signupform p,
div.signupform h3 {
	margin: 0.3em 20px;
}
div.formElement.invalid {
	border: none;
	background: #f3a5a4;
	margin:0px 0;
	padding:1px 1px;
}

 
 /*////////////////
*	Footer
////////////////*/
#footer {
	border-top: 1px #ec5552 solid;
}
#footer p,
#footer a {
	color: #ec7877;
}
#footer a:hover {
	text-decoration:none;
}
#footer div div {
	border-left: 1px #ec5552 solid;
}