/* CSS Document */
/* Mutual Credit Finance */
/* written by hairyLemon */
/* 01 December 2008*/

body {
text-align:center;
background-image:url(../img/mcbg.jpg);
background-position:top;
background-color:#FFFFFF;
background-repeat:repeat-x;
padding: 0px;
margin: 0px;
}

/*-------- puts site in center of browser ---------*/
#frame {
width:953px;
background:url(../img/frame.gif) repeat-y top left;
margin:8px auto;
	padding:0 4px 0px 3px;
}
	
#top{
background-image:url(../img/top.jpg);
background-position:top;
background-repeat:no-repeat;
height:45px;
width:953px;
padding:0px;
margin:0px;
}

#header{
height:248px;
background-color:#FFFFFF;
width:953px;
}

#flash{
float:left;
padding:0px 0px 0px 23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c698b;
}

#buttons{
padding:7px 20px 0px 0px;
float:right;
width:227px;
}

#buttons img{
padding:0px 0px 5px 0px;
border:0px;
}

#nav{
background-image:url(../img/nav-bg.jpg);
background-repeat:repeat-x;
background-position:top;
text-align:left;
}

#nav ul{
margin:0px 0px 0px 0px;
padding:7px 0px 0px 30px;
height:25px;
}

#nav li{
display:inline;
padding:0px 8px 0px 0px;
}

#nav a:link, #nav a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c698b;
text-decoration:none;
text-transform:uppercase;
padding:8px 5px 0px 0px;

}

#nav a:hover{
color:#72c2db;
/*background:url(../img/nav-pointer.gif);
background-repeat:no-repeat;
background-position:center;
border:1px red solid;*/
}

/*------------content area------------------*/

#content{
background:url(../img/content-bg.gif) top repeat-x #ffffff;
margin:0;
padding:0;
/*padding:0px 0px 0px 0px;
margin:0px;*/
/*border:1px red solid;*/
min-height:350px;
width:953px;
}

#content-left{
float:left;
padding:0px;
margin:40px 0px 0px 0px;
padding:0px 10px 0px 30px;
width:634px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c698b;

}

#content-left p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c698b;
}

#content-left a:link, #content-left a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0e2956;
text-decoration:none;
}

#content-left a:hover{
text-decoration:underline;
}

#content-left h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#34aed7;
padding:0px 0px 0px 0px;
margin:0px 0px 3px 0px;
}

#content-left h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#34aed7;
padding:20px 0px 0px 0px;
}


#content-right{
float:right;
width:236px;
margin:70px 20px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c698b;
}

#content-right img{
border:0px;
padding:0px 0px 10px 0px;
}

#creditworthy {
background:url(../img/creditwothinessBg.gif) top right no-repeat;
height: 161px;
width: 226px;
padding-left: 5px;
}

#creditworthy p {
margin: 4px;
color: #fff;
}

#creditworthy a {
color: #fff;
}

/*--------feature box-------*/

#feat {
width: 637px;
color: #fff;
}

#feat p {
color: #fff;
}

#feattop {
width: 637px;
height: 8px;
}

#featbottom {
background:url(../img/featbot.gif) no-repeat left bottom;
width: 637px;
}

#feattxt {
width: 627px;
padding: 5px;
}

#feat h3 {
color: #fff;
font-size: 14px;
padding: 0px;
margin: 0px;
}

/*--------calculator styles-------*/

#calculator
{
 padding:0px;
 width:400px;
 margin-right:auto;
 margin-left:auto;
}

#price, #deposit, #allowance, #frequency, #loanTerm
{
 padding: 2px 2px 2px 2px;
 text-align:right;
}
#price label
{
 margin-right:70px;
}

#deposit label
{
 margin-right:166px;
}

#allowance label
{
 margin-right:165px;
}

#loanTerm label
{
 margin-right: 75px;
}

#frequency label
{
 margin-right:9px;
}

#Button
{
 text-align:right;
 padding:3px;
 margin-top:10px;
}
#Button #clr
{
 padding-right:3px;
}
#Button #cal
{
 padding-left:3px;
}
#result
{
 visibility:hidden;
 border:1px solid #cccccc;
 padding:4px;
}

#PaymentValue
{
 color: #0055a4;
 font-weight:bold;
}

#close
{
 text-align:center;
}


#print
{
 text-align:center;
}

/*--------- footer ------------*/
#footer{
background:url(../img/footer.jpg) no-repeat left;
height:119px;
}

#hl {
	width:960px;
	margin:5px auto 0 auto;
	padding:0 15px 10px 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0e2956;
}

#hl a:link, #hl a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0e2956;
text-decoration:none;
}

#hl a:hover {
color:#0e2956;
text-decoration:underline;
}