body{
padding:0px;
margin:0px;
background:#0B0B0B;
}

/* Header used for page title */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

/* Header used for name on Contact page. */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0B6DC6;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

img { border:0px;}

/* Style to put a border around an image with a bit of a white frame. */
.imageframeTD {
	padding: 2px;
	border: solid 1px #c9c9c9;
	text-align: center;
	margin-right: 10px;
}

a:hover { text-decoration:none}

a { color:#0B6DC6}

ul {margin:0; padding:0; list-style:none}
li  {background: none; margin: 0px; padding:0px}
li a  {line-height:18px; }

/* This overrides the a:link style for the Alcova Mortgage logo and site name that a site visitor can click to go to the home page of the site */
.homelink {
	text-decoration: none;
}

/* The #topnav styles are for the 'Home' and 'Contact Me' link in the masthead */
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	top: 0px;
	float: right;
}
#topnav a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#topnav a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#topnav a:hover {

	color: #FFFFFF;
	text-decoration: underline;
}
/* End 'Home' and 'Contact Me' */

/* This style is for the main font used throughout the site. */
.main_text, body, li, input, textarea, font
	{
		font-family: Tahoma;
		font-size:11px;
		line-height:13px;
		color:#3D3D3D;		
	}

/* This style is used for emphasis.  It is displayed as blue and bold where used. */
font {color:#0B6DC6; font-weight:bold}

/* The following selectors/properties are for the display of the online forms. */
.no_class, form
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;		
	}

.form{height:20px; margin-top:1px;}
.form input, .input	{
	width:221px;
	height:17px;
	border-color:#D0D0D0;
	border-right-width:1px;
	border-bottom-width:1px;
	background-color:#ffffff;
	padding-top:0px;
	font-size: 11px;
}

textarea {
	border-color:#D0D0D0;
	border-right-width:1px;
	border-bottom-width:1px;
	background-color:#ffffff;
	padding-left:5px;
	margin-top:1px;
	height: 80px;
	width: 222px;
	}

.form1{height:20px; margin-top:5px;}
.form1 input, .input1 {
	width:149px; 
	height:17px; 
	border-color:#D0D0D0; 
	border-right-width:1px; 
	border-bottom-width:1px; 
	background-color:#ffffff; 
	padding-left:5px;
	}
/* End of on-line forms. */

/* This defines a table layout */
.d_t {
	display:table;
	height:100%;
	width:100%;
}

/* This defines a table row layout */
.d_r {
	display:table-row;
	height:100%;
	width:100%;
}

/* This defines a table cell in a row */
.d_c {
	display:table-cell;
	float:left;
	height:100%; /* this line doesn't work in safari unless the parent is set to a height non % or auto */
	width:100%;
}

.main { 
	width: 766px; 
	height:823px; 
	margin: auto; 
	text-align:left;
}

.content {
	height: auto;
}

/* Header elements */
.header {
	height:323px;
}

.headertitle {
	color: #FFF;
	height: 72px;
	padding-left: 280px;
	margin-top: 0px;
	line-height: 72px;
	background-image: url(images/contactlogo.jpg);
	background-repeat: no-repeat;
	background-position: 20px;
}

#headerlink {
	color: #FFFFFF;
	text-decoration: none;
}

#headerlink a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#headerlink a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#headerlink a:hover {
	color: #0F8FF1;
	text-decoration: none;
}

.bg_top {
	background:url(images/t-dr.gif) repeat-x top; 
	height:823px;
	}

/* And this is for the background image of the header on all pages other than the home page. */	
.bg_top_sp {
	height:820px;
	background-image: url(images/t_drsp2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.headersp {
	height:152px;
}
/* End of header */

/* Footer elements */
.bg_bottom { 
	background:url(images/b-dr.gif) repeat-x bottom #FFFFFF; 
	height:823px; 
	text-align:center;
	}

.bottom {
	height:84px;
	top: 823px;
	clear: both;
}

.c_text, .c_text a {
	color:#919191;
	text-decoration:none;
	line-height:11px;
	clear: none;
}
.c_text span {
	color:#FFFFFF; 
	text-decoration:none
}

/* The text and link display in footer. */
.c_text a:hover { text-decoration:underline}
.c_text span a { color:#FFCC33; text-decoration:underline}
.c_text span a:hover { text-decoration:none}
/* End of footer elements */

.v_l { background:url(images/v-l.gif) repeat-y; width:1px;}

.h_l { background:url(images/h-l.gif) repeat-x; height:1px}

.mainimage {
	border: 1px solid #666666;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}

/* Display of contact page items */
#contact {
	margin-left: 50px;
	font-size: 12px;
	color: #D4D0C8;
	background-position: 200px;
	margin-top: 12px;
}
#contact h1 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#contact p {
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	margin-top: 0px;
	padding-top: 0px;
}
/* End of contact page */

/* The following is not being used yet. */
.ls_text, .ls_text a { line-height:11px; color:#FFFFFF; text-decoration:none}
.ls_text a:hover { text-decoration:underline}