@charset "utf-8";
/* CSS Document */

html{
overflow-y:scroll;
}

font {
  font-family:Arial,Helvetica,Garuda,sans-serif;
}

/** 			{margin:0;padding:0;}*/

body,
div,
ul,
ol,
li,
form,
textarea,
input,
button,
p,
blockquote {margin:0;padding:0;}

body 	{
  font-family:Arial,Helvetica,Garuda,sans-serif; 
  font-size:12px;
  background-image:url('http://www.azhousing.gov/images/bg.png');
  background-repeat:repeat-x;
}
img 	{border:none;}
.clear	{clear:both;}
.left	{float:left;}
.right	{float:right;}

a {
	color: #008464;
	text-decoration: none;
}

a:hover {
	color: #008464;
	text-decoration: underline;
}

#wrapper {
	width:952px;
	height:auto;
	margin: 0 auto;
}
#wrapper #header {
	width:952px;
	height:116px;
	margin: 0 auto;
	background-image:url('http://www.azhousing.gov/images/header_bg.png');
	background-repeat:no-repeat;
}
#wrapper #header .adoh-logo {
	float: left;
	margin-top: 21px;
}

#wrapper #header .azgov-logo {
	float: right;
	margin-top: 21px;
	margin-right: 50px;
}

#wrapper #header .center {
	float: left;
	width: 573px;
	height: 116px;	
}

/**** mini navigation ****/
#wrapper #mini-navigation {
	width:952px;
	height: 14px;
	margin-top: 16px;
	margin-bottom:4px;
}

#wrapper #mini-navigation ul {
	float: right;
	color:#505050;
}

#wrapper #mini-navigation ul li {
	float: left;
	list-style: none;
	padding-left: 2px;
}

#wrapper #mini-navigation ul li a {
	font-size: 11px;
	color: #505050;
	text-decoration: none;
}

#wrapper #mini-navigation ul li a:hover {
	font-size: 11px;
	color: #505050;
	text-decoration: underline;
}

/**** content ****/

#wrapper #container {
	width: 952px;
	height: auto;
	margin: 0 auto;
}

/**** navigation ****/
#wrapper #container #navigation, #wrapper #container #navigation-landing {
	float: left;
	width: 198px;
	height: auto;
	color: #ffffff;
	background-color: #9d3300;
	padding-bottom: 20px;
}

#wrapper #container #navigation-landing {
	width: 198px;
	height: 440px;
}

/**** secondary navigation ****/
#wrapper #container #navigation ul, #wrapper #container #navigation-landing ul {
	margin-left: 12px;
	margin-top: 20px;
}

#wrapper #container #navigation ul li, #wrapper #container #navigation-landing ul li {
	width:170px;
	height:auto;
	list-style: none;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px dotted #f09436;
}

#wrapper #container #navigation ul li.section, #wrapper #container #navigation-landing ul li.section {
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
}

#wrapper #container #navigation ul li.currentPage a {
	color: #a6cce3;
	text-decoration: none;
}

#wrapper #container #navigation ul li.currentPage a:hover {
	color: #ffffff;
	text-decoration: none;
}

#wrapper #container #navigation ul li a, #wrapper #container #navigation-landing ul li a {
	color: #ffffff;
	text-decoration: none;
}

#wrapper #container #navigation ul li a:hover, #wrapper #container #navigation-landing ul li a:hover {
	color: #a6cce3;
	text-decoration: none;
}

/**** content container ****/
.landing-divider, .footer-divider {
	width: 476;
	height: 8px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	background-image: url('../images/divider_short.png');
	background-repeat: no-repeat;
}

.footer-divider {
  width: 956px;
  height: 8px;
	margin-bottom: -4px;
	background-image: url('../images/divider_long.png');
	background-repeat: no-repeat;
}

#wrapper #container #content, #wrapper #container #content-landing {
	float: left;
	width: 475px;
	height: auto;
	margin-left: 40px;
	margin-bottom: 30px;
	padding-top: 20px;
}

#wrapper #container #content-landing {
	width: 358px;
	margin-bottom: 10px;
	padding-top: 0px;
}

/**** container content - secondary page ****/
#wrapper #container #content .hero-space {
	float:right;
	width: 211px;
	height: auto;
	margin-top: 11px;
}

#wrapper #container #content #featured-news {
	float: left;
	width: 250px;
	height: auto;
	margin-top: 11px;
}

#wrapper #container #content #featured-news ul {
	margin-top: 11px;
}

#wrapper #container #content .featured-title {
  	font-size: 26px;
	list-style: none;
	color: #006644;
}

#wrapper #container #content .featured-snippet {
	list-style: none;
}

#wrapper #container #content .landing-info-title {
  font-size: 30px;
  font-weight: normal;
  color: #006644;
}

#wrapper #container #content .landing-info-snippet {
  font-size: 18px;
  color: #000000;
}

#wrapper #container #content .landing-about {
	font-size: 12px;
	color: #f09436;
	margin-bottom: 10px;
}

#wrapper #container #content .breadcrumb {
	color: #5b7281;
}

#wrapper #container #content .breadcrumb a {
	color: #5b7281;
	text-decoration:none;
}

#wrapper #container #content .breadcrumb a:hover {
	color: #5b7281;
	text-decoration:underline;
}

#wrapper #container #content .rsvp {
	margin-top: 14px;
	margin-bottom: 14px;
}

#wrapper #container #content .sifr-header-large, #wrapper #container #content .sifr-header-large-details {
  font-size: 29px;
	color: #008464;
	margin-top: 4px;
}

#wrapper #container #content .sifr-header-large-details {
  font-size: 31px;
}

#wrapper #container #content .sifr-header-medium {
	color: #5e5e5e;
}

#wrapper #container #content .sifr-month-large {
  width: 300px;
  font-size: 31px;
}

#wrapper #container #content .calendar-nav {
  float: right;
}

#wrapper #container #content .calendar-nav a {
  padding-left: 8px; 
}

#wrapper #container #content .calendar-date-details {
	font-size: 14px;
	font-weight: bold;
	margin-top: -20px;
}

#wrapper #container #content .calendar-place {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 18px;
}

#wrapper #container #content #information {
  width: 475px;
	margin-top: 19px;
}

#wrapper #container #content #information a {
  text-decoration: none;
}

#wrapper #container #content #information a:hover {
  text-decoration: underline;
}

#wrapper #container #content #information ol, #wrapper #container #content #information ul {
  margin: 0;
  padding: 0;
}

#wrapper #container #content #information ol li, #wrapper #container #content #information ul li {
	width: 475px;
	height: auto;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
	word-wrap: break-word;
}

#wrapper #container #content #information ol ol, #wrapper #container #content #information ul ul, #wrapper #container #content #information ul ol, #wrapper #container #content #information ol ul { 
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
}

#wrapper #container #content #information ol ol li, #wrapper #container #content #information ul ul li, #wrapper #container #content #information ul ol li, #wrapper #container #content #information ol ul li {
	padding-left: 3em;
	text-indent: -1.5em;
	list-style-position: inside;
	word-wrap: break-word;
}

#wrapper #container #content #information ul.list {
	width: 475px;
	height: auto;
	list-style: none;
	padding-left: 0;
	text-indent: 0;
}

#wrapper #container #content #information ul.list li {
	border-top: 1px dotted #f09436;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 0;
	text-indent: 0;
}

#wrapper #container #content #information ul.list li.last {
	border-top: 1px dotted #f09436;
	border-bottom: 1px dotted #f09436;
}

#wrapper #container #content #information li div.section-title, #wrapper #container #content #information li div.calendar-date {
	font-size: 14px;
	font-weight: bold;
	color: #008464;
}

#wrapper #container #content #information li div.place {
	font-size: 12px;
	font-weight: bold;
	color: #7b7b7a;
  margin-left: 16px;
}

#wrapper #container #content #information li div.section-title img, #wrapper #container #content #information li div.calendar-date img {
	margin-right: 6px;
}

#wrapper #container #content #information li div.section-description, #wrapper #container #content #information li div.calendar-title, #wrapper #container #content #information li div.calendar-place, #wrapper #container #content #information li div.calendar-description, #wrapper #container #content #information li div.more-info {
	font-size: 14px;
	color: #7b7b7a;
	margin-left: 16px;
}

#wrapper #container #content #information li div.calendar-title {
	font-weight: bold;
	color: #000000;
}

#wrapper #container #content #information li div.calendar-title a {
  color: #000000;
  text-decoration: none;
}

#wrapper #container #content #information li div.calendar-title a:hover {
  color: #000000;
  text-decoration: underline;
}

#wrapper #container #content #information li div.calendar-place {
	margin-bottom: 14px;
}

#wrapper #container #content #information li div.calendar-description, #wrapper #container #content #information li div.calendar-place {
	font-size: 12px;
	color: #000000;
}

#wrapper #container #content #information li div.more-info {
	margin-top: 18px;
	font-weight: bold;
}

#wrapper #container #content #information li div.more-info a {
	color: #ea9135;
	text-decoration: none;
}

#wrapper #container #content #information li div.more-info a:hover {
	color: #ea9135;
	text-decoration: underline;
}

#wrapper #container #content #information li div.section-title a {
	color: #008464;
	text-decoration: none;
}

#wrapper #container #content #information li div.section-title a:hover {
	color: #008464;
	text-decoration: underline;
}

/**** extras ****/

#wrapper #container #extras {
	float: left;
	width: 198px;
	height: auto;
	margin-left: 40px;
	margin-bottom: 10px;
	margin-top: 11px;
}

#wrapper #container #extras .share {
	font-size: 10px;
	color: #474747;
}

#wrapper #container #extras .share a {	
	color: #474747;
	text-decoration: none;
	margin-right: 6px;
}

#wrapper #container #extras .share a:hover {	
	color: #474747;
	text-decoration: underline;
}

#wrapper #container #extras .newsletter {
	margin-top: 14px;
}

#wrapper #container #extras .calendar, #wrapper #container #extras .quick-links {
	margin-top: 34px;
}

#wrapper #container #extras .calendar ul, #wrapper #container #extras .quick-links ul {
	margin-top: 10px;
}

#wrapper #container #extras .calendar ul li, #wrapper #container #extras .quick-links ul li {
	list-style: none;
	margin-bottom: 16px;
}

#wrapper #container #extras .calendar ul li .date, #wrapper #container #extras .news ul li .date {
	color: #000000;
}

#wrapper #container #extras .calendar ul li .event-title a, #wrapper #container #extras .news ul li .news-snippet a {
	color: #008464;
	text-decoration: none;
}

#wrapper #container #extras .calendar ul li .event-title a:hover, #wrapper #container #extras .news ul li .news-snippet a:hover {
	color: #008464;
	text-decoration: underline;
}

#wrapper #container #extras .calendar ul li.full-event-list a, #wrapper #container #extras .news ul li.read-more a {
	color: #f09436;
	text-decoration: none;
	margin-top: 20px;
}

#wrapper #container #extras .calendar ul li.full-event-list a:hover, #wrapper #container #extras .news ul li.read-more a:hover {
	color: #f09436;
	text-decoration: underline;
	margin-top: 20px;
}

#wrapper #container #extras .news, #wrapper #container #extras .documents {
	margin-top: 20px;
}

#wrapper #container #extras .news ul, #wrapper #container #extras .documents ul {
	margin-top: 8px;
}

#wrapper #container #extras .news ul li, #wrapper #container #extras .documents ul li {
	list-style: none;
}

#wrapper #container #extras .documents ul li {
	padding-bottom: 18px;
}

#wrapper #container #extras .news ul li.read-more {
	margin-top: 8px;
}

#wrapper #container #extras .social-network {
	margin-top: 16px;
}

#wrapper #container #extras .social-network ul {
	width:198px;
}
#wrapper #container #extras .social-network ul li {
  float: left;
  list-style: none;
  width: auto;
  height: auto;
  margin-right: 5px;
}

/**** footer ****/
#wrapper #footer {
	float: left;
	width: 952px;
	height: auto;
	color: #3b3c3c;
	margin: 0 auto;
	/*margin-left: 226px;*/
}

#wrapper #footer .adoh-footer-logo {
	float: left;
	width: auto;
	height: auto;
	margin-top: 18px;
}

#wrapper #footer .footer-info {
	float: left;
	width: auto;
	height:auto;
	padding-left: 40px;
	margin-top: 18px;
}

#wrapper #footer .governor {
  float: right;
  width: 155px;
  height: 73px;
  margin-top: 16px;
  margin-right: 44px;
}

#wrapper #footer .footer-links {
	float: right;
	width: auto;
	height:auto;
	padding-left: 30px;
	margin-top: 18px;
	margin-right: 14px;
	text-align: right;
}

#wrapper #footer .footer-links a {
	color: #008464;
	text-decoration: none;
	margin-left: 10px;
}

#wrapper #footer .footer-links a:hover {
	color: #008464;
	text-decoration: underline;
	margin-left: 10px;
}

/**** search button ****/
.search {
  float: right;
  width: auto;
  height: 17px;
  margin-top: -17px;
}

.searchBtn {
  float: right;
  width: auto;
  height: 17px;
  padding: 0;
  margin: 0;
  margin-top: -17px;
}

.searchbox {
  width: 174px;
  height: 17px;
  border: 1px solid #fff;
  margin-top: 19px;
  margin-right: 2px;
}

.other-sections {
	width:auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-orange-regular-12, .custom-green-regular-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f09436;
}

.custom-orange-bold-12, .custom-green-bold-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #f09436;
}

.custom-orange-italic-12, .custom-green-italic-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #f09436;
}

.custom-orange-italic-12, .custom-green-italic-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	color: #f09436;
}

.custom-green-regular-14, .custom-orange-regular-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006644;
}

.custom-green-bold-14, .custom-orange-bold-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #006644;
}

.custom-green-italic-14, .custom-orange-italic-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	color: #006644;
}

.custom-green-italic-bold-14, .custom-orange-italic-bold-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	font-weight:bold;
	color: #006644;
}

h1 {
  color: #000;
}

h2 {
  color: #000;
}

h3 {
  color: #000;
}

#bulletin {
  margin-left: 12px;
	margin-top: 20px;
}

#bulletin .text {
  display:block;
  width:180px;
  margin-top:10px;
}

#bulletin .text a {
  font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#bulletin .text a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}