/*
 Screen style    
 Site: Clare Housing
*/

body { font-size: 75%; padding: 0; background: url(../images/bg/body.gif) center top repeat-y; }
#top-bg { background: url(../images/bg/top-bg.gif) center top no-repeat; }

/* Wrapper */
#wrapper { width: 960px; margin: 0 auto; min-height: 500px; }

/* Header */
#header { position: relative; height: 146px; }
#accessibility { display: none; }
#logo { width: 235px; height: 47px; position: absolute; top: 32px; left: 31px; margin: 0; }
#logo img { display: block; }
#nav { position: absolute; bottom: 67px; left: 380px; }
#nav li { float: left; margin-left: 30px; }
#nav li.first { margin-left: 0; }
#nav a { font-size: 0.83em; font-weight: bold; text-transform: uppercase; }
#nav a.current, #nav a:hover, #nav a:active { color: #333; }

/* Home intro */
#home-intro { height: 365px; width: 960px; }
#home-intro span { background-image: url(../images/text/home-intro.jpg); }

/* Content */
#content { width: 575px; float: right; padding-bottom: 60px; margin-top: -4px; }
.homepage #content { margin-top: 0; }
#content .support { float: left; width: 257px; }
#content .support h3 { margin-top: 1.5em; margin-bottom:.25em;}
#content .support p { margin-bottom: 0.5em; line-height: 1.33; }
#content .news { float: right; width: 256px; }
#content .news h3 { margin: 1.5em 0 0.1em 0; }
#content .news p { margin-bottom: 0.5em; line-height: 1.33; }
#content .news .date { font-weight: bold; font-size: 0.83em; margin: 0 0 0.45em 0; }

#content .list { margin: -0.5em 0 1em 17px; }
#content .list li { padding-left: 17px; background: url(../images/bg/square.gif) 0 6px no-repeat; margin-bottom: 1em; }

#content .listnobullet { margin: -0.5em 0 1em 0px; }
#content .listnobullet li { padding-left: 0px; margin-bottom: 1.5em; line-height:14px; }


#content h2.padding { margin: 2.0em 0 1.3em 0; font: bold 1.33em/1.125 Arial, Helvetica, sans-serif; color: #605B30;  }
#content .list_smbullet { margin: 0.5em 0 1em 17px; }
#content .list_smbullet li { padding-left: 17px; background: url(../images/bg/square_sm.gif) 0 6px no-repeat; margin-bottom: 1em; }

#content h2.orange { margin: 2.0em 0 5px 0; font: bold 1.50em/1.25 Arial, Helvetica, sans-serif; color: #cf7019;  }

/* Stories */
#content .story { clear: both; margin: -10px 0 52px 0; }
#content .story h2 { margin: 0 0 0.5em 242px; font: bold 1.33em/1.125 Arial, Helvetica, sans-serif; color: #605B30;  }
#content .story h2 a { color: #605B30; }
#content .story h2 a:hover { color: #8d8646; }
#content .story p { margin: 0 0 0.75em 242px; line-height: 1.5; }
#content .story p.more a { text-transform: none; font-weight: bold; font-size: 1em; }
#content .story .overlay4 { float: left; }
#content .story .overlay4 span { cursor: pointer; }

/* News */
#content .news-item { clear: both; margin: 0 0 50px 0; }
#content .news-item h2 { margin: 0 0 0.5em 149px; font: bold 1.33em/1.125 Arial, Helvetica, sans-serif; color: #605B30;  }
#content .news-item h2 a { color: #605B30; }
#content .news-item h2 a:hover { color: #8d8646; }
#content .news-item p { margin: 0 0 0.75em 149px; line-height: 1.5; }
#content .news-item p.bod { margin: 0 0 0.75em 149px; line-height: 1.5; font-size:13px;}
#content .news-item p.by { font-weight: bold; font-size: 1.17em; margin: -0.35em 0 0.75em 149px; }
#content .news-item p.date { font-weight: bold; font-size: 1.0em; margin: -0.35em 0 0.75em 149px; }
#content .news-item p.more a { text-transform: none; font-weight: bold; font-size: 1em; }
#content .news-item .overlay3 { float: left; }
#content .news-item .overlay3 span { cursor: pointer; }
#content .news-item .overlay7 { float: left; }
#content .news-item .overlay7 span { cursor: pointer; }

/* Newsletter */
#content .newsletter { border-left: 1px solid #E1E2D8; float: right; width: 201px; padding: 0 0 0 26px; margin: 8px 0 30px 55px; }
#content .newsletter h2 { font: bold 1em/1.125 Arial, Helvetica, sans-serif; color: #605B30; text-transform: uppercase; margin-bottom: 1em; }
#content .newsletter h2 a { color: #605B30; }
#content .newsletter h2 a:hover { color: #8d8646; }
#content .newsletter img { float: right; display: block; margin: 0 0 0 10px; }
#content .newsletter p { line-height: 1.3; margin: 0 0 .5em 0; }
#content .newsletter p.more a { text-transform: none; font-weight: bold; font-size: 0.92em; }


/* Newsletter Archive */
#content .newsletterArchive { float: left; width: 245px; padding: 0 0 0 0; margin: 8px 0 30px 0; }
#content .newsletterArchive h2 { font: bold 1em/1.125 Arial, Helvetica, sans-serif; color: #605B30;margin-bottom: 1em; }
#content .newsletterArchive h2 a { color: #605B30; }
#content .newsletterArchive h2 a:hover { color: #8d8646; }
#content .newsletterArchive img { float: right; display: block; margin: 0 0 0 10px; }
#content .newsletterArchive p { line-height: 1.3; margin: 0 0 .5em 0; }
#content .newsletterArchive p.more a { text-transform: none; margin-left:15px; font-weight: bold; font-size: 0.92em; }

/* publications */
#content .publications { float: right; width: 275px; padding: 0 0 0 0; margin: 8px 0 30px 0; }
#content .publications h2 { font: bold 1em/1.125 Arial, Helvetica, sans-serif; color: #605B30; margin-bottom: 1em; }
#content .publications h2 a { color: #605B30; }
#content .publications h2 a:hover { color: #8d8646; }
#content .publications img { float: right; display: block; margin: 0 0 0 10px; }
#content .publications p { line-height: 1.3; margin: 0 0 .5em 0; }
#content .publications p.more a { text-transform: none; margin-left:15px; font-weight: bold; font-size: 0.92em; }




/* Sub navigation */
#sub-nav { border-left: 1px solid #E1E2D8; float: right; width: 159px; padding: 0 0 0 32px; margin: 8px 0 25px 52px; }
#sub-nav.resident-sub-nav { padding-left: 40px; width: 103px; margin: 8px 0 30px 52px; }
#sub-nav li { margin: -6px 0 13px 0; }
#sub-nav li.last { margin-bottom: 0; }
#sub-nav a { text-transform: uppercase; font-size: 0.83em; }
#sub-nav a:hover, #sub-nav a.current { color: #333; }

/* More links */
.more { margin-left: 1px; }
.more a:link, .more a:visited, .share a:link, .share a:visited { text-transform: uppercase; color: #9C600E; font-size: 0.92em; padding-right: 20px; background: url(../images/icons/more1.gif) 100% 40% no-repeat; }
.more a:hover, .more a:active, .share a:hover, .share a:active { color: #b36e10; }
.more-small { margin: 4em 0 0 0; }
.more-small a:link, .more-small a:visited { text-transform: none; font-weight: bold; font-size: 1em; }

/* Photo overlays */
.overlay { position: relative; }
.overlay img { display: block; } 
.overlay span { background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.overlay1 { width: 103px; height: 106px; }
.overlay1 span { background-image: url(../images/bg/overlay1.png); cursor: pointer; }
.overlay2 { width: 287px; height: 249px; }
.overlay2 span { background-image: url(../images/bg/overlay2.png); }
.overlay3 { width: 120px; height: 84px; }
.overlay3 span { background-image: url(../images/bg/overlay3.png); }
.overlay4 { width: 215px; height: 155px; }
.overlay4 span { background-image: url(../images/bg/overlay4.png); }
.overlay5 { width: 217px; height: 193px; float: right; margin: 20px 0 20px 23px; }
.overlay5 span { background-image: url(../images/bg/overlay5.png); }
.overlay6 { width: 205px; height: 270px; float: right; margin: 20px 0 20px 23px; }
.overlay6 span { background-image: url(../images/bg/overlay6.png); }

.overlay7 { width: 103px; height: 106px; }
.overlay7 span { background-image: url(../images/bg/overlay1.png); }
.overlay8 { width: 217px; height: 193px; float: left; margin: 0 20px 20px 0; }
.overlay8 span { background-image: url(../images/bg/overlay5.png); }



/* Homes */
.homes { margin-bottom: 5px; }
.home { float: left; width: 120px; margin: 0 0 36px 30px; }
.first-home-in-row { margin-left: 0; }
.home p { margin: 6px 0 0 0; }
.home p a { font-weight: bold; padding-right: 20px; background: url(../images/icons/more1.gif) 100% 40% no-repeat; }

/* Sidebar */
#sidebar { width: 288px; float: left; padding-bottom: 60px; }
#sidebar .more a { background-image: url(../images/icons/more2.gif); }
#sidebar .stories { margin-left: 33px; }
#sidebar .stories p { margin: 0 0 0.5em 0; }
#sidebar .story { clear: both; margin: 26px 0 42px 0; }
#sidebar .story h3, #sidebar .story p { margin-left: 117px; line-height: 1.33;  margin-bottom:.25em;}
#sidebar .stories .by { font-weight: bold; font-size: 0.83em; margin: -0.4em 0 0.6em 117px; }
#sidebar .story .overlay1 { float: left; margin-top: 5px; }

/* Brown box */
.brown-box { width: 287px; background: #CF7019 url(../images/bg/brown-box.gif) no-repeat; padding-top: 25px; margin: -4px 0 28px 0; }
.brown-box div { background: url(../images/bg/brown-box-bottom.gif) bottom left no-repeat; padding: 0 41px 25px 42px; color: #fff; text-align: center; min-height: 150px; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", times, serif; }

.brown-box div.longcopy { background: url(../images/bg/brown-box-bottom.gif) bottom left no-repeat; padding: 0 30px 30px 35px; color: #fff; text-align: center; min-height: 140px; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", times, serif; font-weight: normal; font-size: 1.40em; line-height: 1.38; }

.brown-box div.extra { background: url(../images/bg/brown-box-bottom.gif) bottom left no-repeat; padding: 0 25px 30px 25px; color: #fff; text-align: center; min-height: 140px; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", times, serif; font-weight: normal; font-size: 1.2em; line-height: 1.38; }
.brown-box div.extra  h2 { font-size: 1.83em; font-weight: normal; margin-bottom: 0.35em; text-align:center;}


.brown-box div p.small { font-size: .90em; }

.brown-box p.view a, .call-to-action p.view a:visited { color: #fff; background: url(../images/icons/view.gif) right center no-repeat; padding-right: 18px; }


.brown-box p.view a:hover, .call-to-action p.view a:active { color: #8f580d; }

a.foo {color:#ffffff;}
a.foo:hover{color:#8f580d;text-decoration:none;}

.brown-box-small { padding-top: 38px; }
.brown-box-small div { padding-bottom: 15px; }
.brown-box-simple { padding-top: 32px; }
.brown-box-simple div { padding: 0 32px 35px 30px; }
.brown-box blockquote, .brown-box-simple p { font-size: 1.67em; line-height: 1.5; margin-bottom: 0.25em; }
.brown-box blockquote strong { font-size: 1.5em; font-weight: normal; line-height: 1.0; }
.brown-box-small blockquote { margin-bottom: 0.65em; }
.brown-box p { margin: 0; }
.brown-box-small p.author { font-size: 1.17em; }
.brown-box-simple p { font-weight: bold; }

.brown-box blockquote a { color: #fff; }
.brown-box blockquote a:hover { color: #8f580d; }

/* Call to action */
.call-to-action { background-image: url(../images/bg/call-to-action.gif); }
.call-to-action div { padding: 0 30px 25px 19px; background-image: url(../images/bg/call-to-action-bottom.gif); }
.call-to-action h2 { font-size: 2em; margin: -0.25em 0 0.5em 0;  }
.call-to-action p { font-size: 1.17em; margin: 0; line-height: 1.43; }
.call-to-action p.view { font: bold 0.91em/1.45 Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 1.25em;  }
.call-to-action p.view a, .call-to-action p.view a:visited { color: #fff; background: url(../images/icons/view.gif) right center no-repeat; padding-right: 18px; }
.call-to-action p.view a:hover, .call-to-action p.view a:active { color: #8f580d; }

/* Grey box */
.grey-box { width: 287px; background: #E1E2D8 url(../images/bg/grey-box.gif) no-repeat; padding-top: 20px; margin: 28px 0; }
.grey-box div { background: url(../images/bg/grey-box-bottom.gif) bottom left no-repeat; padding: 0 33px 20px 33px; text-align: center; min-height: 148px; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", times, serif; }
.grey-box h2 { font-size: 1.83em; font-weight: normal; margin-bottom: 0.35em; line-height: 1.10; }
.grey-box h3 { font-size: 1.73em; font-weight: normal; margin-bottom: 0.35em; }
.grey-box p { font-size: 1.17em; line-height: 1.29; margin: 0; }
.grey-box p img { vertical-align: middle; }
.grey-box p.more, .grey-box p.share { margin-top: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase;  }
.grey-box p.share a { background-image: url(../images/icons/share.gif); }
.grey-box .skills { background: url(../images/icons/skills.gif) no-repeat; padding: 1px 37px 0 37px; font-size: 1.17em; }

/* Footer */
#footer { clear: both;  font-weight: bold; color: #6D6E5E; font-size: 0.83em; margin: 0 0 15px 33px; }
#footer p { margin: 0; }
#footer a { color: #6D6E5E; }
#footer a.current, #footer a:hover { color: #333; }
#footer .vcard { float: left; width: 255px; }
#footer .vcard .tel { margin-left: 13px; }
#footer ul { float: right; width: 575px;  }
#footer li { float: left; margin-left: 20px; padding-top:2px; height:35px; }
#footer li.newsletter { margin-left: 0; padding-left: 21px; background: url(../images/icons/newsletter2.gif)  left top no-repeat; }
#footer li.facebook { margin-left: 15; padding-left: 21px; background: url(../images/icons/facebook.gif) left top no-repeat; }




p.facebook { margin-left: 15; padding-left: 21px; background: url(../images/icons/facebook.gif) left top no-repeat; }




/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#footer:after, #sidebar .story:after, .homes:after, #content .story:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;  }



/* noimage-item */
#content .noimage-item { clear: both; margin: 0 0 30px 0; }
#content .noimage-item h2 { margin: 0 0 0.7em 0; font: bold 1.33em/1.125 Arial, Helvetica, sans-serif; color: #605B30;  }
#content .noimage-item h2 a { color: #605B30; }
#content .noimage-item h2 a:hover { color: #8d8646; }
#content .noimage-item p { margin: 0 0 0.95em 0; line-height: 1.5; }
#content .noimage-item p.title { font-weight: bold; font-size: 1.17em; margin: -0.35em 0 0 0; }
#content .noimage-item p.by { font-weight: bold; font-size: 1.17em; margin: -0.35em 0 0.15em 0; }
#content .noimage-item p.more a { text-transform: none; font-weight: bold; font-size: 1em; }
#content .noimage-item .overlay3 { float: left; }
#content .noimage-item .overlay3 span { cursor: pointer; }
#content .noimage-item .overlay7 { float: left; }
#content .noimage-item .overlay7 span { cursor: pointer; }

/* right-image-item */
#content .right-image-item { margin: 0 0 30px 0; }
#content .right-image-item h2 { margin: 0 0 0.7em 0; font: bold 1.33em/1.125 Arial, Helvetica, sans-serif; color: #605B30;  }
#content .right-image-item h2 a { color: #605B30; }
#content .right-image-item h2 a:hover { color: #8d8646; }
#content .right-image-item p { margin: 0 0 0.95em 0; line-height: 1.5; }
#content .right-image-item p.title { font-weight: bold; font-size: 1.17em; margin: -0.35em 0 0 0; }
#content .right-image-item p.by { font-weight: bold; font-size: 1.17em; margin: -0.35em 0 0.15em 0; }
#content .right-image-item p.more a { text-transform: none; font-weight: bold; font-size: 1em; }
#content .right-image-item .img { float: right; margin: 0 0 0 0; }