/***********************************************\
|			COLORS USED				 |
|									 |
|	Background			#f6f6f6	 		 |
|	Unity Blue			#52207b      #52207b	 |
|	Unity Light Blue		#d7d0e5 	#dacbe1	 |	#ded3e7 -- DOWNLOADS PAGE
|	Unity Alt Blue		#553284 			 |
|	Housing Pink		#c00260			 |
|	Housing Light Pink	#f6d3e3			 |	#f5d9e5 -- DOWNLOADS PAGE
|	Enterprise Green		#7fc31c			 |	
|	Enterprise Ligh Green	#ecf8d6			 |	#ecf4df -- DOWNLOADS PAGE
|	Extranet Dark Grey	#777			 |
|	Extranet Light Grey	#111				 |
|									 |
\***********************************************/


/***********************************************\
|			HTML ELEMENTS			 |
\***********************************************/

* { 
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

a, a:visited {}
a:hover, a:focus {}
a:active{}
a acronym, a abbr { cursor: hand; }
a img { border: 0; }
address {	font-style: normal; }

body {
	width: 625px;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	margin: 0;
	color: #000;
}

blockquote {
	text-align: center;
	border: 1px solid #f0f;
	padding: 10px;
	margin: 15px;
}

abbr, acronym {
	border: 0;
	cursor: help;
}

h1 { 
	font-size: 1.7em; 
	margin: 0;
}

h2 {
	font-size: 1.2em; 
	margin: 0.8em 0;
}

h3 {
	font-size: 1.1em;
	margin: 0.8em 0;
}

h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #52207b;
	font-weight: normal;
}

li {
	margin:  3px 0 5px 20px;
}


p {
	margin: 0.8em 0;
}

strong{}


/***********************************************\
|			CLASSES					 |
\***********************************************/

.alignCenter{text-align: center;}
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.clearBoth{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.displayNone{display: none;}
.floatRight{float: right;}
.floatLeft{float: left;}
.highlight{	color: #ff0000; }

.imgLeft{
	float: left;
	margin: 0 12px 8px 0;
	padding: 0;
	border: 1px solid #000;
}

.imgRight{
	float: right;
	margin:  10px 0 10px 10px;
}

.imgLeftNoBorder{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	padding: 10px 10px 10px 0;
}

.imgRightNoBorder{
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}

.margin0{ margin: 0; }
.padding0{ padding: 0; }

.overflowHidden{overflow:hidden;}
.uppercase{text-transform:uppercase;}
.captialize{text-transform:capitalize;}

.printOnly{}

.skip {display: none;} 

.text08em {
	font-size: 0.8em;
}

#topSkip {
	position: absolute; 
	left: -100%;
}

#topSkip:focus,#topSkip:active { 
	position:absolute;
	left: auto;
	padding-left: 5px;
	background-color: #fff;
}

.linkDivider{display: none;}


.floatRightClearRight {
	float: right;
	clear: right;
}


/***********************************************\
|			TEMPLATE LAYOUT			 |
\***********************************************/

/** TOP **/
#top {display: none;}
#groupSubNavSpacer {display: none;}
#groupSubNav{display:none}
#groupNav {display:none;}
#nav {display: none;}
#breadcrumb{display: none;}

#header{
	display: block;
}

#header img {
	float: right;
}

/** MIDDLE **/
#middle {clear: both;}

#contentHolder {}
#content {
	padding-top: 20px;
}

#content ol li div {
	text-transform: capitalize;
	font-variant: small-caps;
	font-size: 1.2em;
	color: #52207b;
}

/** not perfect for internal links **/
#content a:after{
	text-decoration: none;
	content: " " attr(href) " ";
	font-size: 70%;
}

p.summary{
	font-weight: bold;
}

/** COLUMN **/
#column {display: none;}

/** FOOTER **/
#footer {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 2px solid #000;
	clear: both;
	text-align: center;
}

#footer #footerLine1 {
	font-size: 0.7em;
	margin-bottom: 5px;
}

#footer #footerLine2 {
	font-size: 0.7em;
	color: #888;
}

#footer #footerLine2 span {display: none;}




ul li.hideElement, ul li.showElement, div.showElement , div.hideElement , ul.showElement , ul.hideElement {
	display: block;
}

body #content ul.toggleList a:after {
	content: "";
}


/**** GENERIC FORMS ****/
form {display: none;}
/***********************************************\
|			PAGE TEMPLATES			 |
\***********************************************/

table{
	margin-right: 20px;
	color: #000;
	padding: 0;
	background-color: #fff;
	border: 1px solid #000;
	width: 100%;
}

table .tableAlignCenterTop{
	text-align: center;
	vertical-align: middle;
}

table .verticalAlignTop {
	vertical-align: top;
}

table thead th{
	background-color: #fff;
	padding: 5px 0;
	text-align: center;
	font-size: 1.1em;
}

table tr.odd{
	color: #000;
	background-color: #f00;
	margin: 0;
	padding: 0;
}

table tr.even{
	background-color: #fff;
	border: 1px solid #fff;
}

table td{
	padding: 3px 5px;
}


/***********************************************\
|			ARTICLE TEMPLATES			 |
\***********************************************/

.clickHere {
	position: absolute;
	left: -100em;
}

.authorArticleImg {
	float: right;
	margin-left: 5px;
}

body #content .authorArticleImg a:after {
	content: "";
}

.newsItem h2 {
	margin: 1em 0 0 0;
}

#content .newsItem p {
	margin: 0 0 0 0;
}

#articleImageHolder{
	width: 600px;
	margin: 20px auto;
	text-align: center;
}

.articleImageHolderThumb a {
	text-align: center;
	vertical-align: middle;
}

.articleThumbItemLeft {
	float: left;
	width: 266px;
	text-align: center;
}

.articleThumbItemRight{
	float: right;
	width: 266px;
	text-align: center;
}

.articleRowThumb{
	margin: 20px 0;
	clear: both;
	overflow: hidden; /* FF 'fix' */
	height: 100%;
	border: 1px solid #000;
}

#articleImageNav{
	margin: 0 auto 20px auto;
	width: 440px;
	color: #118dcd;
}

#articleImageNext{
	float: right;
	display: inline;
	margin-right: 20px;
	width: 100px;
	text-align: right;
}

#articleImagePrev{
	float: left;
	display: inline;
	margin-left: 20px;
	width: 100px;
	text-align: left;
}

#articleImageReturn{
	margin: 0 auto;
	width: 170px;
	text-align: center;
}

.writtenBy {
	font-size: 0.6em;
}


/***********************************************\
|			LISTING TEMPLATES			 |
\***********************************************/

#listingImageHolder{
	width: 544px;
	margin: 20px auto;
}

.listingImageHolderThumb a {
	text-align: center;
	vertical-align: middle;
}

.listingThumbItemLeft {
	float: left;
	width: 266px;
	text-align: center;
}

.listingThumbItemRight{
	float: right;
	width: 266px;
	text-align: center;
}

.listingRowThumb{
	margin: 20px 0;
	clear: both;
	overflow: hidden; /* FF 'fix' */
	height: 100%;
	border: 1px solid #000;
}

#listingImageNav{
	margin: 0 auto 20px auto;
	width: 440px;
	color: #118dcd;
}

#listingImageNext{
	float: right;
	display: inline;
	margin-right: 20px;
	width: 100px;
	text-align: right;
}

#listingImagePrev{
	float: left;
	display: inline;
	margin-left: 20px;
	width: 100px;
	text-align: left;
}

#listingImageReturn{
	margin: 0 auto;
	width: 170px;
	text-align: center;
}


/***********************************************\
|			SECTION SPECIFIC			 |
\***********************************************/

/** Housing (pink) **/
.housing h1, .housing h2, .housing h3, .housing h4, .housing h5, .housing h6, #housingDownloads h1, #housingDownloads h2, #housingDownloads h3  {
	color: #c00260;
}

.housing #content a, #housingDownloads a, #sitemapHousing a {
	color: #c00260;
}

.housing #content a:visited {}

.housing #content a:hover, .housing #content a:focus, #housingDownloads a:hover, #housingDownloads a:focus,
#sitemapHousing a:hover, #sitemapHousing a:focus {
	text-decoration: none;
	background-color: #f6d3e3;
}

.housing #content a:active, #housingDownloads a:active, #sitemapHousing a:active {
	color: #fff;
	background-color: #c00260;
}

.housing #groupSubNav a{ color: #c00260; }
.housing #groupSubNav a.current { color: #52207b; }
.housing #groupSubNav a:hover, .housing #groupSubNav a:focus { 
	color: #fff;
	background-color: #c00260; 
}

.housing #groupSubNav a:active {
	color: #000;
	background: none;
}




/** Enterprise (green) **/
.enterprise h1, .enterprise h2, .enterprise h3, .enterprise h4, .enterprise h5, .enterprise h6, #enterpriseDownloads h1, #enterpriseDownloads h2, #enterpriseDownloads h3 {
	color: #7fc31c;
}

.enterprise  #content a, #enterpriseDownloads a, #sitemapEnterprise a {
	color: #7fc31c;
}

.enterprise #content a:visited {}

.enterprise #content a:hover, .enterprise #content a:focus, #enterpriseDownloads a:hover, #enterpriseDownloads a:focus, #sitemapEnterprise a:hover, #sitemapEnterprise a:focus {
	text-decoration: none;
	background-color: #ecf8d6;
}

.enterprise #content a:active, #enterpriseDownloads a:active, #sitemapEnterprise a:active {
	color: #fff;
	background-color: #7fc31c;
}

.enterprise #groupSubNav a{ color: #7fc31c; }
.enterprise #groupSubNav a.current { color: #52207b; }
.enterprise #groupSubNav a:hover, .enterprise #groupSubNav a:focus { 
	color: #fff;
	background-color: #7fc31c; 
}

.enterprise #groupSubNav a:active {
	color: #000;
	background: none;
}

/** Extranet **/
.enterprise #groupSubNav a{ color: #7fc31c; }
.enterprise #groupSubNav a.current { color: #52207b; }
.enterprise #groupSubNav a:hover, .enterprise #groupSubNav a:focus { 
	color: #fff;
	background-color: #7fc31c; 
}

.enterprise #groupSubNav a:active {
	color: #000;
	background: none;
}

/***********************************************\
|			PAGE SPECIFIC (a-z)			 |
\***********************************************/

/** /contact/ **/
.contactList li {
	list-style-type: none;
	margin: 0;
}

.contactList li.spacer {
	margin-top: 10px;
}

.contactList li.doubleSpacer {
	margin-top: 20px;
}

#contactSending {
	font-style: italic;
	padding: 5px 10px 0 10px;
}

#map {
	margin-bottom: 15px;
	width: 390px;
	height: 260px;
}

#bubble {
	width: 220px;
	display: block;
}

#bubble label {
	display: block;
	margin-bottom: 10px;
}

#bubble h2 {
	margin: 0 0 10px 0;
}

#bubble #directionSubmit {
	font-size: 0.9em;
}

/** /downloads/ **/
#downloads {}

.downloadsH2 span {
	font-size: 0.6em;
	font-variant: small-caps;
	text-transform: uppercase;
}

.downloadsH3, .downloadsH4 {
	margin: 15px 0 0 0;
}


/** /links/ **/
ul.usefulLinks {
	margin-top: 0;
	padding-top: 0;
}

ul.usefulLinks li{
	margin-bottom: 5px;
	list-style-type: square;
}

h2.linksPage {
	margin-bottom: 8px;
	padding-bottom: 0;
}

/** /our_vision/ **/
#missionStatement {
	text-align: center;
	font-size: 1.3em;
	padding: 0px 15px;
}

/** /site/sitemap/ **/

#sitemapGroup, #sitemapHousing, #sitemapEnterprise {
	float: left;
	display: inline;
	overflow: hidden;
	height: 100%;
	width: 210px;
	margin-bottom: 25px;
}

#sitemapAbout {
	clear: both;
}

/** /unity_housing/faqs/ **/
.faq, .about {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.faq li, .about li {
	margin: 5px 0;
	padding: 0;
}

#content .faq li p, #content .about li p {
	margin: 0;
	padding: 5px 10px;
}

/** /unity_housing/our_properties/ **/
#content .toggleList a{
	text-decoration: none;
}

#content ul.toggleList{
	list-style-type: square;
	margin: 0;
	padding: 0;
}

/** /extranet/ **/

.extranetImg {
	margin-right: 15px;
	}
	
#supportLogos {
	width: 285px;
	float: right;
	margin: 10px 12px 0 0;	
}

.floatRight2 {
	margin-top: 6px;
	float: right;
	clear: left;
}

/** ABOUT **/

.authorImg {
	float: right;
	clear: right;
	
}

.aboutPeople {
	
	float: left;
	width: 230px;
}

.aboutHolder {
	min-height: 100px;
	clear: both;
	margin-bottom: 10px;
	height: 100%;
	overflow: hidden;
}