/* Torbay Council Website Stylesheet - Layout Only  */
/* Version: 2.0.6 		                    		*/
/* Created by: Nikki Roylance 	30/01/2007          */
/* Edited by: Nikki Roylance 	17/10/2008          */

/*      HTML & BODY STYLES      */

#container { 
	width: 960px;
	margin: auto; 
	text-align: left; }
body { 
	font-size: 0.85em; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 4px 4px 4px 4px; }
ul {
	list-style-type: square; }
	
img, a img {
	border: 0;
}

img.LeftAlign {
	float: left;
}

img.RightAlign {
	float: right;
}

img.CenAlign {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

/*   STANDARD HTML TAG STYLES   */

a { 
	text-decoration: underline; 
}

a:hover, a:focus, a:active { 
	color: #004990; 
}

h1 { 
	font-size: 2em; 
	margin-top: 4px; 
	margin-bottom: 4px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 6px ;	
}

h2, .heading2 { 
	font-size: 1.15em; 
	font-family: Arial, Helvetica, sans-serif ; 
	margin-top: 4px; 
	margin-bottom: 4px	
}	

h3 { 
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif ; 
	margin-top: 4px; 
	margin-bottom: 4px	
}

h4 {
	font-size: 1em; 
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	margin-top: 4px	
}

/* Top Name Banner Styles */

div#TitleBanner {
	float: left;
	background-repeat: no-repeat; 	
	background-position: right top; 
	width: 100%;
	font-size: 75%;
	text-align: left;
	text-indent: 10px; 
	vertical-align: middle;
	padding-top: 8px;	}
p#SkipTo {
	float: right;
	margin: -6px 5px 0 0;
}
p#SkipTo a {
	padding-left: 2px;
}

/*          SEARCH STYLES       */

#SearchBox {
	float: right;
	margin-top: -5px;
	margin-right: 3px;	
}

#SearchBox label {
	color: #BED5F0;
}

html>body #SearchBox {
	height: 18px;
	}
input {  
	border: 1px solid #004499; 	}

input#XLS, input#PDF, input#WORD, input#HTML, input#POWERPOINT {
	border-style: none;
}

/*     MIDDLE BANNER STYLES     */

Div#MiddleBanner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	text-indent: 10px; 
	padding: 5px 0px 5px 0px;
	width: 100%; 
	float: left;
	vertical-align: middle;	}
Div#MiddleBanner A {
	text-decoration: none	} 
Div#MiddleBanner A:hover, Div#MiddleBanner A:focus, Div#MiddleBanner A:active {
	text-decoration: none	}

/*     BOTTOM BANNER STYLES     */

Div#BottomBanner {
	text-align: right; 
	float: left; 
	width: 100%; 	}

/*     FOOTER BANNER STYLES     */

#Footer { 
	font-size: 0.75em; 
	line-height: 28px; 
	text-indent: 10px; 
	text-align: left;
	float: left;
	width: 100%;}
#Footer a { 
	text-decoration: underline; }

/*     Related documents footer     */

#related-documents-title { 
	font-weight: bold;}
#related-documents-footer { 
	font-size: 0.85em; }
	
/*        Column Styles			*/

div.RightColumn {  
	text-align: left;
	float: right;
	font-size: 0.75em;
	width: 150px;
	border: 0px dotted;}
div.LeftColumn{
	float: left; 
	text-align: left;
	width: 150px;
	font-size: 0.7em; 
	border: 0px dotted;	
	overflow: hidden;}
div.RightColumn a { 
	text-decoration: none; }
div.LeftColumn a { 
	color: #FFFFFF; 
	text-decoration: none;}
div.LeftColumn a:hover, div.LeftColumn a:focus, div.LeftColumn a:active { 
	color: #004990; }
div.ColumnHeaders { 
	font-weight: bold;
	text-align: left; 
	padding: 4px 2px 4px 8px;	}


/*     MAIN CONTENT STYLES      */

#Centre {  
	text-align: left;
	/* font-size: 10pt; */
	font-size: 0.95em; 
	margin-left: 150px;	}
#BodyText { 
	font-size: 0.8em;
	margin: 0px 150px 0px 0px;
	text-align: left;
	padding: 0px 5px 5px 5px;
	width: 650px;	}

#BodyText div.p { 
      text-align: left;
      margin-top: 1em;
      margin-bottom: 1em;     }

.contact-info { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	vertical-align: top;	}
.breadcrumb {
	font-size: 0.70em; 
	text-align: left;
	margin: 5px 0px 5px 0px;	}

/*          A-Z STYLES          */	

div.az {
	font-family: Arial, Helvetica, sans-serif ;
	float: right;
	font-size: 0.75em; 
	padding: 5px 3px 5px 0;	}
div.az ul {
	float:right;
	margin:0px;
	list-style:none;
	padding:0;	}
div.az ul li {
	float:left;
	margin:0 0 0 3px;	}
div.az a {
	display: block;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
	text-align:center;
	font-weight: bold;	}
div.az a:hover, div.az a:focus, div.az a:active { 
	text-decoration: none;
	}
div.az p { 
	float:right;
	margin:1px 5px 1px 0;	}

/*        COLUMN STYLES         */
/*    LEFT NAVIGATION STYLES    */

div.LeftColumn ul { 
	padding-left: 12px; 
	margin-left: 12px; /* Affects IE7 */
	margin-top: 0px; 
	margin-bottom: 0px; 	}
div.LeftColumn li { 
	list-style-type: square; 
	margin-bottom: 4px; 	}
div.LeftColumn li.NoBullet { 
	list-style-type: none; 	}

/*   RIGHT NAVIGATION STYLES    */

div.RightColumn ul { 
	padding-left: 12px; 
	margin-left: 12px; /* Affects IE7 */
	margin-top: 0px; 
	margin-bottom: 0px; 	} 
div.RightColumn li { 
	list-style-type: square; 
	margin-bottom: 4px; 
	padding-left: 4px; 	}

/*    MAIN NAVIGATION STYLES    */

div.Navigation ul { 
	margin-bottom: 0px; 	} 
div.Navigation ul:first-child {
	margin-top: 4px; 
	list-style-type: none; 	}
div.Navigation li {
	margin-top: -4px; 
	list-style-type: none; 	}
div.Navigation li a {
	text-decoration: none;	
	padding: 6px; 
	margin-left: -24px;
	display: block;}
div.Navigation li a:hover, div.Navigation li a:focus, div.Navigation li a:active {
	text-decoration: none;}

/*         RELATED DOCS         */

#RelatedDocs #LeftCol {  
	float: left; 
	width: 75px; 
	font-weight: bold;
	color: #004990;}
	
#RelatedDocs #RightCol { 
	margin-left: 75px; 	}
	
#RelatedDocs {  
	padding: 0px 0px 10px 0px;
	border-bottom: #CCCCCC solid 1px;
	margin: 10px 15px 0px 15px;}
	

/*         MISC STYLES          */

.Block:after, #features li a:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 	}
* html .Block {
	height: 1%;	}

/* Sitemap styles */

ul#Sitemap {
	list-style-type: none;
	line-height: 130%;
	margin: 0;
	padding: 0;
}
ul#Sitemap li {
	padding-left: 0;
	margin-left: 0;
}
ul#Sitemap li.Indent1 {padding-left: 16px; padding-top: 8px;}
ul#Sitemap li.Indent2 {padding-left: 32px;}
ul#Sitemap li.Indent3 {padding-left: 48px;}
ul#Sitemap li.Indent4 {padding-left: 64px;}
ul#Sitemap li.Indent5 {padding-left: 80px;}
	
/* Contact details */

#icon_address, #icon_email, #icon_phone, #icon_fax {
  width: 19px; 
  height: 19px;
  display: inline;
  float: left;
  background-image: url(icons.gif);
}
#icon_address {
  background-position: 0 0;
}
#icon_email {
  background-position: -19px 0;
}
#icon_phone {
  background-position: 0 -19px;
}
#icon_fax {
  background-position: -19px -19px;
}

.only-visible-if-no-css {
	display:none;
}

/* Related documents formatting */

ul#related-documents {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#related-documents li {
  background-position: 8px 2px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

ul#related-documents li a {
  display: block;
  margin: 0;
  padding: 0 10px 16px 70px;
  line-height: 1.5em;
  text-decoration: none;
}

ul#related-documents li a strong {
  text-decoration: underline;
}

ul#related-documents li a span {
  color: #000;
}

/* New table styles 16-Feb-09, placed here since any part of website might use them */

th.TableHeader {
	color: #FFFFFF;
	background-color: #006699;
	text-align: left;
	vertical-align: top;
}
td.TdGrey {
	color: #330000;
	background-color: #E2E2E2;
	vertical-align: top;
}
td.TdDkGrey {
	color: #330000;
	background-color: #C5C5C5;
	vertical-align: top;
}
table caption {
	font-weight: bold;
	color: #003366;
	text-align: left; 
	padding-top: 10px;
}
/* New table style 21-May-09, as above */
.tdline1 {
	border-top: 1px solid #003366; 
	border-bottom: 1px solid #003366; 
	padding:2px;
}
.tdline {
	border-bottom: 1px solid #003366; 
	padding: 2px;
}

/* Survey styles (popup survey 13-Oct-2009) */
div#survey {width: 630px; padding: 0; margin: -5px 0 0 0; background-color: #e6f0ff; border: 3px solid #004990;}
div#survey p, div#survey h2 {margin-left: 6px;}
div#survey a {display: inline-block; width: 80px; padding: 4px; margin-right: 6px; background-color: #004990; color: #fff; text-align: center; text-decoration: none; font-weight: bold;}
div#survey a:hover, div#survey a:focus, div#survey a:active {text-decoration: none; background-color: #2068b0;}

/* New Search (Only needed if we use our new search as a reserve when Devon search service down) */
div#new-search-results h2 {clear: left; min-height: 25px; margin-bottom: 0;}
div#new-search-results h2 a {display:inline-block; padding-left: 30px; margin-top: 4px; text-decoration: none;}
h2.searchhtml {background: transparent url(search_icon_html_24.png) no-repeat left center;}
h2.searchpdf {background: transparent url(search_icon_pdf.gif) no-repeat left center;}
h2.searchmsword {background: transparent url(search_icon_word.gif) no-repeat left center;}
h2.searchvndmsexcel {background: transparent url(search_icon_excel.gif) no-repeat left center;} 
	/* Livelink removed dot after vnd and hyphen between ms and excel */
h2.searchvndmspowerpoint {background: transparent url(search_icon_ppoint.gif) no-repeat left center;}
div#new-search-results span {font-style: italic; font-size: 90%; padding-left: 30px;}
div#new-search-results p {margin: 0; padding: 2px 10px 2px 30px;}
div#new-search-results p em {font-weight: bold;}
ul.pages {list-style-type: none; margin-left: -10px; padding-bottom: 15px;}
ul.pages li {display: inline-block; float: left; border: 1px #1E609F solid; width: 1.5em; height: 1.5em; 
	text-align: center; margin-right: 3px; padding-top: 0.2em;}
ul.pages li.current {color: #FFF; background-color: #2664A1;}
ul.pages li.next {width: 4em;}
ul.pages li.previous {width: 6em;}
ul.pages li a {text-decoration: none;}
div#new-search-help {margin: 0;}
div#new-search-help p {margin: 0; padding: 2px 10px 2px 0;}
div#services {margin: 0 10px 14px 0; padding: 0;}
div#services a {padding-right: 6px; display: inline-block;}
form#new-search {margin: 10px 0 13px 0;}
form#new-search fieldset {border: 0; margin: 12px 0 0 0; padding: 0;}
form#new-search fieldset input {border: 0;}
form#new-search legend {float: left; margin-top: 10px; background-color: #DDD;}
form#new-search label {margin-right: 4px;}
form#new-search label img {vertical-align: bottom;}
form#new-search span.hint {font-style: italic; font-size: 90%; color: #666; padding-left: 0;}