body { background-image: url(../images/bg.jpg); background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ccc;}
a {color: #036;}
h2 {font-size: 1.5em; color: #003; font-weight: bold;}
img {border: none;}

select {font-size: 11px}

#container {width: 748px; background-color: #FFF; /*border: 1px solid black;*/ margin: auto; text-align: center; margin-top: -7px; padding-top: 0;}
*:first-child+html #container {margin-top: -14px;} /* ie 7 */
* html #container {margin-top: -14px;} /* ie 6 */


#masthead {width: 748px; height: 120px; padding: 0; margin: 0;}
#masthead a img {border: 0;}
#table, td {text-align: left;}

#navbar {width: 748px; height: 35px; background-color: #e6282a; background-image: url(../images/bg_nav.jpg); background-repeat:repeat-x; text-align: left; line-height: 30px; color: #ddd;  padding-top: 15px; border: none;}
html>body #navbar {margin: 0; padding-top: 5px; height: 30px;}
* html #navbar {margin: 0; padding-top: 15px; height: 20px;} /* ie 6 */

#navbar a {color: white; font-weight: bold; text-decoration: none;}	
#navbar a:hover {color: white; font-weight: bold; text-decoration: underline;}
#navbar a.initial {margin-left: 12px;} 
#navbar img {margin-left: 15px;}
#separator {width: 748px; height: 3px; background-color: #006; margin: 1px 0; line-height: 3px;}
#maingraphics {width: 748px; margin: 0; background-image: url(../images/bg_find_your_next.gif); background-repeat: repeat-x; }
#maingraphics a {text-decoration: none; border: 0;}
#maingraphics a img {border: 0;}

#search {height: 165px; width: 459px; background-image: url(../images/find_your_next.jpg); background-repeat: no-repeat; background-position: 20px 0px; float: left;}
* html #search {width: 450px;} /* ie6 */
#search {padding: 0; margin: 0; text-align: left;}
#search * {margin:0; padding: 0;}
#search form {width: 210px; margin-left: 200px; margin-top: 15px;}
#search p {margin-bottom: 1px; color: #930; margin-top: 5px;}
/* *:first-child+html #search p {padding: 0;} */

#search select {margin-bottom: 0px;}
#search select.area {width: 250px;}
#search a {font-size: 11px; color: #666; text-decoration: none;}
#search a:hover {text-decoration: underline;}
#search input.formbutton { float: right; margin-top: 0px; background-color: #000; border: 1px solid #003; color: #FFF; padding: 3px; font-weight: bold; font-size: 11px; margin-top: -30px;}
html>body #search input.formbutton {margin-left: 0px;}
html+body #search input.formbutton {margin-left: 0px;}
#search input.formbutton:hover {cursor: pointer;}


#main {width: 748px; height: 48em; text-align: left;}
#maincontent {float: left; width: 510px; margin-left: 5px; padding-top: 10px; padding: 5px;}

#main {
min-height:900px;
height:auto; !important
height:900px;
}

#maincontent h2 {margin-top: 15px;}
#maincontent span {color: #036;}
html>body #mainconent {margin-left: 10px; padding-top: 10px;}
#hud {width: 250px; float: left; }
#commercial {width: 250px; float: right; margin-right: 2px;}
#hud a img, #commercial a img {border: none;}
#commercial img {margin-top: 1px;}
html>body #commercial {margin-right: 5px;}
#maincontent h3 {font-size: 10px; width: 245px; padding: 15px 0 5px 5px; background-color:#999; color: white; margin: 0;}
#maincontent div p a {font-weight: bold; color: #c30; text-decoration: none;}
#maincontent div p a:hover {font-weight: bold; color: #c30; text-decoration: underline;}

#why {padding-top: 115px; padding-right: 15px;}
div#why p a {text-decoration: underline; font-weight: normal;}
div#why p a:hover {text-decoration: underline; font-weight: normal; color: navy;}

#resources {text-align: left;}
#main #resources h3 {font-size: 12px; color: navy; background-color: white; padding: 0; margin: 0; margin-left: 6px;}
#main #resources div {color: black; margin-top: 0px; margin-bottom: 10px; margin-left: 20px; width: 480px;}

#maincontent2 {float: right; width: 210px; height: 45em; border-left: 1px solid #ccc; padding-left: 5px; padding-top: 10px;}
html>body #maincontent2 {border-left: 1px dotted #ccc;}


#fprop img {width: 175px; border-bottom: 5px ridge #ccc; border-right: 3px inset #ccc;}
#fprop img.agent {width: 55px; margin-top: -225px; float: right; border: 1px solid black; margin-right: 4px; position: relative;  z-index: 100;}
#fprop h4 {font-size: 12px; margin-top: 10px; margin-bottom: 2px; text-align: left;}
#fprop h5 {font-size: 12px; font-weight: bold; margin: 0; text-align: left;}
#fprop p {font-size: 10px; text-align: left; border-top: 1px solid black; margin-top: 5px; width: 95%;}
#fprop ul {margin-left: 0; padding-left: 0;}
#fprop li {margin-left: 14px;}
#fprop address {border-top: 1px solid #C30; color: navy; text-align: center; font-style: normal; font-weight: bold; padding: .5em;}

#news {background-color: #ccc; color: #003366; height: 144px; text-align: left;}
#news.office {background-color: white; color: #003366; height: 144px; text-align: left; border: 1px solid #036;}
#news p {padding-left: 10px; font-size: 10px; padding: 10px; padding-top: 5px;}
#news h2 {font-size: 12px; margin: 0; padding-top: 10px; margin-left: 10px; border-bottom: 1px solid white; width: 92%;}
#news ul {margin-left: 0; padding-left: .65em}
#news li {list-style: none; font-size: 10px}

#officelist {width: 722px; text-align: left;}
#officelist h1, .l2_h1 {font-size: 1.25em; color: #B96C14; border-bottom: 1px dotted #ccc; margin-top: 30px; margin-left: 3px; margin-bottom: 15px;}
#footer1 {margin-top: 25px; border-top: 2px solid #036; color: #666; font-size: .85em;}
#fpfoot {margin: auto; margin-top: 10px; color: #666; font-size: .85em; text-align:center; width: 722px; clear: both; border-top: 4px solid #ccc; }

#careers div {padding: 0 2em 1em .5em;}
#careers h2 {width: 230px; font-size: 1.25em; color: #036; border-bottom: 1px solid #ccc;}
#careers form {font-size: .85em}

#l2_right {border-left: 1px solid #ccc; background-color:#eee; padding: 0 1em;}

/* Level 2 styles */
#level2 {text-align: left; padding: 2em 1em;}
#level2 h2 {color: #036; border-bottom: 1px solid #ddd; font-size: 1.25em;}


#lowercontent, #lowercontent2 {width: 740px;  background-color: white; padding-bottom: 3em; height: 38em; padding-top: 10px;}
/*html>body #lowercontent, html>body #lowercontent2 {height: 38em;}*/

#lowercontent2 h3 {color: #c30; font-size: 14px;}

#lowercontent2 {padding-top: 20px; margin-top: 0;}
#lowercontent2 #l2left {width: 375px; text-align: left; margin-left: 20px; float: left;}
#lowercontent2 #l2left.cmaleft {width: 270px;}
html>body #lowercontent2 #l2left {margin-left: 30px;}
#lowercontent2 #l2left h3 {margin-bottom: 10px;}
#lowercontent2 #l2left p {margin-bottom: 1.5em;}
#lowercontent2 #l2left li {margin-left: 2em;}
#lowercontent2 #l2left address {font-style: normal;}
#lowercontent2 #callouts {width: 240px; margin-left: 430px; height: 410px;} 
#lowercontent2 #callouts img {clear: both; margin-bottom: 10px;}


#lowercontent2 div#thinform {padding: 0 2em 1em .5em; float: right; width: 150px; margin-top: 10px; margin-left: 5px; border: 1px solid black; margin-right: 30px; padding-right: 20px; margin-bottom: 3em; text-align: left;}
#lowercontent2 div#thinform h2 {width: auto; font-size: 1.25em; color: #036; border-bottom: 1px solid #ccc;}
#lowercontent2 div#thinform form {font-size: .85em}
#lowercontent2 div#thinform input {width: auto;}

body #lowercontent2 #thinform.cma {width: 330px; font-size: 12px;}
#thinform.cma form * {font-size: 1em;}
#thinform.cma form label {width: 120px; text-align: right; display: block; float: left; margin-right: 5px;}
html>body #thinform.cma form label {width: 150px;}
/*#cmaform form input, #cmaform form select, #cmaform form textarea {float: right; }*/
#thinform.cma form br {clear: right;}
#thinform.cma p input {margin-left: 150px; font-size: 14px;}


#agentlist {margin: 0; padding: 0; margin-left: 15px;}
#agentlist h3 {margin-left: 22px;}

#agentlist .agententry img {float: left; margin: 0 .5em 0 3em; border: 1px solid #ccc;} 
#agentlist .agententry ul {float: left; border: none; margin: 20px 0 0 .5em; font-size: 1.1em; padding: 0;}
#agentlist .agententry li {list-style-type: none; padding: 0;}
#agentlist .agententry li a {color: #c30;}
#agentlist .agententry li a:hover {}
#agentlist .agententry li .first {font-size: 1.25em; color: #c30; font-weight: bold; text-transform: uppercase;}
#agentlist .agententry li .title {font-weight: bold;}
/*
.l {background: url(../images/dot.gif) 0 0 repeat-y;}
.r {background: url(../images/dot.gif) 549px 0 repeat-y;}
*/
/*#agentlist .agententry {margin: 1em 0 0 20px ; width: 560px;}*/
#agentlist .agententry .agentphoto {/* float: left; */ margin: 0 2em .25em 3em; border: 1px solid #ccc;} 

#agentlist .agententry {background: /*url(../images/bottom_cap2.gif)*/ url(../images/agentmatte.gif) no-repeat 0 bottom; margin: 0 0 20px 20px; padding: .5em 0; width: 560px; height: 128px;}
#agentlist .agententry p {display: inline; width: 100px; margin: 0; padding: 0; float: right; margin-top: 20px;}
#lowercontent2 #agentlist .agententry h3 {/*background: url(../images/top_cap2.gif) no-repeat 0 0*/; margin: 0; padding: 0; width: 550px; color: white; font-size: 10px;}
#agentdetail {margin: 1em 0 0 20px ; height: 100px;}
#agentdetail img {float: left; margin-top: .5em; clear: left; border: 1px solid #ccc;} 
#agentdetail ul {margin-top: .5em; border: none; margin-left: 2em;}
#agentdetail ul li {list-style-type: none;}
#agentdetail li a {text-decoration: none; color: #555;}
#agentdetail li a:hover {text-decoration: underline;}
#agentphoto {float: left; min-height: 700px; margin-right: 1em; display: inline;}

#agentpage {width: 650px; margin-left: 25px;}

#hudcommlist {margin-left: 20px;}
/*#hudcommlist strong {width: 100%; display: block; margin-top: 15px;}*/
#hudcommlist h3 {margin-bottom: 0; padding-bottom: 0; margin-top: 15px;}
#hudcommlist img {float: left; width: 125px;}
#hudcommlist h4 {font-size: 14px; margin: 0; padding: 0; margin-bottom: 5px;}



