/*
   Full Page: Maroon
   
   Colors:
   
   #663333     Maroon         RGB(102,51, 51)
   #8C4646     Mauve          RGB(140,70,70)
   #B35959     Dark Pink      RGB(179,89,89)
   #664433     Brown          RGB(102,68,51)
   #8C5E46     Light Brown    RGB(140,94,70)
   #B37759     Tan            RGB(179,119,89)
   #999999     Lavender       RGB(153,153,153)
   #666666     Charcoal Gray  RGB(102,102,102)
   #FFFFFF     White          RGB(255,255,255)

*/

body 
{
   font: 62.5%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;   
   background-color: #fff;   
}

#subNavigation
{
   text-align: right;
   font-size: 1.1em;
}

#subNavigation a
{
   text-decoration: none;
   color: #666;
}

#subNavigation a:hover
{
   color: #8C4646;
   text-decoration: underline;
}

#subNavigation a:visited
{
   color: #666;
}

#wrapper
{
   width: 800px;
   position: relative;
   left: 50%;
   margin-left: -400px;
}

#wrapper p
{
   padding-left: 35px;
   padding-right: 35px;
}

#wrapper h3
{
   font-size: 1.5em;
   color: #8C4646;
   padding-left: 50px;
   float: none;
}

#wrapper h3 a
{
   font-size: 0.75em;
   color: #666;
   padding-left: 15px;
   background: #fff url(images/magnify.jpg) no-repeat 0% 50%;
}

#mainNarrative address
{
   margin-left: 25px;
   font-size: 1.5em;
   color: #666;
   font-style: normal;
}

p subText
{
  clear: both;
   margin: -20px 50px 25px 50px;
   padding: 0px;
}

p subTextNarrative
{
   margin: 20px 10px 25px 10px;
   padding: 0;
   float: left;
   font-size: 1.25em;
   clear: both;
   display: block;
   border: 1px solid orange;
}

#pageContent
{
   width: 100%;
   margin: 0 auto;
   text-align: left;
   padding-bottom: 50px;
}

#branding
{
   width: 800px;
   height: 250px;
   background-color: #663333;
   background: #663333 url(images/HousingImages.jpg) no-repeat 50% 80%;
}

#brandingSeal
{
   float: left;
   padding-top: 20px;
   padding-left: 20px;  
}

#branding h1
{
   float: left;
   font-size: 2.75em;
   font-weight: bolder;   
   color: #B35959;
   padding-top: 50px;
   padding-left: 25px;
   width: 450px;
   text-transform: capitalize;   /* In case user entered all upper or lower */
   letter-spacing: -0.05em;
   word-spacing: 0.25em;
}

#branding h1 a
{
   color: #B35959;
   text-decoration: none;
}

#branding Address
{
   float: right;
   color: #fff;
   font-size: 1.25em;
   padding-right: 20px;
   padding-top: 10px;
   padding-bottom: 20px;
   font-style: normal;
   text-align: right;
}

.clear
{
   clear: both;
}

#bannerClear
{
   clear: both;
}

#mainLinks ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 800px;
  list-style: none;
  font-size: 1.25em;
  background-color: #663333;
  text-transform: lowercase;
  background: #663333 url(images/rcbottom.gif) no-repeat  left bottom;
}

#mainLinks ul li {
  float: left;
  padding-bottom: 10px;
}


#mainLinks ul a {
  padding: 0 .75em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}

#mainLinks ul a:hover {
  /*color: #B35959;*/
  color: #B37759;
}


#mainLinks ul .first a {
}


#mainNarrative
{
   width: 100%;
   float: left;
   font-size: 1em;
   min-height: 15em;
   padding: 1em;
   margin: 0;
   background-color: #fff;
}


#mainNarrative h1
{
   font-size: 2.0em;
   color: #8C4646;
   padding: 1.1em 0 0 0; 
   clear: both;
}

#mainNarrative p
{
   font-size: 1.2em;
   line-height: 1.5em;
}

#mainNarrative ul
{
   list-style: square;
   font-size: 1.5em;
   color: #666;
}

#mainNarrative ul a
{
   text-decoration: none;
   font-size: 1em;
   color: #664433;
}

#mainNarrative ul a:hover
{
   text-decoration: underline;
}

#mainNarrative ul a:visited
{
   color: #669933;
}

#mainNarrative ul li
{
   padding-bottom: 0.5em;
}

.mainImage
{
   float: right;
   padding-left: 10px;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-left: 50px; 
  padding-right: 15px;
  font-size: 1.5em;
  color: #8C4646;
}

/* For Shadowing images */
.imgWrapper
{
   background: url(images/shadow.gif) no-repeat bottom right;
   clear: right;
   float: left;
}

.imgWrapper img
{
   margin: -5px 5px 5px -5px;
}

/* Common to all pages */
.heading
{
   font-size: 1.5em;
   color: #B35959;
   padding: 0px 0px 15px 0px;
}

/* Commissioner's Page */
.Commish_Name
{
   font-size: 1.65em;
   padding-left: 0px;
   color: #663333;
   font-weight: bolder;
   font-variant: small-caps;
}
.Commish_Title
{
   font-size: 1.25em;
   color: #B37759;
   padding-left: 50px;
   font-weight: bolder;
}

.Commish_Title a
{
   font-size: .9em;
   text-decoration: none;
}

.Commish_Title a:hover
{
   text-decoration: underline;
}

.elementName
{
   font-size: 1em;
   font-weight: bolder;
   color: #663333;
   padding-left: 0px;
   padding-bottom: 5px;
}

.elementName a
{
   font-size: 1.65em;
   padding-left: 0px;
   color: #663333;
   font-weight: bolder;
   font-variant: small-caps;
   text-decoration: none;
}

.elementName a:hover
{
   color: #666;
   text-decoration: underline;
}

.elementBrief
{
   font-size: 1.10em;
   padding-left: 350px;
   padding-bottom: 10px;
   width: 425px;
}

.elementBrief a
{
   color: #000;
   text-decoration: none;
}

.elementBrief a:hover
{
   color: #663333;
}

.elementBrief a:visited
{
   color: #000;
}

.elementNarrative
{
   padding-left: 135px;
   padding-right: 25px;
   font-size: .85em;
   float: left;
}

#faqQuestion
{
   color: #663333;
   font-size: 1.5em;
   padding-left: 25px;
   height: 25px;
   /*background: #fff url(images/QuestionMark.gif) no-repeat left top;*/
}

#faqAnswer
{
   color: #666666;
   font-size: 1.25em;
   padding-left: 35px;
   padding-bottom: 10px;
   line-height: 1.5em;
}

.pageNarrative
{
   padding: 5px 0px 5px 20px;
   font-size: 1.1em;
   color: #666666;
}

#pageFooter
{
   clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 25px;
   font-size: 0.95em;
   color: #FFF;
	background-color: #663333;
	background: #663333 url(images/rctop.gif) no-repeat  left top;
}

#pageFooterLinks
{
   padding-bottom: 10px;
}

#pageFooter a
{
   text-decoration: none;
   font-size: 1.25em;
   color: #fff;
}

#pageFooter A:hover
{
   text-decoration: underline;
}

#pageFooter A:visited
{
   color: #FFF;
}

#pageCredits
{
   padding-top: 25px;
   font-family: Verdana, Sans-Serif, Arial;
   width: 100%;
   text-align: center;
}

#pageCredits a
{
   color: #000;
   text-decoration: none;
   font-size: 14px;
}

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

#pageCredits :visited
{
   color: #000;
   text-decoration: none;
}

#ehoLogo
{
   padding: 25px 0 25px 0;
}

#backLink
{
   font-size: 1.5em;
   padding: 20px 0px 20px 0px;
   margin: 0px 150px 0px 150px;
   clear: both;
}

#backLink a
{
   color: #666;
}

.caption
{
   color: #663333;
   font-size: 1.1em;
   font-weight: bolder;
}

#faceBookLike
{
   text-align: center;
}