/* CSS Document */
body{padding:0px; margin:0px; background:#FFF url(images/img5108/b_body.gif) 0 0 repeat-x; color:#848484; font:10px/14px Tahoma, Geneva, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#8a9526; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8a9526; font-weight:bold}

#container{width:734px; position:relative; margin:0 auto;}

/* TOP */

#topPan{width:734px; height:49px; position:relative;}
#topPan img#logo{position:absolute; top:12px; left:28px}

#topPan ul.menu{position:absolute; top:24px; left:0px; width:734px; font-size:1.5em;}
#topPan ul.menu li{height:15px; margin-right:4px; float:left}
#topPan ul.menu li a{height:15px; display:block; }
#topPan ul.menu li a:hover{height:15px;}

#topPan ul.menu li.btn a{ background:url(images/img5108/btn_1.gif) 0 0 no-repeat; padding-left: 16px; margin-left: 20px; }
#topPan ul.menu li.btn a:hover{ background:url(images/img5108/btn_1_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.btn_5{margin-right:0}
#topPan ul.menu li.btn_5 a{width:66px; background:url(images/img5108/btn_1.gif) 0 0 no-repeat; padding-left: 15px;}
#topPan ul.menu li.btn_5 a:hover{width:66px; background:url(images/img5108/btn_1_over.gif) 0 0 no-repeat;}

/* HEADER */

#header{position:relative}
#header img#slogan{position:absolute; top:87px; left:35px}
#header h1 { margin: 0px; padding: 0px; left: 33px; top: 35%; position: absolute; color: white; font-size: 1.5em;}
#header h2 { width: 50%; margin: 0px; padding: 0px; left: 33px; top: 45%; position: absolute; color: yellow; font-size: 3em; letter-spacing: -.1em; text-transform: uppercase;  }

/* CONTENT */

#content{width:734px; position:relative; clear:both;}
#leftPan{width:400px; float:left; margin:0 68px 0 30px; display:inline}
#rightPan{width:205px; float:left; margin:26px 0 0 0;}

#welcome {margin-bottom:14px}
#welcome h2{height:32px; position:relative; }
#welcome p{float:left; width:300px; padding-top:10px}
#welcome p span{display:block; margin-bottom:10px}

#featured h2{height:18px; position:relative; background:url(images/img5108/h_featured.gif) 0 0 no-repeat; margin-bottom:17px}
.fItem{width:190px; float:left}
.fItem p{margin-bottom:10px}
.fItem img{margin-bottom:5px}
.fItem ul{margin-left:5px}
.fItem ul li{font:10px/14px Tahoma, Geneva, sans-serif; background:url(images/img5108/bullet.gif) 0 2px no-repeat; padding-left:17px; height:18px;}
.fItem ul li a{color:#848484; text-decoration:none;}
.fItem ul li a:hover{color:#848484; text-decoration:underline;}
.fItem#lItem{margin:0 20px 0 0}

#news {margin-bottom:15px; font-size: 1.2em }
#news h2{height:18px; position:relative; background:url(images/img5108/h_news.gif) 0 0 no-repeat; margin-bottom:14px }
#news p{margin-bottom:10px }
#news li { margin-bottom: .5em; }

#mortgage h2{height:18px; position:relative; background:url(images/img5108/h_mortgage.gif) 0 0 no-repeat; margin-bottom:14px}
#mortgage p span{display:block; margin-bottom:12px}

.clear#end{height:15px}

/* FOOTER */

#footer{width:734px; height:50px; clear:both; background:#f0f0f0 }
#footer p{padding: 8px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#848484}