/*
		Key Mortgage Stylesheet
		Creation Date: October 18, 2005
		Last Modified: October 18, 2005
		Author: Chris Riehl
	*/

/* body Element Styles
	-----------------------------------------------*/
html, body
{
	height: 100%;
}

body
{
	/* margin: 10px 0px 0px 10px; */
	margin:0;
	padding: 0;
	background: #696969;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url("../_images/background.jpg");
}

form
{
	margin: 0;
	padding: 0;
}



/* Main Element Styles
-----------------------------------------------*/

#AdvisorContainer
{
	background: #FFFFFF;
	height: 76px;
	border: 1px solid #515151;
	margin-bottom: 10px;
}



#AdvisorContactBox
{
	float: right;
	background: #DEDEDE;
	border: 1px solid #515151;
	width: 156px;
	padding: 9px 9px 9px 9px;
}



#AdvisorContent
{
	height: 38px;
	background-image: url("../_images/advisorContentImage.jpg");
	padding-top: 8px;
	padding-left: 81px;
}



#AdvisorImage
{
	position: absolute;
}



#AdvisorTitle
{
	height: 22px;
	background-image: url("../_images/advisorTitleGrad.jpg");
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 8px;
	padding-left: 81px;
}


#Container
{
	margin: 0 auto;
	margin-top: 17px;
	width: 780px;
	background: #FFFFFF;
	border: 1px solid #515151;
}



#Content
{
	float: left;
	width: 761px;
	background: #B5B5B5;
	border: 9px solid #FFFFFF;
}
#Content #Header
{
	float: left;
	width: 761px;
	height: 47px;
	background-color: #333290;
	background-image: url("../_images/headerImage.jpg");
}
	#Content #Header #Home
	{
		float:right;
		width:50px;
		text-align:center;
		margin-right: 9px;
		margin-top: 9px;
		font-size:9pt;
	}
		#Content #Header #Home a
		{
			color:#FFFFFF;
			text-decoration: none;
		}
		#Content #Header #Home a:hover
		{
			color:#FFFFFF;
			text-decoration: underline;
		}
#Content #Menu
{
	float: left;
	width: 761px;
	height: 30px;
	background: #FE6601 url("../_images/menuGrad.jpg");
	border-top: 1px solid #9A9BB6;
}
#Content #Menu #MenuButtonSpacer
{
	float: left;
	padding-top: 6px;
	width: 200px;
	height: 24px;
	font-size: 12px;
	text-align: center;
}
#Content #Menu #MenuButton
{
	float: left;
	padding-top: 6px;
	height: 24px;
	font-size: 12px;
	text-align: center;
}
#Content #Menu #MenuButton a
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	padding: 7px 6px 8px 6px;
	background-image: url("../_images/menuGrad.jpg");
}
#Content #Menu #MenuButton a:hover
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-image: url("../_images/menuOver.jpg");
}

#Content #InnerContent
{
	float: left;
	height: auto;
	width: 550px;
	padding: 9px 9px 0px 0px;
	margin-top: 9px;
	background-image: url("../_images/innerContentBack.jpg");
	color: #000000;
}
#Content #InnerContent #InnerBody
{
	float: left;
	color: #000000;
	width: 500px;
	padding: 9px 9px 0px 9px;
}
#Content #InnerContent #InnerBody p
{
	margin: 5px 0px 5px 0px;
}
#Content #InnerContent #InnerBody b
{
	color: #BC4D03;
	font-size: 14px;
}
#Content #InnerContent #InnerBody br
{
	margin: 5px 0px 5px 0px;
}
#Content #InnerContent #InnerBody td
{
	color: #000000;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}


#Content #InnerApply
{
	float: left;
	height: auto;
	width: 537px;
	margin-top: 9px;
	background-image: url("../_images/backApply.jpg");
}
#Content #InnerApply #InnerBody
{
	float: left;
	color: #000000;
	width: 530px;
	padding: 8px 8px 8px 8px;
	font-size: 10pt;
}
#Content #InnerApply #InnerBody p
{
	margin: 5px 0px 5px 0px;
}
#Content #InnerApply #InnerBody b
{
	color: #BC4D03;
	font-size: 14px;
}
#Content #InnerApply #InnerBody br
{
	margin: 5px 0px 5px 0px;
}



#Content #ColumnImage
{
	float: left;
	padding: 49px 9px 0px 9px;
}

#Content #ColumnBody
{
	float: left;
	border: 1px solid #515151;
	padding: 9px 9px 9px 9px;
	margin-top: 9px;
	width: 258px;
	background: #FFFFFF;
	color: #000000;
}
#Content #ColumnBody h1
{
	color: #BC4D03;
	font-size: 14px;
	margin: 0px 0px 9px 0px;
}
#Content #DefaultBoxes
{
	float: left;
	width: 245px;
	margin-left: 9px;
}
#Content #DefaultBoxes #ApplyNow
{
	float: left;
	clear: both;
	background: #DEDEDE url("../_images/applyImage.jpg");
	height: auto;
	width: 260px;
	border: 1px solid #515151;
	margin-top: 9px;
	color: #000000;
}
#Content #DefaultBoxes #FindConsultant
{
	float: left;
	clear: both;
	background: #BEA492 url("../_images/FindImage.jpg");
	height: auto;
	width: 260px;
	border: 1px solid #515151;
	margin-top: 9px;
	color: #000000;
}
#Content #DefaultBoxes #Calculator
{
	float: left;
	clear: both;
	background: #FE6601;
	width: 242px;
	border: 1px solid #515151;
	margin: 9px 0px 0px 0px;
	padding: 9px 9px 9px 9px;
}
#Content #DefaultBoxes #Calculator b
{
	color: #632902;
	font-size: 13px;
}
#Content #DefaultBoxes #Calculator #MorText
{
	float: left;
	clear: right;
	padding-top: 4px;
	width: 90px;
}
#Content #DefaultBoxes #Calculator #ErrText
{
	padding-top: 4px;
	width: 242px;
}
#Content #DefaultBoxes #Calculator #InputText
{
	float: left;
	width: 150px;
}
#Footer
{
	clear: both;
	float: left;
	width: 761px;
	height: 25px;
	margin-top: 9px;
	padding: 13px 0px 5px 0px;
	border-top: 1px solid #9A9BB6;
	background: #2c2c68 url("../_images/footerGrad.jpg");
	background-repeat: repeat-x;
	text-align: center;
	font-size: 9pt;
}
	#Footer a
	{
		font-size: 9pt;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}

	#Footer a:hover
	{
		font-size: 9pt;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}

#logoBoxShadow
{
	margin: -154px 0px 0px 0px;
	position:absolute;
	background-image: url("../_images/logoBoxBackground.jpg");
	width: 183px;
	height: 150px;
	text-align: center;
}
#logoBoxShadow #Logo
{
	background: #333290;
	border: 9px solid #FFFFFF;
	width: auto;
	height: 84px;
	margin-right: 2px;
	padding-top: 40px;
	margin-left: 0px;
}



/*   Text Class  
----------------------------------------------------*/

a.link
{
	color: #FE6601;
	text-decoration: none;
}

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


a.menu
{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.tableText
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 12pt;
}

a.titleLink
{
	color: #BC4D03;
	font-size: 13px;
	text-decoration: none;
}

a.titleLink:hover
{
	color: #BC4D03;
	font-size: 13px;
	text-decoration: none;
}

#item
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 11px;
}

.textBoxes
{
	width: 90px;	
}