body{background-color:#e5e5e5;margin:0 auto 8px auto;padding:0;font-size:70%;font-family:verdana,arial,helvetica,sans-serif;min-width:780px;max-width:950px}

/*=========== Basic site styles ================================================*/
td{vertical-align:top}
img {border:0}
form {width:auto;height:auto;margin:0;padding:0}
#widthContainer{background-color:#fff;border:1px solid #ccc;padding:0 5px}
#content{font-size:1.1em;height:auto;width:100%;margin:0;padding:2px 0 2px 2px;}
#maincontent{width:73%;float:left;padding:0;margin:0}
#rightMenu{width:26%;}
#container{clear:both;margin:0;padding:4px 0 0 4px}

/*=========== Typo and link styles =============================================*/
h1{font-size:1.3em}
h2{margin:5px 0;font-size:1.1em}
/*h2{clear:both;color:#fff;padding:8px;margin:0 0 5px 0;background: #738AB5 url(/images/section-header.png) right 0 no-repeat}	*/
h3, h4{font-size:1em}
h3{color:#000;padding:8px;margin:10px 0 5px 0; clear:both;background: #e5e5e5 url(/images/sub-section-header.png) right 0 no-repeat}
h3#sub-heading{background:#444 url(/images/assets/h3-sub-heading.gif) 100% 0 no-repeat; color:#fff; margin:0}
#sub-heading-image{height:150px;width:100%}
h3#see-also{color:#fff;padding:8px;margin:10px 0 0 0;background: #3B4C73 url(/images/see-also.png) right 0 no-repeat}
h5{font-size:0.8em}
p{margin:0 0 0.5em 0;padding:4px 8px;line-height:1.5em}
a{color:#00c;text-decoration:none}
a:active, a:hover, a:visited:hover{color:#FF6500}
a:visited{color:#036}
#maincontent a{text-decoration:underline}	
#container ul li, #container ol li{line-height:1.5em}	
#rightMenu p{margin:0}
.links-external{background: transparent url(/images/icons/link_go.gif) 2px 5px no-repeat;padding:4px 2px 4px 22px}	
.links-email{background: transparent url(/images/icons/email.gif) 2px 5px no-repeat;padding:4px 2px 4px 22px}	
.links-backtotop{background: transparent url(/images/icons/backtotop.gif) 2px 5px no-repeat;padding:4px 2px 4px 22px}	

/*=========== Tools styles =====================================================*/
.left{float:left;margin:0 8px 0 0;/*padding:0*/}
.left img{margin:0 0 -3px;padding:0}
.right{float:right;margin:2px 2px 4px 8px}	
noscript {background:#ff0;color:#c00;font-weight:700;padding:4px}
.offleft{position:absolute;top:-999em;left:-999em}
.clear{clear:both}
.border {border:1px solid #ccc}
.center{text-align:center}	
.center img{border:1px solid #30597B}
.reset{list-style:none;margin:0;padding:0}
.bold{font-weight:bold}/*Why?*/

/*=========== Home page styles =================================================*/
#home #rightMenu h4{background-color:#3B4C73;color:#fff;margin:0;padding:6px 8px}
ul.news-and-events{list-style:none;margin:-5px 0 0 0;padding:0}
ul.news-and-events li {border-bottom:1px solid #e5e5e5;padding:8px 2px 8px 8px}
#home ul.news-and-events li a{display:block;text-decoration:none}
#home ul.news-and-events li a:hover{text-decoration:underline}
#home ul.news-and-events li a span{color:#666;width:4em;float:left;display:block;text-decoration:none}
#home ul.news-and-events li a:hover span{color:#666;text-decoration:none}
ul.news-and-events-more{list-style:none;margin:0;padding:0}	
ul.news-and-events-more li{display:block;float:left;padding:8px 2px 8px 8px}
ul.news-and-events-more li a{text-decoration:none}
ul.news-and-events-more li a:hover{text-decoration:underline}
ul.news-and-events-more li.rss a{background: transparent url(/images/assets/sprites.png) -388px -104px no-repeat;padding:2px 2px 2px 18px}

#advert-a{background:#f90 url(/images/homepage/visit-south-tyneside.jpg) 0 0 no-repeat;float:left;padding:75px 0 0 0;margin-bottom:8px;	width:48%}	
#advert-a p a, #advert-b p a{color:#fff;font-weight:bold}
#advert-b{background:#77004A url(/images/homepage/south-tyneside-homes.gif) 0 0 no-repeat;float:right;padding:75px 0 0 0;margin-bottom:8px;width:48%}	

#home #rightMenu #my-south-tyneside ul li, body #my-south-tyneside ul li {width:40%; margin:0; padding:0}
#home #rightMenu #my-south-tyneside ul li a, body #my-south-tyneside ul li a{display:block;padding-top:36px;margin-bottom:8px;text-align:center;font-weight:bold}
#my-south-tyneside ul li.myhouse, #my-south-tyneside ul li.mymaps{float:left}
#my-south-tyneside ul li.mynearest, #my-south-tyneside ul li.myalerts{float:right}
#my-south-tyneside ul li.myhouse a{background: transparent url(/images/assets/my-south-tyneside.png) 50% 0 no-repeat}
#my-south-tyneside ul li.mynearest a{background: transparent url(/images/assets/my-south-tyneside.png) 50% -96px no-repeat}
#my-south-tyneside ul li.mymaps a{background: transparent url(/images/assets/my-south-tyneside.png) 50% -192px no-repeat}
#my-south-tyneside ul li.myalerts a{background: transparent url(/images/assets/my-south-tyneside.png) 50% -288px no-repeat}
#my-south-tyneside p{clear:both}
#my-south-tyneside form{padding:4px 0 8px 0}
#my-south-tyneside label{font-weight:bold;padding-left:4px}
#my-south-tyneside #atTxtStreet{margin-left:8px; width:65%}

/*=========== Header styles ====================================================*/
#header{background-color:#D8EFFD}
#site-logo{float:left;width:26em;height:6em}	
h1{margin:0}	
h1 a{background:#D8EFFD url(/images/assets/sprites.png) no-repeat 0 -90px;display:block;height:0;margin:0;padding:20px;width:210px}
h1 span{position:absolute;top:-999em;left:-999em}	
#header p{margin:-7px 0 0 0;padding:0 0 0 12px}
ul#nav-site-tools{list-style:none;margin:0;padding:0 0 0 24px;height:2em;text-align:right;display:block}
ul#nav-site-tools li{display:inline}	
ul#nav-site-tools li a{padding:4px 8px}
ul#nav-site-tools li.first a{padding:4px 8px 4px 0}	
#google-search{width:450px;clear:right;float:right;position:relative;z-index:100;margin-top:17px;right:10px;text-align:right}
.yui-skin-sam #google-search .yui-ac-input{	position:relative}
#google-search input{display:inline}
#google-search #q{font-size:1.4em;width:349px}	
#google-search #search{font-size:1.1em;width:4.9em}
.submit {border:3px double #999;border-top-color:#CCC;border-left-color:#CCC;background-color:#FFF;background-image:url(../images/background_form_element.gif);background-repeat:repeat-x;color:#333;font-weight:700;font-family:Verdana, Helvetica, Arial, sans-serif;padding:0.1em}
#nav-container{background-color:#3B4C73;clear:both;height:1.3em;padding:8px}	
ul#nav-primary{clear:both;list-style:none;margin:0;padding:0}
ul#nav-primary li{background-color:#3B4C73;float:left;}
ul#nav-register-login{float:right;list-style:none;margin:0;padding:0;}
ul#nav-register-login li{background-color:#3B4C73;float:left}	
ul#nav-primary li a, ul#nav-register-login li a{color:#fff;font-weight:bold;padding-right:22px}
ul#nav-primary li a:hover, ul#nav-register-login li a:hover{text-decoration:underline}	
ul#nav-primary li.last a{padding-right:0}	
ul#nav-register-login li.register-site{z-index:0;position:relative;top:-1px}
ul#nav-register-login li.register-site a { display:block; border: solid #f60;border-width: 0 1px; text-decoration: none; outline:none; color: #fff; background: #f60; padding-right:0; margin:0}
ul#nav-register-login li.register-site a:hover{text-decoration:underline}	
ul#nav-register-login li.register-site a span {display: block; position:relative;top: -1px;left: 0; border:solid #f60;border-width:1px 0 0}
ul#nav-register-login li.register-site a span span {border-width:0 0 1px;top: 2px}
ul#nav-register-login li.register-site a span span span {top:-2px; padding: 1px 6px;border-width: 0}
ul#nav-register-login li.login-site a{padding-right:8px;padding-left:22px}
#nav-site-tools li span.normal{font-weight:normal; font-size:0.9em}
#nav-site-tools li span.larger{font-weight:normal; font-size:1.25em}
#nav-site-tools li span.largest{font-weight:normal; font-size:1.4em}
ul#site-breadcrumb{list-style:none;margin:4px 4px 0 12px;padding:0;font-size:0.9em;line-height:2em}
ul#site-breadcrumb li{display:inline;margin:0;padding:2px 12px 2px 5px;background: url(/images/icons/breadcrumb-arrow.gif) 100% 50% no-repeat;font-weight:bold;color:#666}
ul#site-breadcrumb li.first, ul#site-breadcrumb li.first a{padding-left:0}
ul#site-breadcrumb li.last{background:none}

/*=========== Left navigation styles ===========================================*/
ul#nav-lgnl{list-style:none;margin:0 5px 140px 0;padding:0;width:180px}	
ul#nav-lgnl li{margin:0;padding:0}	
ul#nav-lgnl li a{border-bottom:1px solid #ccc;display:block;padding:8px 8px;_height: 1em}
	
/*=========== Footer navigation styles =========================================*/
#footer{border-top:5px solid #e5e5e5;height:1%;/*Helps display the top border in IE*/padding-top:5px;}
#footer-a{width:17em;float:left;padding-top:7px}
#footer-b{float:left;width:30%}	
#footer-c{float:left;width:24%}		
#footer-c ul{list-style:none;margin:-2px 0 0 3px;padding:0}	
#footer-c ul li{line-height:1.3em}	
#footer-c ul li a{background: transparent url(/images/bullet.png) 3px 50% no-repeat;padding-left:15px}		
#footer-d{width:21%;float:left}	
#footer-d ul{list-style:none;margin:0;padding:0}
#footer-d ul li a{display:block;float:left}
#footer-d ul li a span{position:absolute; top:-999em; left:-999em}
#footer-d ul li#lsp a{width:124px; height:70px; background: transparent url(/images/assets/sprites.png) -196px -8px no-repeat; margin-top:18px}
#footer-d ul li#beacon a{width:60px; height:60px; background: transparent url(/images/assets/sprites.png) -325px 0 no-repeat; margin:20px 0 0 10px}	
#borough-info{border-top:1px solid #e5e5e5; padding-top:8px}
ul#bookmarks, ul#languages, ul#nav-footer{border-top:1px solid #e5e5e5;clear:both;line-height:3em;list-style:none;margin:0;padding:0 0 0 8px}	
ul#bookmarks li, ul#languages li, ul#nav-footer li{float:left;padding-right:8px}	
ul#bookmarks li a{padding:4px 2px 0px 20px}	
ul#bookmarks li.delicious a{background: transparent url(/images/assets/sprites.png) -388px -72px no-repeat;}
ul#bookmarks li.digg a{background: transparent url(/images/assets/sprites.png) -388px -54px no-repeat;}
ul#bookmarks li.reddit a{background: transparent url(/images/assets/sprites.png) -388px -36px no-repeat;}
ul#bookmarks li.facebook a{background: transparent url(/images/assets/sprites.png) -388px -18px no-repeat;}
ul#bookmarks li.stumbleupon a{background: transparent url(/images/assets/sprites.png) -388px 0 no-repeat;}
ul#bookmarks li.last a{background:none;border-left:1px solid #e5e5e5;padding-left:6px}
ul#nav-footer li.backtotop a{background: transparent url(/images/assets/sprites.png) -389px -91px no-repeat;padding-left:16px}
ul#nav-footer li a{border-right:1px solid #e5e5e5;padding-right:8px}	
ul#links{float:right;list-style:none;margin:0;padding:0 8px 0 0}
ul#links li{float:left}	
ul#links li a span{position:absolute;top:-999em;left:-999em}
ul#links li.directgov{background: transparent url(/images/assets/sprites.png) -123px -67px no-repeat;position:relative;top:9px}	
ul#links li.directgov a{display:block;height:16px;width:70px}	
ul#links li.gso{background: transparent url(/images/assets/sprites.png) -264px -90px no-repeat}	
ul#links li.gso a{display:block;height:38px;width:44px}

ul#languages li a{display:block;/*height:2.6em;*/height:30px}
ul#languages li a span{position:absolute;top:-999em;left:-999em}	
ul#languages li.bengali a{background: transparent url(/images/assets/sprites.png) 0 3px no-repeat;width:55px}
ul#languages li.arabic a{background: transparent url(/images/assets/sprites.png) 0 -28px no-repeat;width:55px}
ul#languages li.chinese a{background: transparent url(/images/assets/sprites.png) -10px -59px no-repeat;width:40px}	
ul#languages li.farsi a{background: transparent url(/images/assets/sprites.png) -64px 5px no-repeat;width:62px}
ul#languages li.hindi a{background: transparent url(/images/assets/sprites.png) -73px -28px no-repeat;width:50px}
ul#languages li.polish a{background: transparent url(/images/assets/sprites.png) -76px -58px no-repeat;width:50px}
ul#languages li.portuguese a{background: transparent url(/images/assets/sprites.png) -128px 2px no-repeat;width:55px}
ul#languages li.urdu a{background: transparent url(/images/assets/sprites.png) -139px -28px no-repeat;width:40px}

/*=========== Right menu styles ================================================*/
#e-services{background: transparent url(/images/homepage/e-services-logo-and-girl.jpg) 0 0 no-repeat}
#e-services p.first{padding:45px 45px 4px 8px}	
#rightMenu ul{list-style:none;margin:0;padding:0}	
#home #rightMenu ul li{padding:4px 8px}
#rightMenu ul li.rss a{background: transparent url(/images/assets/sprites.png) -388px -104px no-repeat;padding:2px 2px 2px 18px}
#rightMenu{word-wrap: break-word;float:right}
table#widthContainer a.feature-link:visited:hover{color:#fff;}
.sidebar-boxes h4 {color:#fff;background-color:#738AB5;margin:0;padding:2px}
.sidebar-boxes {border-right:1px solid #738AB5;border-bottom:1px solid #738AB5;border-left:1px solid #738AB5;margin-bottom:10px!important;background:url/*(/images/bg-sidebar.gif)*/(/images/bg-sidebar.png)  right bottom no-repeat}
.sidebar-boxes ul a{_height: 1em}
.sidebar-boxes ul {list-style:none;margin:0px 0;padding:0}
.sidebar-boxes li {margin:0;padding:0 5px}
.sidebar-boxes li a {padding-left:15px;display:block;width:auto;background:url(/images/bullet.png) 0 4px no-repeat}
.sidebar-boxes-lan {border-right:1px solid #738AB5;border-bottom:1px solid #738AB5;border-left:1px solid #738AB5;background:url(/images/bg-sidebar.gif) right bottom no-repeat;margin:0 5px}
.sidebar-boxes h2,.sidebar-boxes h3,.sidebar-boxes-lan h2{color:#fff;background-color:#738AB5;margin:0;padding:2px}
.sidebar-boxes p,.sidebar-boxes-lan p {padding-right:2px}
#my-south-tyneside.sidebar-boxes li a {background:none;padding-left:0}

/*=========== Forms styles =====================================================*/
fieldset{border:1px solid #ccc;margin-bottom:5px}	
fieldset ol{margin:0;padding:0;list-style:none;}
legend{font-weight:bold;padding:4px;border:1px solid #ccc;color:#000;background-color:#f5f5f5}
label{font-weight:normal;display: inline-block; line-height: 1.8em; vertical-align: top; margin-left:5px}
fieldset label{display: block; float:left; width: auto}
form label {width: 140px}
fieldset p{clear:both;}

/*=========== Table styles =====================================================*/
#maincontent table {background-color:#f5f5f5;border-collapse:collapse;padding:0; margin:0 0 5px 0; border-bottom:solid 1px #fff; border-left:solid 1px #fff;width:100%}
#maincontent caption {width:100%;background:#738AB5; text-align:left; color:#fff; font-weight: bold; padding:0.4em 1% 0.4em 0.5em; margin:5px 0 0 0 }
#maincontent th{background-color:#ddd}
#maincontent th, #maincontent td{ padding:0.25em 0.25em 0.25em 1%; border-top: 1px solid #fff; border-right:1px solid #fff; text-align:left; line-height:1.5em}	

/*=========== List styles ======================================================*/
.mini-section-list {border-bottom:medium none; clear:none; display:block; float:left; border-right:1px solid #CCCCCC;padding:0px 7px; margin-top:3px; font-size:0.9em; text-decoration:none}
ul.sub-section-list{margin:0;padding:0;	list-style:none}		
ul.sub-section-list li{padding:4px 2px 4px 8px;border-bottom:1px solid #e5e5e5}
ul.sub-section-list li ul{margin:0;padding:0;list-style:none}
ul.sub-section-list li ul li{border-bottom:none;margin:0;padding:0;line-height:1.5em}
ul.sub-section-list li.doc-pdf a{padding:4px 2px 4px 18px;background: transparent url(/images/icon_acrobat.png) 0 4px no-repeat;}
ul.sub-section-list-blank{margin:0;padding:0;list-style:none}		
ul.sub-section-list-blank li{padding:4px 2px 4px 8px}		
ul#see-also-list{margin:0;padding:0;list-style:none;border:1px solid #3B4C73;background-color:#f5f5f5}	
ul#see-also-list li{padding:4px 2px 4px 8px;border-bottom:1px solid #e5e5e5}	
h3#extra-info{color:#fff;padding:8px;margin:10px 0 0 0;background: #3B4C73 url(/images/see-also.png) right 0 no-repeat}	
ul#extra-info-list, p.extra-info-details{margin:0;padding:0;list-style:none;border:1px solid #3B4C73;background-color:#f5f5f5}
ul#extra-info li{padding:4px 2px 4px 8px;border-bottom:1px solid #e5e5e5}		
p.extra-info-details{margin:0;padding:8px;border:1px solid #3B4C73;background-color:#f5f5f5}
ul#nav-section{clear:both;list-style:none;margin:25px 0 0 0;padding:0}
ul#nav-section li{padding:3px 0;margin:0;border-top:1px solid #e5e5e5}	
ul#nav-section li a, .goback{padding-left:15px;background: transparent url(/images/icons/goback.gif) 2px 3px no-repeat}	
#related-internet-links li a{padding:2px 2px 2px 20px;background: transparent url(/images/link_go.png) 0 0 no-repeat}		
ul.rss-and-more{background-color:#f5f5f5;border-bottom:1px solid #e5e5e5;list-style:none;margin:0;padding:8px 0}	
ul.rss-and-more li{display:inline;padding:8px}
ul.rss-and-more li img{position:relative;top:2px}

/*=========== Definition list styles ===========================================*/
/*dl{margin:0;}
dd{padding:4px 8px; margin:0; line-height:1.5em}	
dt{color:#000;padding:8px;margin:10px 0 0 0;clear:both;background: #e5e5e5 url(/images/sub-section-header.png) right 0 no-repeat}
dd{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
dd.last{border-bottom:1px solid #e5e5e5}*/

/*=========== Contact us styles ================================================*/
.sidebar-boxes .vcard{padding:3px}
ul.vcard{list-style:none}	
.vcard a.url{padding:2px 2px 2px 20px;background: transparent url(/images/link_go.png) 0 0 no-repeat}		
.fn, .tel, .organization-unit{font-weight:bold}
.role{font-weight:normal}
.tel{speak-numeral:digits}
.sidebar-boxes .email{display:block}
ul.vcard .email{display:inline}
ul#enquiry-b li a{background: transparent url(/images/comments.gif) 0 0 no-repeat;padding:2px 4px 4px 20px}

/*=========== Document styles ==================================================*/
body #rightMenu #related-docs li{padding:4px 2px 4px 25px; line-height:1.5em}
#related-docs li a{background-image:none; padding-left:0}	
#related-docs span{display:block;color:#666}	
li.doc-pdf{background: transparent url(/images/icons/pdf.gif) 4px 4px no-repeat}	
li.doc-word{background: transparent url(/images/icons/word.gif) 4px 4px no-repeat}	
li.doc-excel{background: transparent url(/images/icons/excel.gif) 4px 4px no-repeat}	
li.doc-power{background: transparent url(/images/icons/powerpoint.gif) 4px 4px no-repeat}
li.doc-general{background: transparent url(/images/icons/doc-general.gif) 4px 4px no-repeat}
.block{display:inline-block}
ul.documents{list-style:none;margin:0;padding:0}		
ul.documents li{line-height:1.5em;padding:2px 2px 2px 25px}	
#document-library-download{background-color:#EDF5FC; padding:0 4px}
#document-library-download p{line-height:2.5em}
ul.document-library{margin-bottom:15px}
ul.document-library li{display:inline;padding:4px 8px 4px 25px}	
ul.document-dates{list-style:none;margin:0;padding:0}	
ul.document-dates li{line-height:3em;padding:4px 6px;display:inline}	
ul.documents-related, ul.documents-related ul{list-style:none;margin:0;padding:0}
ul.documents-related li{padding:4px 8px}
ul.document-library-breadcrumb {font-size:0.85em;line-height:3em;list-style:none;margin:10px 0 10px 0;padding:0pt}
ul.document-library-breadcrumb li {background:transparent url(/images/breadcrumb-arrow.gif) no-repeat scroll 100% -28px;color:#D8D8D8;display:inline;font-weight:bold;margin:0pt;padding:2px 12px 2px 5px}
ul.document-library-breadcrumb li.complete {color:#FF7501}
ul.document-library-breadcrumb li.current {color:#000000}
.orange{color:#f60}
.red{color:#f00}

/*=========== Govmetric styles =================================================*/
#govmetric-footer form{width:170px;padding:0 0 0 4px;margin:0;height:13em}
#govmetric-footer p{padding:4px}	
#govmetric-footer form ul li{margin: 0}	
#govmetric-footer input{width:35px}
#govmetric-footer ul{list-style:none;margin:0;padding:0}
#govmetric-footer ul li{display: block;float: left;text-align:center;width:55px}
#govmetric-footer ul li.first{clear:both}
#govmetric-footer ul li span{font-weight: bold}
#govmetric-footer ul li input{padding-top: 8px}
/*Firefox styles cancelled out in IE stylesheet*/
#govmetric-footer{margin-top:-140px; width:180px}
#footer{display:block;clear:both; padding-top:15px}
/*END Firefox styles cancelled out in IE stylesheet*/

/*=========== Socitm styles ====================================================*/
body #socitm_info_box{background:#fff url(/socitmsurvey/images/socitm.gif) no-repeat scroll 30.5em 28px}
body #socitm_info_box h1{background: transparent url(/images/councillogo.gif) 0 0 no-repeat;float:none;font-style:normal;text-align:left;padding:25px 5px 15px 375px}
body #socitm_info_box h1 span{position:absolute;top:-999em;left:-999em}	
body #socitm_info_box h2{background-color:transparent;background-image:none;color:#000;float:left;text-align:left;padding-left:16px}
body #socitm_info_box p{padding:4px 16px}
body #socitm_info_box ul{list-style:none;margin:10px 0 0 0;padding:0}	
body #socitm_info_box ul li{line-height:3em;padding-left:40px}	
body #socitm_info_box ul li.survey-yes{background: #fff url(/images/icons/tick.gif) 15px 10px no-repeat}
body #socitm_info_box ul li.survey-no{background: #fff url(/images/icons/cross.gif) 15px 10px no-repeat}