body { margin:0px; background-color: #667178; }

body, p, td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #656a6e; line-height: 160%; }

a:link, a:active, a:visited { text-decoration: underline; color: #4d5154; }
a:hover { text-decoration: none; color: #4d5154; }

ul { margin: 0px 0 0 8px; padding: 0px 0 0 8px;  }
li { padding: 3px 0 5px 0; }

img { border: none; }

h1, h2, h3, h4, h5 { font-weight: normal; color: #424547; font-style: italic; margin-top:20px; padding-top:0px; }
h1 { font-size: 22px; } 
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

hr { color: #c8d5de; margin: 30px 0 20px 0; padding:0px; }

/* design structure */

#container { width: 1030px; margin:auto; background-image: url(../images/fha_repeat.jpg); background-repeat:repeat-y; overflow-x:hidden; overflow-y: auto;  }
#container_striped { width: 1030px; margin:auto; background-image: url(../images/fha_repeat_striped.jpg); background-repeat:repeat-y; overflow-x:hidden; overflow-y: auto;  }

#left_column { float:left; margin-left: 5px; width: 258px; background-image: url(../images/fha_hudlogo.jpg); background-repeat:no-repeat; min-height: 150px; padding: 10px 18px 10px 18px; }

#design_footer { width: 1030px; margin:auto; background-image: url(../images/fha_footer.jpg); background-repeat:no-repeat; height: 5px; }

#content_container { width:726px; float:right; margin-right: 5px; }

#design_header { width: 726px; height: 107px; background-image: url(../images/fha_header.jpg); background-repeat:no-repeat; }

#main_content { float:left; width:431px; min-height: 100px; padding: 10px 25px 10px 25px; height: auto; }

#right_column { float:right; width:233px; min-height: 100px; padding-right: 6px; padding-top:12px; height: auto; }


/* common page elements */

#online_chat { width:93px; height:26px; float:right; margin:6px 606px 0px 0px; }
#header_tagline { float: right; clear:right; margin-top: 55px; margin-right: 6px; color: #858e94; font-size: 11px; font-style: italic; font-weight: bold; }
#header_tagline a:link, #header_tagline a:active, #header_tagline a:visited, #header_tagline a:active { text-decoration: underline; color: #858e94; }
#bus_name { color: #5b6165; font-size: 10px; line-height: 14px; text-align: right; margin-top: 40px; background-image:url(../images/fha_runningman.jpg); height: 86px; }
#page_name { color: #a3a3a3; font-size: 11px; text-align: right; margin: 74px 0px 10px 0; line-height: 16px; border-bottom: 1px solid #8c9aa3; padding-bottom: 14px; }
#page_name h1 { color: #a3a3a3; font-size: 18px; font-style: italic; letter-spacing: .04em; margin:0 0 10px 0; font-weight: normal; }

#applications { height: 200px; margin-top: 40px; padding-left: 4px; }
#app1 { float:left; text-align:center; width:125px; font-size: 12px; font-weight: bold; }
#app1 a:link, a:active, a:visited { color: #b0b0b0; text-decoration:underline; }
#app1 a:hover { color: #b0b0b0; text-decoration: underline; }
#app1 img { margin-top:4px; margin-left: 4px; }
#app2  { float:right; text-align:center; width:125px; font-size: 12px; font-weight: bold; }
#app2 a:link, a:active, a:visited { color: #b0b0b0; text-decoration:underline; }
#app2 a:hover { color: #b0b0b0; text-decoration: underline; }
#app2 img { margin-top:4px; margin-left: 4px; }

/* content styles */

.spaced { margin-top: 6px; }
.bordered { border: 1px solid #879196; }

.sectioned { border-bottom: 1px solid #8c9aa3; text-align: right; padding-bottom: 24px; margin-bottom: 10px;  }
.sectioned, .sectioned p { font-size: 12px; line-height: 18px; color: #b0b0b0; }
.sectioned h3 { color: #dedede; font-size: 18px; font-style: italic; font-weight: normal; margin: 0px 0 10px 0; }
.sectioned ul { margin: 0px; }
.sectioned ul li { list-style: none; font-size: 12px; padding:2px 0 2px 0; color: #b0b0b0; }
.sectioned li a:link, .sectioned li a:visited, .sectioned li a:active { font-weight: bold; text-decoration: none; color: #b0b0b0; }
.sectioned li a:hover { font-weight: bold; text-decoration:underline; color: #b0b0b0; } 

.boxed { background-color: #cad4db; border: 1px solid #9a9b8d; padding: 10px; color: #424547; }
.boxed h3 { color: #424547; border-bottom: 1px solid #424547; font-size: 14px; font-style:italic; margin: 0 0 7px 0; line-height: 18px; font-weight: bold; }
.boxed a:link, .boxed a:visited, .boxed a:active { text-decoration: none; color: #7a8185; }
.boxed a:hover { text-decoration: none; color: #424547; }
.boxed div.readmore { margin-top:10px; text-align:right; }


/* form style */
form.styledform { margin:0px; font-weight: bold; padding: 5px 0 20px 12px; border: 3px solid #cad4db; background-color: #ffffff; width:424px; }
form.styledform label { float: left; width: 200px; font-weight: bold; padding-left: 5px; }
form.styledform input, form.styledform textarea, form.styledform select { width: 183px; margin-bottom: 5px; margin-left: 10px; }
form.styledform textarea { width: 183px; height: 150px; margin-left: 10px; }
form.styledform .boxes { width: 1em; }
form.styledform .radios { width: 1em; }
form.styledform .lineup { width: 50px; margin-right: 1px; }
form.styledform #submitbutton { margin-left: 315px; margin-top: 5px; width: 90px; }
form.styledform br { clear: left; }
form.styledform .multi { margin-top: 10px; border: 1px solid #ededed; background-color: #f9f9f9; padding: 5px; width: 392px; }
form.styledform h2 { background-color: #cad4db; border: 1px solid #9a9b8d; color: #424547; padding: 10px; width: 392px; margin-bottom:20px; margin-top: 0px; }
form.styledform .longlabel { margin-top: 12px; overflow: auto; }