/* This file contains the styles only used on content pages */
body {
 min-width: 750px;
}

/* Breadcrumbs */
#breadcrumbs {
 width: 92%;
 clear: both;
 margin-left: auto;
 margin-right: auto;
 line-height: 1em;
 color: #666;
}

#breadcrumbs h1 {
 font-size: 0.8em;
 display: inline;
 font-weight: bold;
 margin: 0;
}

#breadcrumbs a {
 font-size: 0.8em;
}

#breadcrumbs p {
 margin: 0;
}

#breadcrumbs ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 border: none;
} 

#breadcrumbs ul li {
 margin-left: 0;
 padding-left: 2px;
 border: none;
 list-style: none;
 display: inline;
 font-size: 0.8em;
}

/* Main content */
#content {
 margin-left: 16em;
 margin-right: 16em;
 margin-top: 1em;
 clear: none;
}

/* Right-hand links */
#rightLinks {
 margin-top: 1em;
 width: 14em;
 float: right;
}

#rightLinks ul {
 list-style: none;
 margin: -0.1em 1em 0 0.5em;
 padding: 0;
}

#rightLinks ul li {
 border-bottom: #fff solid 1px;
 padding-bottom: 1em;
 line-height: 1.5em;
 font-size: 0.7em;
 color: #666;
 background: #fff;
}

#rightLinks a {
 font-size: 1.2em;
 text-decoration: underline;
}

/* General stuff for right links boxes */
/* Layout */

.rightLinksBox {
 right: 3em;
 margin: 0 0 2em 0;
 width: 12em;
 color:#000;
 background: transparent no-repeat bottom left;
}

.rightLinksBox .header {
 height: 30px;
 padding-left: 1em;
}

.rightLinksBox .footer {
 height: 12px;
}

.rightLinksBox .header .corner,
.rightLinksBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:30px;
 width: 14px;
 float: right;
}

.rightLinksBox .body {
 background:transparent url(../images/layout/content/rightlinks/ml.png) repeat-y 0px 0px;
}

.rightLinksBox .body .corner {
 background:transparent url(../images/layout/content/rightlinks/mr.png) repeat-y right 0px;
}

.rightLinksBox .body .corner .s {
 margin: 0px 0px 0px 0px;
 background: transparent;
 padding:0 0 0 0;
 position: relative; /* just so the "more..." link sticks to the bottom-right" */
}

.rightLinksBox .footer {
 background:transparent url(../images/layout/content/rightlinks/bl.png) no-repeat 0px 0px;
}

.rightLinksBox .footer .corner {
 background:transparent url(../images/layout/content/rightlinks/br.png) no-repeat right 0px;
}


/* Styles */

.rightLinksBox h1 {
 /* header */
 font-size:1.5em;
 color: #FE7013;
 line-height: 1em;
 text-transform: lowercase;
 font-weight: normal;
}

.rightLinksBox .header h1 {
 display: inline;
 clear: none;
 color: #fff;
 padding: 0;
 margin: 0 0 0 -0.2em;
 font-size: 1em;
 line-height: 27px;
}

.rightLinksBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

.rightLinksBox p.whatAreThese {
 text-transform: lowercase;
 font-size: 0.5em;
 font-weight: bold;
 text-align: right;
 background: #fff;
 margin-left: 5px;
 margin-right: 7px;
}

html>body .rightLinksBox pre {
 font-size:1.1em;
}

#usefulLinks .header {
 background:transparent url(../images/layout/content/rightlinks/tlDarkGrey.png) no-repeat 0px 0px;
}

#usefulLinks .header .corner {
 background:transparent url(../images/layout/content/rightlinks/trDarkGrey.png) no-repeat right 0px;
}

#sponsoredLinks .header {
 background:transparent url(../images/layout/content/rightlinks/tlLightGrey.png) no-repeat 0px 0px;
}

#sponsoredLinks .header .corner {
 background:transparent url(../images/layout/content/rightlinks/trLightGrey.png) no-repeat right 0px;
}

/* Left-hand navigation */
#leftNav {
 position: absolute;
 left: 1em;
 margin-top: 1em;
 width: 14em;
}

#leftNav ul {
 list-style: none;
 margin: -0.25em 1em 0 1em;
 padding: 0;
}

#leftNav ul li {
 border-bottom: #8b8b8b solid 1px;
 line-height: 1.5em;
 font-size: 1em;
}

#leftNav ul li.last {
 border-bottom: #fff solid 1px;
}

#leftNav a {
 text-decoration: none;
}

/* General stuff for left navigation box */
/* Layout */
.leftNavBox {
 margin:0 0 0 0;
 width: 14em;
 color:#000;
 background: transparent no-repeat bottom left;
 clear: both;
}

.leftNavBox .header {
 height: 36px;
 padding-left: 1em;
}

.leftNavBox .footer {
 height: 12px;
}

.leftNavBox .header .corner,
.leftNavBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:36px;
 width: 14px;
 float: right;
}

.leftNavBox .body {
 background:transparent url(../images/layout/content/leftnav/ml.gif) repeat-y 0px 0px;
}

.leftNavBox .body .corner {
 background:transparent url(../images/layout/content/leftnav/mr.gif) repeat-y right 0px;
}

.leftNavBox .body .corner .s {
 margin: 0px 0px 0px 0px;
 background: transparent;
 padding:0 0 0 0;
 position: relative; /* just so the "more..." link sticks to the bottom-right" */
}

.leftNavBox .footer {
 background:transparent url(../images/layout/content/leftnav/bl.gif) no-repeat 0px 0px;
}

.leftNavBox .footer .corner {
 background:transparent url(../images/layout/content/leftnav/br.gif) no-repeat right 0px;
}


/* Styles */
.leftNavBox ul a {
 color: #666;
}

.leftNavBox ul a:visited {
 color: #666;
}

.leftNavBox ul a:hover {
 color: #fe7013;
}

.leftNavBox h1 {
 /* header */
 font-size:1.5em;
 color: #FE7013;
 line-height: 1em;
 /*text-transform: lowercase;*/
 font-weight: bold;
}

.leftNavBox .header h1 {
 display: inline;
 clear: none;
 color: #fff;
 padding: 0;
 margin: 0 0 0 0;
 font-size: 1em;
 line-height: 27px;
}

.leftNavBox .header h1 a {
 color: #fff;
}

.leftNavBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

html>body .leftNavBox pre {
 font-size:1.1em;
}

/* Top-right banner ad stuff */
#topRightBannerAdContainer {
 position: absolute;
 top: 3.5em;
 right: 5em;
 height: 59px;
 width: 487px;
 background: #194b7d;
}

#topRightBannerAdTag {
 background: url(../images/layout/content/advertTag.png) no-repeat;
 width: 23px;
 height: 59px;
 float: left;
}

#topRightBannerAd {
 border: 2px #194b7d solid;
 padding: 0;
 z-index: 99;
 float: right;
}

#topRightBannerAd img {
 border: 0;
 padding: 0;
}

/* Text formatting stuff */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content h7 {
 /*text-transform: lowercase;*/
 margin: 0 0 0 -0.2em;
}

#content h1 {
 font-size: 2em;
}

#content h2 {
 font-size: 1.4em;
 color: #3b3b3b;
}

#content h3 {
 font-size: 1.0em;
 color: #666;
}

#content p {
 font-size: 0.8em;
 margin-top: 0;
 margin-bottom: 0.5em;
}

#content ul {
 font-size: 0.8em;
}

#content p.byline {
 font-weight: bold;
 line-height: 1.5em;
}
 
 /* postion images on content pages */
#content .floatLeft { float: left; padding-right: 30px; padding-bottom: 20px; }
/* Image boxes for content pages */
#content .boximage { background-color: #f5f5f5; font-size: 0.85em; margin: 0.8em 1.4em 0.5em 0; padding: 0; width: 152px; float: left; text-align: left; }
#content .boximage img { border: 1px solid #666666; }
#content .boximage-strapline { font-size: 1em; margin: 0; padding: 0.5em 0.6em 0.8em 0.8em; }
#content .boximage-strapline-hidden .boximage-strapline { display: none; }
#content .boximage-width-100px { width: 102px; }
#content .boximage-width-125px { width: 127px; }
#content .boximage-width-150px { width: 152px; }
#content .boximage-width-175px { width: 177px; }
#content .boximage-width-200px { width: 202px; }
#content .boximage-width-225px { width: 227px; }
#content .boximage-width-250px { width: 252px; }
#content .boximage-width-275px { width: 277px; }
#content .boximage-width-300px { width: 302px; }
#content .boximage-width-350px { width: 352px; }
#content .boximage-width-400px { width: 402px; }
/* Class to position boxes within content container */
#content .box-float-left { float: left; margin-right: 1.4em; margin-bottom: 0.5em; }
#content .box-float-right { float: right; margin-left: 1.4em; margin-right: 0.3em; margin-bottom: 0.5em; padding-left: 1em; }
/* Classes used to position images in boxes */
#content .box-imagefloat-left img { float: left; margin-right: 1.1em; margin-bottom: 0.4em; }
#content .box-imagefloat-right img { float: right; margin-left: 1.1em; margin-bottom: 0.4em; }
#content .box-image-hidden img { display: none; }

/*box divided landlord content page eg landlord leader page*/
#content .contentBoxRow { margin: 0; padding: 0; display: block; clear: left; width: 100%; }
#content .contentBoxLeader { float: left; margin: 0; padding: 0 0 1em 0; width: 48%; /*border-bottom: solid 1px #000; border-right: none; border-left: none; border-top: none;*/ }
#content .contentBoxLeader.leftBorder { /*border-left: solid 1px #000;*/ }
#content .contentBoxLeader p { margin: 0; padding: 0 1em 0 0; }
#content .contentBoxLeader h2 { margin: 0; padding: 0 1em 0 0; }
#content .contentBoxLeader .imgFloatLeft { float: left; margin: 0; padding: 0 0.3em 0.3em 0; }
#content .contentBoxLeader .imgFloatRight { float: right; margin: 0; padding: 0 0 0.3em 0.3em; }