/* CSS Document */
/* HACH: Houston Housing Authority - Drafted 1/12/05/*
/***********************************************************
 BASIC ELEMENTS
************************************************************/

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	background-image:url(../img/uni/bg_pattern.gif);
	background-position:top;
	background-repeat:repeat-x;	
	background-color:#969662;
	color:#474947;
	}

p {
	font-size: 11px;
	line-height: 16px;
	}

ul {	
	color: #333333;
	line-height: 14px;
	list-style-image:url(../img/uni/bullet.gif);
	font-size: 11px; 
	margin: 0 0 0 2.5em;
 	padding:0px 0px 0px 0px; 
}

li {
	margin-bottom: 3px;
}


a:link {
	font-weight: normal; color: #860C0C; text-decoration: none;
}
a:active {
	font-weight: normal; color: #860C0C; text-decoration: underline;
}
a:hover {
	font-weight: normal; color: #860C0C; text-decoration: underline;	
}
a:visited {
	font-weight: normal; color: #860C0C; text-decoration: none;
}
a:visited:hover {
	font-weight: normal; color: #860C0C; text-decoration: underline;
}



.bold {
	font-weight:bold;
}

	
	
/***********************************************************
 END BASIC ELEMENTS
************************************************************/


/***********************************************************
 LAYOUT DIVS (Footer and Search Bar divs are below)
************************************************************/

#container {		
	position: relative;
	width:740px;
	height: 100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding: 0;
	vertical-align: top;
}

#header { 
	width:740px;
	height:105px;
	float: left;
	margin: 0px;
	background-image:url(../img/uni/header_mtns.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color: #FFF;
}

#mainNav {
	width: 740px;
	height: 35px;
	margin: 0 0 0 0px;/margin: -2px 0 0 0px;
	float:left;	
	text-align: center;
}
#flashImage{
	background-color:#D8CFAC;
	width: 732px;
	height: 145px;
	padding: 4px;
	margin: -5px 0 0 0;
	float:left;	
}

#content{ 
	width: 732px;
	padding: 4px 4px 30px 4px;
	margin: 2px 0px 0 0px;
	min-height: 400px;
	background-color: #E9E8CF;
	/*float:left;*/
	/*clear:both;*/
}



H1 {
	font-weight: bold; 
	font-size: 11px; 
	color: #003333; 
	font-style: normal; 
	font-family:  Verdana, Helvetica, sans-serif; 
	margin: 0 0px 0px 0;
	padding: 0 0 8px 0;
}

H2 {
	font-weight: bold; 
	font-size: 11px; 
	color: #1F4C76; 
	font-style: normal; 
	font-family:  Verdana, Helvetica, sans-serif; 
	margin: 0 0px 15px 0;
}

#breaker{
	clear: both;
	height:0px; 
	line-height:0px;
}

/***********************************************************
 END LAYOUT DIVS
************************************************************/




/***********************************************************
LEFT NAV DIVS
************************************************************/

/* SECONDARY NAV*/
#leftNav { 
	width: 180px;
	padding: 40px 0 0 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	text-align: left;
	min-height: 300px;
	display:inline;
}
#leftNav ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#leftNav li {
	margin: 0 0 7px 0;
	padding: 0;
	list-style-type: none;
}
#leftNav ul li a {
	display: block;
	color: #612723;
		width: 180px;
}
#leftNav a:link, #leftNav a:visited {
	padding: 0 0 0 10px;
	margin: 0px 0 2px 0;
	color: #612723;
	text-decoration: none;
	background: url(../img/nav/nav_arrow.gif) no-repeat;
	background-position:0px 0px;
}
#leftNav a:hover, #leftNav a:active {
	padding: 0 0 0 10px;
	font-weight: bold;
	list-style-type: none;
	color: #375411;
	text-decoration: none;
	font-weight: bold;
	background-position: 0 -40px;
}

/* END SECONDARY NAV*/

/* TERTIARY NAV*/
#leftNav ul ul {
	margin: 7px 0 5px 0;
	padding: 0;
	color: #375411;
	font-size: 9px;
}

#leftNav li li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-size: 9px;
	color: #375411;
}


#leftNav ul ul li a:link, #leftNav ul ul li a:visited {
	margin: 0px 0 0px 18px;
	width: 140px;
	color: #375411;
	text-decoration: none;
	display:block;

}
#leftNav ul ul li a:hover, #leftNav ul ul ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #375411;

}

/* END TERTIARY NAV*/
/* QUATERNARY NAV*/
#leftNav ul ul ul {
	margin: 7px 0 5px 0;
	padding: 0;
	color: #375411;
	font-size: 9px;
}

#leftNav li li li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-size: 9px;
	color: #375411;
}


#leftNav ul ul ul li a:link, #leftNav ul ul ul li a:visited {
	margin: 0px 0 0px 26px;
	color: #B38F00;
	text-decoration: none;
	display:block;
}
#leftNav ul ul ul li a:hover, #leftNav ul ul ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #B38F00;

}
/* END QUATERNARY NAV*/


/* QUINTERNARY NAV*/
#leftNav ul ul ul ul {
	margin: 7px 0 5px 0;
	padding: 0;
	color: #375411;
	font-size: 9px;
}

#leftNav li li li li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-size: 9px;
	color: #375411;
}

#leftNav ul ul ul ul li a:link, #leftNav ul ul ul ul li a:visited {
	margin: 0px 0 0px 34px;
	color: #B38F00;
	text-decoration: none;
	display:block;
}
#leftNav ul ul ul ul li a:hover, #leftNav ul ul ul ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #B38F00;
}
/* END QUINTERNARY NAV*/

/* SIXTERNARY NAV*/
#leftNav ul ul ul ul ul {
	margin: 7px 0 5px 0;
	padding: 0;
	color: #375411;
	font-size: 9px;
}

#leftNav li li li li li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-size: 9px;
	color: #375411;
}

#leftNav ul ul ul ul ul li a:link, #leftNav ul ul ul ul ul li a:visited {
	margin: 0px 0 0px 42px;
	color: #B38F00;
	text-decoration: none;
	display:block;
}
#leftNav ul ul ul ul ul li a:hover, #leftNav ul ul ul ul ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #B38F00;
}
/* END SIXTERNARY NAV*/

/* SEVTERNARY NAV*/
#leftNav ul ul ul ul ul ul {
	margin: 7px 0 5px 0;
	padding: 0;
	color: #375411;
	font-size: 9px;
}

#leftNav li li li li li li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-size: 9px;
	color: #375411;
}

#leftNav ul ul ul ul ul ul li a:link, #leftNav ul ul ul ul ul ul li a:visited {
	margin: 0px 0 0px 50px;
	color: #B38F00;
	text-decoration: none;
	display:block;
}
#leftNav ul ul ul ul ul ul li a:hover, #leftNav ul ul ul ul ul ul li a:active {
	text-decoration: none;
	background-image: none;
	color: #B38F00;
}
/* END SEVTERNARY NAV*/


#login{
	margin: 30px 0 0 0;
	float:left;
	text-align: left;
}

#login a:link, #login a:visited, #login a:hover, #login a:active {
	background: none;
}

/***********************************************************
 END LEFT NAV DIVS
************************************************************/





/***********************************************************
FOOTER DIVS
************************************************************/


#footer {
	/*position: relative;   Needed for Safari */
	/*float: left;*/
	clear:both;
	background-image:url(../img/uni/footer-bg.gif);
	background-repeat: no-repeat;
	width: 670px;
	height: 60px;
	margin: 0px 0px 0 0px;
	padding: 13px 70px 10px 0;
	color:#716842;
	border-top: 1px solid;
	border-top-color:#669900;
	font-size:10px;
	text-align:right;
	line-height: 15px;
}

a.footer:link {
	font-weight: bold; color: #669900; text-decoration: none; border: none; margin: 0 3px 0 3px;
}
a.footer:active {
	font-weight: bold; color: #669900; text-decoration: none; border: none; margin: 0 3px 0 3px;
}
a.footer:hover {
	font-weight: bold; color: #669900; text-decoration: underline; border: none; margin: 0 3px 0 3px;
}
a.footer:visited {
	font-weight: bold; color: #669900; text-decoration: none; border: none; margin: 0 3px 0 3px;
}
a.footer:visited:hover {
	font-weight: bold; color: #669900; text-decoration: underline; margin: 0 3px 0 3px;
}


/***********************************************************
END FOOTER DIVS
************************************************************/



/***********************************************************
HOME DIVS
************************************************************/
#apt_search_large {
	background-image:url(../img/hom/apt_search_large-bg.gif);
	width:236px;
	height:204px;
	float: left;
	margin: 0px 0 0 0px;
}

#apt_search_title {
	margin: 14px 15px 0 00px;
	text-align: right;
}

#apt_search_map {
	margin: -25px 5px 0 00px;
	text-align: center;
}
#form_large{
	margin: 2px 4px 0 8px;
}

form{
	margin: 0px 0px 0 0px;
}

select.apt_search {
	font-family:tahoma,arial,helvetica,sans-serif; 
	font-size:9px;
	height: 18px; 
	color:#DABFB2;
	background-color:#862A00;
	border: #916A67 1px solid;
	margin: 0 4px 4px 0;
	width: 165px;
	line-height: 13px;
}
.apt_search_state{
	font-family:tahoma,verdana,helvetica,sans-serif; 
	font-weight: bold;
	font-size:11px;
	height: 18px; 
	color:#612723;
	background-color:#E9E8CF;
	margin: 3px 0 3px 5px;
}
.searchSelects select,
.searchSelects input {
	font-family:tahoma,arial,helvetica,sans-serif; 
	font-size:11px;
}

#grand_callout{ 
	background-image:url(../img/hom/grand_callout-bg.gif);
	width:460px;
	height:204px;
	float: left;
	margin: 0px 0 0 4px;
	padding: 0 12px 0 20px;
}

#callout{
	width: 130px;
	height: 190px;
	margin: 12px 0 0 0px;
	float:left;
}

p.callout {
	font-size:9px;
	line-height: 10px;
	margin: 0px 0 0 3px;
}


a.callout:link, a.callout:active, a.callout:visited{
	font-weight: normal; color:#474947; text-decoration: none; border: none;
}

a.callout:hover,a.callout:visited:hover  {
	font-weight: normal; color: #612723; text-decoration: none; border: none;
}


.callout_image{
	margin: 5px 0 5px 0;
}
#callout_separator{
	background-image: url(../img/hom/grand_callout-separator.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: 16px;
	height: 203px;
	text-align: center;
	float:left;
	margin: 0 5px 0 5px;
}

#home_text{
	padding: 5px 24px 20px 24px;
	width: 680px;
	float:left;
}

/***********************************************************
END HOME DIVS
************************************************************/


/***********************************************************
INTERIOR DIVS
************************************************************/
#apt_search_small { 
	background-image:url(../img/uni/apt_search_small-bg.gif);
	width:207px;
	height:60px;
	float: left;
	margin: 0px 0 0 0px;
}

#apt_search_title_small {
	margin: 6px 0px 0 3px;
	text-align: left;
}

#form_small{
	margin: 2px 4px 0 8px;
}
select.apt_search_small {
	font-family:tahoma,verdana,helvetica,sans-serif; 
	font-size:11px;
	height: 18px; 
	color:#DABFB2;
	background-color:#862A00;
	border: #916A67 1px solid;
	margin: 5px 4px 4px 0;
	width: 165px;
	line-height: 13px;
}

#titleBar{
	margin: 0 0 0 4px;
	padding: 15px 15px 15px 15px;
	width: 491px;
	height: 30px;
	background-color:#B38F00;
	float:left;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #FFF;
}

.titleText{
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}

#int_text{
	padding: 40px 20px 20px 23px;
	width: 485px;
	float:left;
}

#inset_line{
	background-image: url(../img/uni/inset_line-bg.gif);
	background-repeat: repeat-x;
	height: 2px;
	width: 490px;
	margin: 10px 0 10px 0;
	float:left;
}

#content_footer{
	margin: 0 0 0 0;/margin: 0px 0 0 0;
	font-size: 9px;
	color: #612723
}

.content_footer_text{
	margin: 0 10px 0 10px;
}
/***********************************************************
END INTERIOR DIVS
************************************************************/
.required /* Required form Field - color for the markers  */
{
	color:red;
	
}