@charset "UTF-8";
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	background: #ffffff;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
td.mainformhdr {
background-color:#abd0f3;
color:#004579;
padding:7px;
border-bottom:1px solid #024671;
font-weight:bold;
font-size:14px;
}
td.mainformsub {
background-color:#abd0f3;
color:#004579;
padding:7px 7px 7px 50px;
border-bottom:1px solid #024671;
font-weight:bold;
font-size:12px;
}
table.form {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
td.formborder {
border-bottom:1px solid #666666;
}
a {
color:#013671;
}
a:hover {
color:#d90e10;
}
#amermort {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 7px solid #ffffff;
}
#sidebar {
background-color:#abd0f3;
width:262px;
padding:8px 0px 100px 0px;
background-image:url(/images/equalopportunityhousing.png);
background-repeat:no-repeat;
background-position:bottom center;
}
#widgetsearch {
padding:0px;
margin:0px;

}
#widgetsearch a {
	padding:0px 5px;
}
#search {
padding:0px;
margin:0px;
}
#search input{
margin-bottom:5px;
margin-left: 4px;
width:110px;
border:1px solid #024671;
}
#searchsubmit {
}
#moreinfo {
text-align:left;
margin: 5px auto 15px auto;
background-color:#FFFFFF;
border:1px solid #024671;
width:247px;

}
#moreinfo td {
padding: 1px 5px;
line-height:17px;
}
#moreinfo th {
background-color:#d0e2f3;
color:#d90f0f;
padding:7px;
border-bottom:1px solid #024671;
font-weight:bold;
font-size:14px;
}
#moreinfo h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: bold;
color:#d90f0f;
}
#moreinfo ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;

}
#infoform {
width:215px;
margin:0px;
}
#moreinfo form {
margin:0px;
}
#infoform input, #infoform textarea {
width:130px;
border:1px solid #024671;
background-color:#e0eefb;
color:#024671;
margin:0px;
}
#infoform select {
width:130px;
border:1px solid #024671;
color:#024671;
}
#infoform .submit {
width:auto;
background-color:#024671;
color:#FFFFFF;
}
#infoform td {
padding:3px 0px;
text-align:right;
color:#d90f0f;
}
#homecontent {
background-color:#e0eefb;
width:624px;
text-align:left;
padding:7px 7px 17px 7px;
font-size:13px;
line-height:19px;
}

#interiorbody {
padding:20px 3px 0px 3px;
}
#interiorbody p {
margin-top:15px;
}
#interiorbody h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#d90f0f;
margin-top:40px;
clear:both;
}
#interiorbody hr {
clear:both;
color:#abd0f3;
background-color:#abd0f3;
height:1px;
border:none;
margin:10px 0px;
}
.applynow {
display:block; 
float:right; 
margin-bottom:20px; 
border-bottom:1px solid #abd0f3; 
padding-left:518px; 
padding-bottom:10px;
}
a.rollover {
	position: relative;
	float: right;
	text-decoration:none;
	font-weight:bold;
	color:#d90f0f;
	border-bottom:1px solid #abd0f3; 
	display:block;
	padding-left:518px; 
	padding-bottom:10px;
	margin-bottom:40px;
	_margin-bottom:0px;
	
}
a.rollover .over {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border:0px;
}
a.rollover:hover {
border:0px;
	border-width: 0px; /* IE */
	border-bottom:1px solid #abd0f3; 
	color: #ffffff;
}
a.rollover:hover .over {
border:0px;
	visibility: visible;
	color:#024671;
	padding-left:518px; 
}
a.rollover span {
	position:absolute;
	left:5px;
	top:45px;
	z-index:1000;
}
#homebody {
padding:20px 3px 0px 3px;
}
#homebody p {
margin-top:15px;
}
#homebody h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#d90f0f;
}
#homebody h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: bold;
color:#d90f0f;
}
#mbnum {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style: bold;
color:#000000;
text-align:left;
margin-left:10px;
}
#imgborder {
border:1px /*solid #024671*/;
}
#ineriorcontent {
background-color:#ffffff;
width:624px;
text-align:left;
padding:7px 7px 17px 7px;
font-size:13px;
line-height:19px;
}

#whitearea {
padding:7px;
background-color:#FFFFFF;
}
#soupday {
text-align:left;
margin: 5px auto;
background-color:#FFFFFF;
border:1px solid #024671;
font-size:85%;
}
#soupday p {
padding:0px;
margin:0px 0px 5px 0px;
}
#soupday h2 {
font-size:12px;
font-weight:bold;
color:#d90f0f;
margin:3px 0px;
}
#soupday h3 {
font-size:12px;
font-weight:bold;
margin:3px 0px 8px 0px;
}
#soupday td {
padding:8px;
line-height:17px;
}
#soupday th {
background-color:#d0e2f3;
color:#d90f0f;
padding:8px;
border-bottom:1px solid #024671;
font-weight:bold;
font-size:14px;
}

table#agentinfo {
border-bottom:1px solid;
border-right:1px solid;
border-color:#d90f0f;
}
#agentinfo td{
font-size:12px;
line-height:15px;
text-align:left;
border-left:1px solid;
border-top:1px solid;
border-color:#d90f0f;
padding:8px;
}
#agentinfo h1{
font-weight:bold;
color:#d90f0f;
padding:0px;
margin:0px;
font-size: 12px;

}
#agentinfo a {
	font-size:11px;
}
#agentinfo img {
  border:1px solid;
  border-color:#024671;
  text-align:right;
}
#footermenu {
background-color:#024671;
	padding-left:2px;
		font-weight:bold;
	font-size:12px;
	padding-left:2px;	
}
#footer {
background-color: #ffffff;
color: #000000;
padding-top:7px;
font-size:12px;
}
#footer a {
color: #000000;
}
#menu {
	background-color:#024671;
	padding-left:2px;
		font-weight:bold;
	font-size:12px;
}

/*  PORTAL  */
#maincontent {
width:100%;
padding:0px 15px 15px 15px;
}
#maincontent h2 {
color:#55320a;
font-size:15px;
margin:10px 0px 10px 0px;
padding:10px 0px 0px 0px;
text-align:left;
}
#maincontent p {
margin:5px 0px 10px 0px;
padding:5px 0px 10px 0px;
font-size:13px;
}
#maincontent hr {
height:1px;
border:none;
color:#ffb844;
background-color:#ffb844;
}

#record {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#55320a;
border-bottom: 1px solid #000033;
}
#tableheader{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:bold;
color:#ffffff;
}

/* Left Nav*/
#leftside {
background-color:#000033;
width:173px;
padding-bottom:6px;
}
#leftside ul, #leftside li {
margin:0px;
padding:0px;
list-style:none;
}
#leftside p {
font-size:15px;
font-weight:bold;
margin:0px 0px 0px 6px;
color:#FFFFFF;
}
#leftside p a {
text-decoration:none;
font-size:15px;
color:#FFFFFF;
width:173px;
padding:5px;
display:block;
}
#leftside p a:hover {
background-color: #d90e10;
color:#ffffff;
}

p.copyright {
font-size:12px; 
color:#FFFFFF; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 6px 0 6px 6px;
}
p.admin {
font-size:12px; 
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left: 6px;
}
p.footer {
font-size:12px; 
color:#FFFFFF; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 0;
}



/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.amermortmenu
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.amermortmenu li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
ul.amermortmenu li a
{
	
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.amermortmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 190px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.amermortmenu ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.amermortmenu ul li
{
	width: 190px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.amermortmenu ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.amermortmenu ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.amermortmenu ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.amermortmenu a
{
	display: block;
	cursor: pointer;
	background-color: #024671;
	padding: 6px 10px;
	color: #ffffff;
	text-decoration: none;
	border-left:1px solid #ff3333;
}
a.menu-home
{
	border-left:none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.amermortmenu a:hover, ul.amermortmenu a:focus
{
	background-color: #d90e10;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.amermortmenu a.MenuBarItemHover, ul.amermortmenu a.MenuBarItemSubmenuHover, ul.amermortmenu a.MenuBarSubmenuVisible
{
	background-color: #d90e10;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.amermortmenu a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.amermortmenu ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.amermortmenu a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.amermortmenu ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.amermortmenu iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.amermortmenu li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}