/* CSS Document */

/* font-size set on body, td matches defaultSize set in dw_sizerdx.js */

body {
margin:0 auto;
padding:0;
background:url(../images/bg.jpg);
font: 12px Arial, Helvetica, sans-serif;
line-height:18px;
}

h1 { font: 1.75em Trebuchet MS; color:#41677b; margin:0}    
h2 { font: 1.35em Trebuchet MS; font-weight:bolder; color:#d85a27;  margin:0}   
h3 { margin:0; font:1.125em Trebuchet MS; font-weight:normal; color:#d85a27; }   
h4 { margin:0; font:14px Trebuchet MS; font-weight:bold; color:#4a7190; }
a:link { color:#33c; color:#d85a27;}    
a:visited { color:#339 }

ul {
margin-left:5px; padding-left:10px; margin-top:5px; margin-bottom:20px;
}


img, div, input { behavior: url("iepngfix.htc") }
 
 
li {
list-style:square;
}


/* hide from incapable browsers */
div#sizer { display:none; min-width:115px; float:right} 
	
.form-intro {
	color:#000;
	font-size:10px;
	text-align:left;
	}
	
.required-fields {
color:red; font-size:11px; text-align:left;
}

.cssform p{
position:relative;
width: 223px;
clear: left;
font-size:14px;
font-weight:bolder;
color:#000000;
text-align:left;
padding: 5px 0 0 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 75%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 155px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 15em;
}

.cssform textarea{
width: 400px;
height: 50px;
padding-left:0;
margin-left:0;
}

	
.form {
	background-color:#fff;
	padding:0px;
	text-align:left;
	border:none;
	}



.schedule-appointment {
color:#822e1b; font-family:Arial, Helvetica, sans-serif
}

a:link {color:#822e1b;}     /* unvisited link */
a:visited {color:#822e1b;}  /* visited link */
a:hover {color:#822e1b;}   /* mouse over link */
a:active {color:#822e1b;} 

.schedule-appointment a {
font-size:14px; background:url(../images/arrow.gif); background-position:left;  background-repeat:no-repeat; padding-left:25px; margin-left:1px; color:#822e1b; text-decoration:none;
}
	
.printer {
float:right;
width:45px;
padding-right:7px;
background:url(../images/corner.gif);
background-repeat:no-repeat;
background-position:top right;
margin-top:0;
}

.font-resize-box {
float:right;
width:105px;
}

/*Menu CSS*/

#ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 13px Trebuchet MS;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: white;
background: #c46118 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 5px;
text-decoration:none;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:2px 16px 0px 10px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #a35114;
}

#ddcolortabs a:hover span{
background-color: #a35114;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #a35114;
}

.title {
float:left; width: 500px; font:22px trebuchet MS; color:#00345d; margin:10px 25px
}

.body-content {
float:left; text-align:left;  width:400px; color:#4a7190; margin:25px 0 0 25px;
}

.super-container {
margin:0 auto;
width:100%;
padding:0;
text-align:center;
}

.site-container {
position:relative;
float:left;
margin:0 auto;
padding:0;
width:1006px;
background: url(../images/grass-bg.gif) no-repeat right bottom;
background-color:#FFFFFF
}

.left-column-container {
float:left; width:1006px; background:#fff;
}

.logo-container {
position: relative; float: left; width: 305px; margin-top:-33px;
}

.left-column-graphic {
float:left; width:305px;
}

.right-column-container {
float:right; clear:right; width:255px;
}

.right-column-bg {
float:right; padding:0; margin:0; width:258px; background:url(../images/right-column-bg.png)
}

.right-column-top-corner {
padding:10px 0 0 20px; float:right; height:4px;  width:238px; background:url(../images/right-column-topcorner.gif) no-repeat top left
}

.right-column-bottom-corner{
padding:0 0 0 20px; float:right; width:238px; height:8px;  background:url(../images/right-column-bottomcorner.gif) no-repeat bottom left
}

.menu-container {
margin:0 auto;
padding:0;
width:1006px;
text-align:center;
}

.menu {
width:660px;
margin-left: 320px;
padding-top:13px;
z-index:1000;
height:21px
}

.index-content {
float:left; width:400px; color:#41677b; line-height:normal; margin-left:-115px; margin-top:15px; z-index:1000;
}

.index-graphic {
float:left; background:url(../images/index-graphic.jpg) no-repeat bottom left; clear:left; min-height:545px; width:740px;
}

.index-logo {
float:left; width:445px; margin-top:-33px
}

.footer {
margin:0 auto; padding:0; clear:both;  padding-left: 35px; margin-top:5px; padding-top:5px; width: 971px; color:#974b07; background:url(../images/equal-housing-logo.gif) no-repeat left top}

.clr { float: none; clear: both;  font-size: 0; line-height: 0; margin:0; padding:0; height:0 }