/*-----------------------------------------------------------------------------------------------
CSS for mortgagedecisions.info, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/

/*-------------END-----------------*/

body {
font-family:  "Arial";
font-size: 12px;
color: #fff;
background: #313131;
margin: 0;
padding: 0;
height: 100%

}

#outer {
width:742px; 
margin-left:auto;
margin-right:auto;
position:relative;
height: 100%;
margin-top: 0;
margin-bottom: 0;
}


#logo {
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
background-color:#313131;
width: 742px;
height: 93px;
color: #000;
margin-left: auto;
margin-right: auto;
font-size:14px;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color:#666;
text-decoration:none;
}

a:hover {
color:#f00;
text-decoration:none;
}

a:active {
color:#f00;
}

a.current {
text-decoration:underline;
color: #414522;}

.font{
color:#666;
}


.link:link, .link:visited {
color:#fff;
text-decoration: underline;
}

.link:hover {
color:#f00;
text-decoration: underline;
}

.link:active {
color:#f00;
text-decoration:underline;
}

.green{
color:#6fbe13;
}

.blue{
color:#4690ab;
}

.red{
color:#d25900;
}

.yellow{
color:#eda501;
}



/*-----------------------------------------------------------------------------------------------------------------------------------
                                                      Menu												-----------------------------------------------------------------------------------------------------------------------------------*/

.menu{
margin-top: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: 5px;
	margin-top:3px;
	list-style: none;
	width: 224px;
	float:left;
}

.menu li{
}

.menu li a{
	display: block;
	color:#fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	width: 183px;
	padding:18px 0 17px 35px; /*Padding to accomodate left tab image. Do not change*/
	margin-right: 6px;
	margin-top: -1px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}

.menu li.current a{ 	
	color: #fff;
	background-color:#666666;

}

.menu li a:hover{
 	color: #fff;
	background-color:#434343;
 }

.clear {
clear:both;}


/*-----------------------------------------------------------------------------------------------------------------------------------
                                                      Menu Foot											-----------------------------------------------------------------------------------------------------------------------------------*/

.menu2{
	margin-top: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: 0px;
	list-style: none;
	text-align:right;
	width:328px;
}

.menu2 li{
float: left;
text-align:right
}

.menu2 li a{
float: left;
	color:#ccc;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
	list-style-type:none;
}

.menu2 li a:hover{
 	color: #ccc;
	text-decoration:underline;
 }

.clear {
clear:both;}




/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/



h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#flash{
width:510px;
height: 209px;
float:left;
margin-top: 0px;
padding-top:3px;
padding-left: 3px;
background: url(../images/flash-holder.jpg) no-repeat;
}

* html #flash{
padding-top:3px;

}

#mortgagebox{
padding-top: 7px;
width:742px;
}

#content {
text-align:center;
width:742px;
margin-left: auto;
margin-right: auto;
padding: 0;
background-image:url(../images/body.jpg);
background-repeat:no-repeat;
}

.left {
padding-top: 50px;
padding-left: 8px;
padding-right: 8px;
margin-right: 0px;
margin-bottom: 2px;
margin-top: 10px;
width: 166px;
float: left;
text-align:left;
background-image:url(../images/servtop.jpg);
background-repeat:no-repeat;
}


.right {
float: left;
margin-bottom: 2px;
padding: 10px;
width: 540px;
text-align: justify;
}

* html .right {
float: left;
margin-bottom: 2px;
padding: 10px;
width: 520px;
text-align: justify;
}

.leftmain {
width: 260px;
float: left;
padding-right: 12px;
text-align: justify;
/*-- background:url(../images/divide.jpg) repeat-y;
background-position:right; --*/
}

.rightmain {
width: 260px;
float: right;
text-align: justify;
}


* html .leftmain {
width: 250px;
float: left;
padding-right: 12px;
text-align: justify;
/*-- background:url(../images/divide.jpg) repeat-y;
background-position:right; --*/
}

* html .rightmain {
width: 250px;
float: right;
text-align: justify;
}


#footer {
border-top: 1px solid #222;
width:742px;
height: 82px;
color:#FFFFFF;
margin-left: auto; 
margin-right: auto; 
padding-top: 5px;
font-size: 88%;
}

.foottext {
float: left;
}