/* CSS Document */

html, body {
background: #FFFFFF; margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 85%; line-height: 1.4em; }

#pagewidth {
width: 720px; padding: 0 20px 0 20px; 
margin: 0 auto 0 auto;
background: url(../images/bg_base.gif) repeat-y; }

.clear { clear: both; }

/* =================================================

		H E A D E R

================================================== */

#header {
background: url(../images/header.gif); clear: both;
width: 714px; height: 146px; text-indent: -999999px; overflow: hidden; margin: 0 auto 0 auto; }

/* =================================================

		N A V I G A T I O N

================================================== */

#navigation { 
list-style: none; margin: 0 auto 0 auto; padding: 0;
background: url(../images/menu_bg.gif); width: 714px; height: 28px; }

#navigation li { display: inline; }

#navigation li a { float: right; display: block; height: 28px; text-indent: -999999px; overflow: hidden; }

a.home { background: url(../images/buttons/home.gif) -74px 0; width: 74px; }
a.home:hover { background: url(../images/buttons/home.gif) 0 0; }

a.tools { background: url(../images/buttons/mortgage-tools.gif) -127px 0; width: 127px; }
a.tools:hover { background: url(../images/buttons/mortgage-tools.gif) 0 0; }

a.loaninfo { background: url(../images/buttons/loan-info.gif) -93px 0; width: 93px; }
a.loaninfo:hover { background: url(../images/buttons/loan-info.gif) 0 0; }

a.a2info { background: url(../images/buttons/annarbor-info.gif) -107px 0; width: 107px; }
a.a2info:hover { background: url(../images/buttons/annarbor-info.gif) 0 0; }

a.contact { background: url(../images/buttons/contact.gif) -106px 0; width: 106px; }
a.contact:hover { background: url(../images/buttons/contact.gif) 0 0; }

a.links { background: url(../images/buttons/links.gif) -106px 0; width: 106px; }
a.links:hover { background: url(../images/buttons/links.gif) 0 0; }

/* =================================================

		IMAGE STYLING

================================================== */

.bout { 
margin: 0 -20px 0 -20px; }

.fl { float: left; }

.fr { float: right; }

/* =================================================

		L E F T C O L U M N

================================================== */

#left_col {
width: 482px; float: left; margin-left: -5px; }

.lwrapper {
background: url(../images/entry_bottom.gif) bottom no-repeat; padding-bottom: 20px;}

.left_cont { 
background: url(../images/entry_one.gif) no-repeat top;
padding: 20px; }

#AnnInfo { border: 1px solid #BDBDBD; margin: 7px; width: 463px;}

#AnnInfo h4 { margin: 10px; }

#a2info { background: url(../images/annarbor-info-header.gif);
margin: 0; text-indent: -999999px; height: 26px; overflow: hidden;}

.lcol { border: 1px dashed #CCCCCC; width: 17%; float: left; }

#target { clear: both; }

.tricol { width: 31%; float: left; padding-left: 10px; }

.twocol { width: 48%; float: left; padding-left: 10px; }

.domtab { background: url(../images/tools_bg.gif) top no-repeat; }
.domtab h2 { margin-left: 10px; }

.domtabs { list-style: none; padding: 0; margin: 15px 0 0 2px;}
.domtabs li { float: left; background: #CCCCCC; padding: 3px; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 1px solid #333333; text-transform: uppercase; text-decoration: none; font-size: 80%; }
.domtabs li a { text-decoration: none; color: #000000;}
.domtabs li.active { background: #FFFFFF; border-bottom: none; }
.domtabs li a:hover { color: #333333; }

/* =================================================

		R I G H T - C O L U M N

================================================== */

#right_col { width: 210px; padding: 15px; float: right; background: url(../images/sidebar-bg.gif); margin: 10px 0 0 0; }

#specials { background: url(../images/monthly-specials.gif) no-repeat top;
margin: -15px -13px 0 -10px; text-align: right; padding: 20px 10px 0 0; height: 167px;}

#specials p { width: 75px; float: right; margin-right: 5px; }

#featured { background: url(../images/featured-products.gif);
width: 229px; height: 23px; clear: both; margin-left: -8px; text-indent: -999999px; overflow: hidden;}

h5 { background: url(../images/product_bg.gif); font-size: 16px; font-weight: 100; margin: 30px -5px 0 -5px; }
h5 span { display: block; margin: 0; font-size: 12px; text-transform: uppercase; color: #333333; }
/* =================================================

		F O O T E R

================================================== */

#footer {
background: #607DA2; text-align: center; color: #FFFFFF; height: 20px; margin-top: 10px; }

#footer p { font-size: 8px; }

#footer a { color: #FFCC00; }

/* =================================================

		T Y P O G R A P H Y

================================================== */

h2 { font-weight: 100; font-size: 130%; color: #607DA2; text-transform: uppercase; }

#right_col ul { margin:0; padding: 10px; }

/* =================================================

		F O R M

================================================== */

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
  
}

/* =================================================

		L I N K S

================================================== */

a { color: #0066CC; }

a:hover { text-decoration: none; }

li.email { list-style: none; background: url(../images/email-yellow.gif) left no-repeat; padding: 0 0 0 25px; margin-left: 0; }