/* Include other StyleSheets */
@import "/styles/libraries/content.css";
@import "/styles/libraries/initialise.css";
@import "/styles/libraries/nav.css";
@import "/styles/libraries/typography.css";
/* ------ NOTES -----------------------------------------
Layout stylesheet. 
----------------------------------------- */
/* ************************************* */
/* From Corporate Site             */
/* ************************************* */
/* Header Styles */
#fHiddenFunctions { position: absolute; top: -100em; }
#fAccessBar { margin: 0 0 0.4em 0; padding: 0 0 0 23px; }
#fAccessBar ul { list-style: none; margin: 0; padding: 0; }
#fAccessBar li { display: inline; padding: 0 1em 0 0; margin: 0; }
#fAccessBar li#normalContrastL { display: none; }
#fAccessBar a { color: #333399; } 
#fAccessBar a:visited { color: #990033; } 
#fHeader { margin: 0 0 5px 0; width: 699px; min-height: 81px; height: 6.5em; 
    background: #903 url(http://slough.gov.uk/images/css_images/f_header_top.gif) 0 0 no-repeat; }
#fHeader h1 { font-size: 1em; margin: 0; padding: 0; position: absolute; top: 15px; left: 23px; z-index: 1; }
#fHeader h1 a { position: relative; display: block; width: 141px; height: 52px; text-indent: -500em; text-decoration: none; border: 0;
    background: transparent url(http://slough.gov.uk/images/css_images/f_main.gif) 0 0 no-repeat; overflow: hidden; }
#fHeader ul { width: auto; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0px; list-style: none; z-index: 2; }
#fHeader ul li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; float: right; font-size: 1.3em; font-weight: bold; 
    background: #fff url(http://slough.gov.uk/images/css_images/f_tabs.gif) 0 -200px no-repeat; }
#fHeader ul li a { margin: 0; display: block; padding: 12px 0.6em 3px 0.6em; color: #333; border-bottom: 1px solid #eac; text-decoration: none;
    background: transparent url(http://slough.gov.uk/images/css_images/f_tabs.gif) 100% -200px no-repeat; }
#fHeader ul li a:hover { color: #903; }
#fHeader ul li:hover, body#bodyHome #fHeader ul li#fNavHome, body#bodyMyCouncil #fHeader ul li#fNavMyCouncil, body#bodyMyTown #fHeader ul li#fNavMyTown, body#bodyNews #fHeader ul li#fNavNews, body#bodyContactUs #fHeader ul li#fNavContactUs {
    background: #fff url(http://slough.gov.uk/images/css_images/f_tabs.gif) 0 0 no-repeat; }
#fHeader ul li:hover a:hover, body#bodyHome #fHeader ul li#fNavHome a, body#bodyMyCouncil #fHeader ul li#fNavMyCouncil a, body#bodyMyTown #fHeader ul li#fNavMyTown a, body#bodyNews #fHeader ul li#fNavNews a, body#bodyContactUs #fHeader ul li#fNavContactUs a { border-bottom: 1px solid #fff;
    background: transparent url(http://slough.gov.uk/images/css_images/f_tabs.gif) 100% 0 no-repeat; }
#fHeader form { position: absolute; top: 5px; right: 10px; text-align: right; }
#fHeader form label { color: #fff; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; }
#fHeader form #fSearchTerms { width: 200px; font-size: 1em; border: 1px solid #ccc; background: #fff; }
#fHeader form #fSearchSubmit { font-size: 1em; background: #DD9944; color: #fff; padding: 1px 2px; margin: 0; border: 0; line-height: 1em; }
#fHeader form #fSearchExtras { margin: 0 0 0 0; clear: none; font-size: 0.9em; color: #fff; text-align: left; padding-left: 5em; }
#fHeader form #fSearchExtras a { color: #fff; }
/* Pop up template */
body#bodyFullWidth { margin: 0; padding: 0; }
body#bodyFullWidth #fAccessBar { padding-left: 0 }
#fHeaderFull { margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #ccc; width: auto; }
#fHeaderFullInner { margin: 0; padding: 5px 10px 3px 10px; border-bottom: 1px solid #fff; background: #903; }
#fHeaderFullLeft { margin: 0; padding: 0; width: 58px; height: 22px; float: left; }
#fHeaderFullRight { margin: 0 0 0 58px; padding: 0; text-align: right; width: auto; }
#fHeaderFullRight a { color: #fff; border-bottom: 1px solid #fff; }
#fHeaderFullLeft h1 { margin: 0; padding: 0; width: 58px; height: 22px; text-indent: -2000em;
  background: transparent url(http://slough.gov.uk/images/css_images/slough_logo_satellite.gif) 0 0 no-repeat; }
#fContentFluid { width: auto; margin: 0 0 10px 0; padding: 0 10px; }
#fPrintHeader { display: none; }
/* Full width template */
#fContainer { width: 700px; }
#fContent { margin: 0 11px 10px 0; float: left; padding: 11px; }
#libHome #fContainer { padding-top: 0.6em; }
#fContainerFull #fContent { width: 700px; margin: 0 0 10px 0; float: none; }
#fContent:hover acronym, #fContent:hover abbr { border-bottom: 1px dotted #339; }  
#fRight { margin: 0 0 10px 0px; padding: 0; float: left; position: relative; }
#fRight label { float: none; width: auto; }
#fLanguageBar { width: 700px; clear: both; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0.5em; }
#fFooter { padding: 30px 0 0 0; width: 700px; clear: both; }
#fFooter ul { border-top: 1px dotted #ccc; padding: 0.8em 0 0 0; list-style: none; margin: 0 0 0.4em 0; }
#fFooter li { display: inline; margin: 0 0 0 0.2em; padding: 0 0 0 0.9em; background: transparent url(http://slough.gov.uk/images/css_images/f_footer_bullet.gif) no-repeat 0 50%;}
#fFooter li.first { background: none; margin: 0; padding: 0; }
#fFooter p { color: #666; }
#fFooter a { color: #333399; } 
#fFooter a:visited { color: #990033; } 
/* Start of libraries Styles */
body {
 margin: 0;
 padding: 10px 10px 10px 20px;
}
div { 
 position: relative; /* Make default explicit for ie display issues - grants hasLayout */ 
 margin: 0;
 padding: 0;
}
/* Corporate Styles */
.corporate #fContent {
 width: 412px;
 background:url(/libraries/images/template/div.section.corporate.bg.gif) no-repeat;
 border: 2px solid #eaf0f5;
}
.corporate #fRight {
  width: 250px;
}
/* Kids Styles */
.kids #fContainer {
  background: #d5eef4 url(/libraries/images/template/div.fContainer.kids.bg.gif) no-repeat left bottom;
}
.kids #fContent {
  margin: 0 15px 10px 9px;
  width: 414px;
  display: inline; /* Double Margin Bug */
}
.kids #fRight {
  width: 230px;
  padding: 11px 0 0 0;
}
/* Teen Styles */
.teens #fContent {
  padding: 11px 19px 0 19px;
  margin: 0 8px 10px 0;
  width: 412px;
  display: inline; /* Double Margin Bug */
  background: url(/libraries/images/template/div.fContent.teens.bg.gif) repeat-y;
}
.teens #fRight {
  width: 240px;
}
 .teens span.edge {
   background: url(/libraries/images/template/span.edge.teens.bg.gif) no-repeat left bottom;
   display: block;
   position: absolute;
   bottom: -1px;
   width: 100%;
   left: 0;
   height: 10px;
   margin: 0 -11px 0 0;
 }
/* External Linkwort classes */ 
.externalImage { margin: 2px 2px 0px 0px!Important; vertical-align: bottom; padding-bottom:2px;}
.hidden {display:none;}