/* CSS Document - TOTAL MORTGAGES */
body
{
    margin:0 auto 0 auto;
	background-color:#ececec;
}

body, p, div, li, td
{
    font:normal 11px Verdana,helvetica,arial,sans-serif;
    color:#666666;
	line-height:15px;
}

/* html elements */
h1
{
	color:#6e6e6e;
	font: normal 30px "Times New Roman", Times, serif;
	border-bottom:thin solid #d2d2d2;
}

h1.side
{
	display:block;
	padding:0 0 0 5px;
	background-color:#9c9c9c;
	color:#ffffff;
	font: normal 20px "Times New Roman", Times, serif;
	border-bottom:1px solid #ffffff;
}

h2
{
	font: bold 20px "Times New Roman", Times, serif;
	color: #3c3c3c;
	letter-spacing:0px;
	margin:0px;
	padding:0px;
	display:inline;
}

h3
{
	display:inline;
	color:#6e6e6e;
	font: bold 16px "Times New Roman", Times, serif;
}

h4
{
	color:#ffffff;
	font: bold 13px "Times New Roman", Times, serif;
	display:inline;
}


p
{
	text-align:justify;
	color: #6e6e6e;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height:1.7em;
}

p.p1
{
	text-align:justify;
	color: #000000;
	font-family: Verdana, sans-serif, Arial;
	font-size: 11px;
	line-height: 14pt;
	line-height:1.7em;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a:visited
{
	/*color:#ff6000;*/
}

input
{
	width:98%;
	border:1px solid #cecece;
	font: normal 12px Arial, Helvetica, sans-serif;
}

button
{
	display:block;
	width:70px;
	height:25px;
	font-weight:bold;
	background-color:#dd2721;
	border:1px solid #ffffff;
	margin:15px 0 0 0;
	color:#ffffff;
}

/***********/
/* Classes */
/***********/
img.no-border
{
	border:0;
}

p.copyright
{
	color:#3c3c3c;
	font-family:Verdana, sans-serif, Arial;
	font-size:9px;
	text-align:right;
	padding:5px 5px 0 0;
}

div.floatLeft
{
	float:left;
}

div.clearBoth
{
	clear:both;
}

/* Total Mortgages */
div.navImg
{
	float:left;
	width:275px;
	height:32px;
}

div.navMenu
{
	float:left;
	width:440px;
	margin:93px 0 0 60px;
	height:32px;
}

div.navButton
{
	float:left;
	margin:0 0 0 5px;
}

div.navButton a
{
	background-color:#ececec;
	text-decoration:none;
	display:block;
	height:32px;
	width:80px;
	background-image:url(image/nav-but-1.gif);
}

div.navButton a:hover
{
	text-decoration:none;
	background-image:url(image/nav-but-2.gif);
}

div.navButton a.selected
{
	background-color:#ececec;
	display:block;
	height:32px;
	width:80px;
	text-decoration:none;
	background-image:url(image/nav-but-3.gif);
}

div.navButton a.selected:hover
{
	text-decoration:none;
	background-image:url(image/nav-but-3.gif);
}

span.navWords
{
	display:block;
	text-align:center;
	padding:8px 0 0 0;
	color:#666666;
	font: bold 12px Arial, Helvetica, sans-serif;
}

div.callBackRow
{
	margin:5px 0 5px 0;
}

p.side
{
	color: #6c6c6c;
	font:normal 9px Verdana, sans-serif, Arial;
	display:inline;
	text-align:justify;
	line-height:1.6em;
}
/*******************/
/* Generic Classes */
/*******************/
.center
{
	text-align:center;
}

.clearFloats
{
	clear:both;
}

/*************/
/* Structure */
/*************/
#page
{
	text-align:left;
    width:780px;
    margin:0 auto 0 auto;
    background-color:#ffffff;
}

#titleStructure
{
	width:100%;
	height:125px;
	background-image:url(image/title-bg.gif);
}

#title
{
    margin:0 auto 0 auto;
	width:780px;
	height:125px;
}

#contentStructure
{
	background-color:#ececec;
}

#content
{
	border:5px solid #d2d2d2;
	padding:10px;
	margin:10px auto 0 auto;
	width:770px;
	background-color:#ffffff;
}

#content-left
{
	float:left;
	width:480px;
}

#content-right
{
	height:100%;
	float:left;
	background-color:#ececec;
	width:250px;
	margin:33px 0 0 20px;
	padding:10px;
    font:normal 10px Arial, Helvetica, sans-serif;
}

#footer
{
	clear:both;
	margin:30px 28px 20px 28px;
    padding:5px;
	color:#606060;
}

#compliance
{
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:right;
	padding:10px;
}

/* Total Mortgages */ 
#main-image
{
	margin:0 0 10px 0;
}

#callBack
{
	margin:10px 0 0 0;
	background-color:#ececec;
	border:1px solid #cecece;
	padding:5px;
}

div.ucLogo
{
	margin:150px 0 0 0;
	text-align:center;
}

div.ucText
{
	margin:20px 0 0 0;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

div.ucContact
{
	margin:20px 0 0 0;
	font:bold 24px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#map
{
	float:right;
	margin-left:10px;
	margin-right:5px;
	width:270px;
	height:214px;
}

div.address
{
	padding:10px;
	width:200px;
	margin-top:10px;
	background-color:#fcfcfc;
	border:1px solid #999999;
}

div.telephone
{
	padding:10px;
	width:200px;
	margin-top:10px;
	background-color:#fcfcfc;
	border:1px solid #999999;
}

div.telephone span
{
	font:bold 16px Arial, Helvetica, sans-serif;
}

div.fax
{
	width:200px;
	margin-top:10px;
	padding:10px;
	background-color:#fcfcfc;
	border:1px solid #999999;
}

div.fax span
{
	font:bold 16px Arial, Helvetica, sans-serif;
}

div.email
{
	font:bold 12px Arial, Helvetica, sans-serif;
	width:200px;
	margin-top:10px;
	padding:10px;
	background-color:#fcfcfc;
	border:1px solid #999999;
}

#statement
{
	margin:14px 0;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#statementMargin
{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	border:2px solid #ff0000;
	background-color:#ffffff;
	text-align:center;
}

#compliance
{
	margin:14px 0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#complianceMargin
{
	padding:2px;
	border:1px solid #cecece;
	background-color:#ececec;
}

#complianceMargin div
{
	text-align:center;
	margin:10px auto;
}

#valid
{	
	width:770px;
	margin:0 auto 0 auto;
}

div.valid-padding
{
	float:right;
	text-align:center;
	margin:0 0 20px 0;
	padding:3px 3px 5px 3px;
	background-color:#ffffcc;
	width:268px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}

div.valid-padding span a
{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}