/* Basic layout */
body {margin: 0;padding: 0;	background-color: #E1E0EA; text-align: center}
#container {width: 960px;margin:  0 auto;padding: 0; text-align: center; background:transparent}
#content{width:960px; padding:0; margin:0; text-align:left; }
#container-inner{background-color:#fff; background: #fff url(../images/assets/left-column-bg.png) 0 0 repeat-y;}
#sidebar-a{clear:both;float:left; width:200px}
#sidebar-b{float:right; width:220px; background-color:#F8F7F3; margin:-2px 0 0 0}
#content-main{float:left;margin-left:-20px;padding-top:8px;width:520px;}
#content-main.fullwidth{width:762px}
#content-main.fullwidth.carousel{padding-top:0}
/* END Basic layout */

/* Header */
#header{background: #fff url(../images/assets/header-family.jpg) 100% 0 no-repeat; margin:0}
/* END Header */

/* Branding */
#branding {float:left; width:200px; height:142px; margin:6px 0 0 12px}
#branding a{background: transparent url(../images/assets/logo-south-tyneside-homes.gif) 0 0 no-repeat; width:195px; height:109px; display:inline-block}
#branding span{position:absolute; top:-999em; left:-999em}
/* END Branding */

/* Google search */
#google-search{position:relative; top:50px; left:-110px; float:right; width:660px}
#google-search #q{font-size:1.6em; width:345px}
#google-search #search{position:relative; top:11px}
/* END Google search */

/* Navigation - Primary */
#nav-primary{background: transparent url(../images/assets/nav-primary-bg.gif) 0 0 repeat-x;clear:both; height:33px}
#nav-primary ul{list-style:none; margin:0; padding:0}
#nav-primary ul li{float:left; margin:0}
#nav-primary ul li span{position:absolute; top:-999em; left:-999em}
#nav-primary ul li a{background: transparent url(../images/assets/nav-primary-bg-li.gif) 0 0 no-repeat; display:inline-block;height:33px; margin:0}
#nav-primary ul li.home a{background-position:0 0; width:72px}
#nav-primary ul li.home a:hover{background-position:0 -66px}
body#page-home #nav-primary ul li.home a{background-position:0 -33px}
#nav-primary ul li.about a{background-position:-72px 0; width:90px}
#nav-primary ul li.about a:hover {background-position:-72px -66px}
body#page-about-us #nav-primary ul li.about a{background-position:-72px -33px}
#nav-primary ul li.contact a{background-position:-162px 0; width:104px}
#nav-primary ul li.contact a:hover {background-position:-162px -66px}
body#page-contact-us #nav-primary ul li.contact a{background-position:-162px -33px}
#nav-primary ul li.useful a{background-position:-266px 0; width:130px}
#nav-primary ul li.useful a:hover{background-position:-266px -66px} 
body#page-useful #nav-primary ul li.useful a{background-position:-266px -33px}
#nav-primary ul li.news a{background-position:-396px 0; width:74px}
#nav-primary ul li.news a:hover {background-position:-396px -66px}
body#page-news #nav-primary ul li.news a{background-position:-396px -33px}
#nav-primary ul li.pubs a{background-position:-470px 0; width:106px}
#nav-primary ul li.pubs a:hover{background-position:-470px -66px} 
body#page-pubs #nav-primary ul li.pubs a{background-position:-470px -33px}
#nav-primary ul li.jobs a{background-position:-576px 0; width:70px}
#nav-primary ul li.jobs a:hover{background-position:-576px -66px}
body#page-jobs #nav-primary ul li.jobs a{background-position:-576px -33px}
/* END Navigation - Primary */

/* Navigation - Secondary */

/* END Navigation - Secondary */
ul#nav-secondary{width:195px;float:left;list-style:none;margin-left:1px;margin-top:0px;padding-left:20px; position:relative; left:-22px; clear:both}
ul#nav-secondary li{list-style:none;margin:0;padding:0;float:left;}
ul#nav-secondary li a{width:177px;float:left;border-bottom:1px solid #dcddde;border-top:1px solid #fff;text-decoration:none;font-weight:bold;color:#333;display:block;padding:8px 0;line-height:1.7em;margin-left:1px;padding-left:15px;position:relative}
ul#nav-secondary li a:hover{color:#000; text-decoration:underline}

body.applying ul#nav-secondary li a.nav-sec-1, body.applyingul#nav-secondary li a.nav-sec-1:hover,
body.decent-homes ul#nav-secondary li a.nav-sec-2, body.decent-homes ul#nav-secondary li a.nav-sec-2:hover,
body.estate-management ul#nav-secondary li a.nav-sec-3, body.estate-management ul#nav-secondary li a.nav-sec-3:hover,
body.equality-and-diversity ul#nav-secondary li a.nav-sec-4, body.equality-and-diversity ul#nav-secondary li a.nav-sec-4:hover,
body.keeping-safe ul#nav-secondary li a.nav-sec-5, body.keeping-safe ul#nav-secondary li a.nav-sec-5:hover,
body.get-involved ul#nav-secondary li a.nav-sec-6, body.get-involved ul#nav-secondary li a.nav-sec-6:hover,
body.money-matters ul#nav-secondary li a.nav-sec-7, body.money-matters ul#nav-secondary li a.nav-sec-7:hover,
body.repairs ul#nav-secondary li a.nav-sec-8, body.repairs ul#nav-secondary li a.nav-sec-8:hover,
body.support-services ul#nav-secondary li a.nav-sec-9, body.support-services ul#nav-secondary li a.nav-sec-9:hover,
body.your-tenancy ul#nav-secondary li a.nav-sec-10, body.your-tenancy ul#nav-secondary li a.nav-sec-10:hover{color:#fff;background:url('../images/assets/subnav-active.png') 0 100% no-repeat;width:178px;position:relative;top:0px;left:-15px;padding-left:30px;padding-bottom:18px; border:0; border-top:1px solid #C58E10}

/*Firefox 2 fix*/
ul#nav-secondary li{}
ul#nav-secondary li ul{padding:10px 0 20px 0;}
ul#nav-secondary li ul li{border:0 !important;font-size:11px !important;}
ul#nav-secondary li ul li a{border:0;color:#817B7B;display:block;float:left;line-height:1.3em;margin-left:1px;padding:4px 0 4px 25px;position:relative;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;width:167px;}
/* Useful numbers */

/* Breadcrumb */
ul#breadcrumbs {font-size:0.9em;list-style:none;margin:0;padding:0 8px}
ul#breadcrumbs li{display:inline; font-weight:bold; color:#666}
/* END Breadcrumb */

/* Sidebar-b */
.quick-links-subpage-span{display:block; background: #ccc url(../images/assets/sidebar-b-heading-bg.gif) 0 0 repeat-x; font-weight:bold; padding:8px}
#sidebar-b ul{list-style:none;margin:0;padding:0;}
#sidebar-b ul li a{border-bottom:1px solid #dcddde;border-top:1px solid #fff;display:block;padding:8px 0;line-height:1.7em;margin-left:1px; padding:8px}
#sidebar-b ul li a:hover{color:#000; text-decoration:underline}
/*END Sidebar-b */

/*END Useful numbers */
#useful-numbers{background-color:#F0D9E1;height:1%; overflow:auto; margin:-14px 0 0 0; text-align:left; clear:both}
#useful-numbers h4{margin:1.5em 0 0 0}
#useful-numbers p{margin:0.5em 0; padding:0}
#useful-numbers h4 span, #useful-numbers p span span{position:absolute; top:-999em; left:-999em}
#local-housing-office span, #out-of-hours span{display:block}
#local-housing-office{margin-left:200px}
#local-housing-office{color:#000;float:left; width:360px}
#out-of-hours{color:#000;float:right; width:350px}
#local-housing-office h4{background: transparent url(../images/assets/footer-local-housing.gif) 0 0 no-repeat; width:266px; height:17px}
#local-housing-office p span{display:inline-block}
#local-housing-office p span.tel{background: transparent url(../images/assets/footer-local-housing-tel.gif) 0 0 no-repeat; width:138px; height:22px; margin:0 5px 0 0; display:inline-block; position:relative; top:5px}
#local-housing-office p span.fax{background: transparent url(../images/assets/footer-local-housing-fax.gif) 0 0 no-repeat; width:138px; height:22px; margin:0; display:inline-block; position:relative; top:5px; left:5px}
#out-of-hours h4{background: transparent url(../images/assets/footer-out-of-hours.gif) 0 0 no-repeat; width:207px; height:17px}
#out-of-hours p span{background: transparent url(../images/assets/footer-out-of-hours-tel.gif) 0 0 no-repeat; width:138px; height:22px; margin:5px 0 1.5em 0}
/* END Useful numbers*/

/* Footer */
#footer{background-color:#E7C2CF; height:1%; overflow:auto; margin:0; text-align:left}
p.back-to-top{background: transparent url(../images/assets/footer-back-to-top.gif) 8px 50% no-repeat;float:left; width:100px; margin:4px 0 0 0; padding:4px 8px 4px 26px}
ul#site-legal{float:right; list-style:none; margin:0; padding:0; width:800px}
ul#site-legal li{float:left; padding:8px}
/* END Footer */

/* Site info */
#site-info{text-align:left; color:#000; font-size:0.9em}
#site-info p{float:left; width:575px; margin-top:8px; line-height:2.5em}
#site-info ul{background-color:#fff; height:10.5em;float:right; width:329px; list-style:none; margin:4px 0; padding:2px}
#site-info ul li{display:inline; margin:0}
#site-info ul li.link-0{position:relative; top:0}
#site-info ul li.link-1{position:relative; top:-14px; left:4px}
#site-info ul li.link-2{position:relative; top:-14px;left:8px;}
#site-info ul li.link-3{position:relative; top:-30px;left:4px}
#site-info ul li.link-4{position:relative; top:-24px;left:8px}
#site-info ul li.link-5{position:relative; left:-1px;top:2px;}
#site-info ul li.link-6{position:relative; top:2px; left:99px;}
#site-info ul li.link-7{position:relative; top:-60px; left:103px;height:58px;}
/* END Site info */

/* Typo */
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; font-size:76%}
p{margin:0 0 0.5em 0;padding:4px 8px;line-height:1.5em;}
ul li{line-height:1.5em}
h1, h2, h3, h4, h5{padding:4px 8px; margin:0.5em 0}
h1, h2{font-size:1.4em}
h3{font-size:1.2em}
h4, h5{font-size:1em}
h3{background-color:#f5f5f5}
#box-advert {
display:block;
padding:0 0 10px;
}

#box-advert img {
border:1px solid #CCCCCC;
float:left;
margin-right:8px;
}

#box-advert p {
background-color:#F5F5F5;
clear:both;
height:6.8em;
padding:4px;
}
/* END Typo */

/* Links */
a {color:#B1005D;text-decoration:none}
a:active, a:hover, a:visited:hover {color:#B1005D; text-decoration: underline}
a:visited {color:#B1005D}
#footer a, #useful-numbers a, #site-info a{color:#000}
#site-info a, #useful-numbers a{text-decoration:underline}
ul.documents, ul#job-desc{list-style:none;padding:0;margin:0}
ul.documents li, ul#job-desc li{padding:4px 8px 4px 20px}
a.document-pdf{background: transparent url(/images/icons/pdf.gif) 0 0 no-repeat; padding: 2px 20px}	
a.document-word{background: transparent url(/images/icons/word.gif) 0 0 no-repeat; padding:2px 20px}
/* END Links */

/*Tools*/
img{border:none}
.offleft{position:absolute; top:-999em; left:-999em}
.clear{clear:both}
.right{float:right; margin:0 0 8px 8px}
.left{float:left; margin:0 8px 8px 0}
/*END Tools*/

/* Site Tools */
#site-tools{text-align:right;padding-right:8px; color:#000; font-size:0.9em; margin-bottom:6px; height:2.5em}
#site-tools ul{margin:0;padding:0;list-style:none}
#site-tools ul, #site-tools li, #site-tools span{display:inline}
#site-tools li a span{position:absolute; top:-999em; left:-999em}
#site-tools-text-size .small{font-size:1em;font-weight:bold}
#site-tools-text-size .medium{font-size:1.33em;font-weight:bold}
#site-tools-text-size .large{font-size:1.6em;font-weight:bold}
#site-tools-colours li a{width:15px; height:11px; display:inline-block}
#site-tools-colours li.black-white a{background: transparent url(../images/assets/colour-blackwhite.png) 50% 50% no-repeat}
#site-tools-colours li.yellow-black a{background: transparent url(../images/assets/colour-blackyellow.png) 50% 50% no-repeat}
#site-tools-colours li.pink-black a{background: transparent url(../images/assets/colour-blackpink.png) 50% 50% no-repeat}
#site-tools-colours li.default a{background: transparent url(../images/assets/colour-default.png) 50% 50% no-repeat}
ul#links li{margin:auto 8px}
ul#site-tools-text-size li{margin:auto 4px}
/* END Site Tools */

/* Homepage - key tasks */
ul#key-tasks{list-style:none; margin:4px 0 4px 0; padding:0}
ul#key-tasks li{border:2px solid #E7A614;float:left; background-color:#E7A614}
ul#key-tasks li a{display:block; width:358px; padding:142px 8px 3px 8px; color:#000; font-weight:bold}
ul#key-tasks li.link-1, ul#key-tasks li.link-3{margin:0 4px 4px 0}
ul#key-tasks li.link-2, ul#key-tasks li.link-4{margin:0 0 4px 0}
ul#key-tasks li.link-1 a{background: url(../images/assets/homepage-applying-for-a-home.jpg) 0 0 no-repeat}
ul#key-tasks li.link-2 a{background: url(../images/assets/homepage-report-a-repair.jpg) 100% 0 no-repeat}
ul#key-tasks li.link-3 a{background: url(../images/assets/homepage-decent-homes.jpg) 0 0 no-repeat}
ul#key-tasks li.link-4 a{background: url(../images/assets/homepage-pay-your-rent.jpg) 100% 0 no-repeat}

/* Latest news */
#latest-news ul{list-style:none; margin:0; padding:0}
#latest-news ul li{padding:4px 8px; position:relative}
#latest-news ul li span.date{width:100px; display:inline-block; position:absolute; top:4px}
#latest-news ul li a{display:inline-block; margin-left:108px}

/* Tables */
table{background-color:#fff;border-bottom:1px solid #fff;border-collapse:collapse;border-left:1px solid #fff;margin:0 0 5px;padding:0;width:100%}
caption {background:#666 none repeat scroll 0 0; color:#fff; font-weight:bold; margin:5px 0 0; padding:0.4em 1% 0.4em 0.5em; text-align:left; width:100%}
th {background-color:#DDDDDD}
th, td {border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;padding:0.25em 0.25em 0.25em 1%;text-align:left}
td{vertical-align:top}

/* Jobs */
ul#standards{list-style:none;margin:0;padding:0}	
ul#standards li{float:left;padding:8px 4px;text-align:center;width:130px}

.box-color {border:#FFE57F 1px solid; background-color:#FFFFE0; margin:5px 0 5px 0; padding:5px}
.box-color h3{background:none; margin:0}
.box-highlight {border:#E5E5E5 1px solid; padding:5px; margin:0 0 5px 0}