/* www.mortgageforce.co.uk - basic CSS style sheet */

body {
	background-color:#F4F8FF;
}

#content {
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F4F8FF;
}

/* Start of initial logo header */

#header {
	clear:both;
	width:100%;
	margin-bottom:10px;
	color:#009FC2;
	border:1px #F4F8FF solid;	
}

#header_l {
	float:left;
	margin-top:35px;
	width:310px;
	height:65px;
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	color:#009FC2;
}

#header_r {
	float:right;
	width:310px;
	height:100px;	
}

#header_m {
	width:310px;
	height:65px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	color:#009FC2;
	text-align:center;

}

/* end of initial logo header */

#headache
{
	clear:both;
	background-color: #FFFFFF;
	border: 1px #009FC2 solid;
	margin:0px 0px 20px 0px;
	padding: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width:976px;
}


/* start of picture banner */

#banner {
	clear:both;
	width:100%;
	height:237px;
	margin-bottom:10px;
	border:1px #F4F8FF solid;	
}

#banner_l {
	float:left;
	width:320px;
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	color:#009FC2;
}

#banner_l img,#banner_r img,#banner_m img,#banner_m_2 img {
	border:none;
}

#banner_r {
	float:right;
	width:320px;
}

#banner_m {
	width:320px;
	height:192px;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	font: 28px Verdana, Arial, Helvetica, sans-serif;
	color:#009FC2;
	text-align:center;
}

#banner_m_2 {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

/* start of picture banner */

#main_nav {
	list-style: none; /* remove the bullets */
	margin: 5px;
	padding: 0; /* no need for margins or padding */
	width: 100% /* important for later */
}

#main_nav li {
	float: left; /* we want these to display inline, but we want them block level for later so no display: inline; */
	width: 192px;
	height:28px;
	text-align: center; /* center all text */
	background-color:#009FC2;
	margin:0 1px 0 1px;
	padding-top:7px;
}

#main_nav li a {
	text-decoration:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;

}

#main_nav li a:hover {
	color:#0000FF;

}

#scroller_container {
	width:320px;
	height:200;
	margin:0px 0px 20px 0px;
	border:solid 1px;
	clear:left;
	float:left;
}

#scroller {
	position:relative;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:310px; height:150px;
	background-color:#F4F8FF;
	border:none; margin:20px 0 0 5px;
}

#scroller p#date {
	font-size:0.8em;
}

#scroller h4 {
	font-size:1.5em;
}


/*-- Start of footer --*/

#footer {
	clear:both;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 10px 20px 10px;
}

#footer h1{
	font:14px Verdana, Arial, Helvetica, sans-serif bold;
}

/*-- End of footer --*/