@import url(/css/generic.css);

/*
 * Site Layout
 */
body {
  text-align: center;
  color: #454545;
  background: #fff url(/images/body-bg.gif) top center repeat-x;
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 960px;
}


div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  border-bottom: 1px solid #002754;
  background: transparent url(/images/header-bg.gif) 0 0 repeat-y;
  overflow: hidden;
  width: 960px;
}
div#header div#logo-box {
  background: transparent url(/images/text-lisburn-city-council.gif) right 50% no-repeat;
  padding: 14px 0 13px 2px;
  float: left;
  width: 380px;
  w\idth: 378px;
}
div#header div#logo-box img {
  display: block;
}
div#header div#header-contents-box {
  float: left;
  width: 580px;
}
div#header-contents-box div#header-top-links {
  overflow: hidden;
  width: 580px;
  height: 50px;
}


/*
 * Header Search
 */
div#header-contents-box div#header-search-box {
  background: transparent url(/images/header-search-bg.gif) 0 0 no-repeat;
  margin: 0 0 0 235px;
  padding: 10px;
  overflow: hidden;
  width: 322px;
  w\idth: 302px;
}
div#header-search-box input#header-search {
  vertical-align: middle;
  width: 225px;
}
div#header-search-box input#button-header-search {
  vertical-align: middle;
}


/*
 * Header Corporate menu
 */
div#header-contents-box div#header-menu {
  padding: 15px 22px 0 0;
  overflow: hidden;
  width: 580px;
  w\idth: 558px;
}
div#header-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
div#header-menu ul li {
  float: left;
  margin: 0;
  padding: 0;
}
div#header-menu ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 110%;
  background-color: #1a3e67;
  margin: 0 1px 0 0;
  padding: 5px 8px 5px 8px;
  display: block;
}
div#header-menu ul li a:hover {
  background-color: #d3211b;
}

/*
 * Top menu
 */

div#site-container div#top-menu {
  padding: 10px 0 0 0;
  overflow: hidden;
  width: 960px;
}
div#top-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#top-menu ul li {
  border-left: 1px solid #fff;
  margin: 0;
  padding: 0;
  float: left;
  width: auto;
  height: 50px;
}
div#top-menu ul li:hover,
div#top-menu ul li.over {
  background: transparent url(/images/top-menu-bg.gif) bottom center no-repeat;
}
div#top-menu ul li#top-menu-1 {
  border-left: none;
}
div#top-menu ul li a {
  text-decoration: none;
  text-align: center;
  color: #b5d6eb;
  font-size: 150%;
  font-weight: normal;
  font-family: georgia;
  display: block;
  margin: 0;
  padding: 3px 29px 10px 29px;
}
div#top-menu ul li:hover a,
div#top-menu ul li.over a {
  color: #fff;
}


/*
 * Page Content
 */
div#breadcrumbs-box {
  color: #177dc2;
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
  overflow: hidden;
  width: 912px;
}
div#page-content {
  /*background: transparent url(/images/page-content-bg.gif) 0% 0% repeat-y;*/
  margin: 0 auto 0 auto;
  padding: 0 0 10px 0;
  overflow: hidden;
  width: 912px;
}
/*
div#page-content div#left-column {
  padding: 0 5px 0 0;
  float: left;
  width: 170px;
  w\idth: 165px;
}
div#page-content div#left-column h2 {
  font-weight: bold;
  font-family: georgia;
  font-size: 150%;
  margin: 0 0 1em 0;
}
div#left-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#left-column ul li {
  margin: 0;
  padding: 0 0 1em 0;
}
div#left-column ul li a {
  text-decoration: none;
  line-height: 1.1em;
  color: #0874be;
  font-weight: bold;
  font-family: georgia;
  font-size: 150%;
  margin: 0;
  padding: 0;
}
div#left-column ul li a.selected {
  color: #333;
}
*/

div#page-content div#center-column {
  font-size: 100% !important;
  border-left: 1px solid #0874be;
  padding: 0 22px 0 0;
  float: left;
  width: 691px;
  w\idth: 669px;
}
div#center-column div#center-column-contents {
  padding: 0 20px 20px 20px;
}
div#center-column-contents h2 {
  font-weight: bold;
  font-family: georgia;
  font-size: 150%;
  margin: 0 0 1em 0;
}


div#page-content div#right-column {
  float: left;
  width: 220px;
}
div#right-column h3 {
  color: #fff;
  font-weight: bold;
  font-family: georgia;
  font-size: 150%;
  background: #000 url(/images/sp-title-black-bg.gif) 0 0 no-repeat;
  margin: 0;
  padding: 10px;
  width: 220px;
  w\idth: 200px;
  height: 40px;
  he\ight: 20px;
}
div#right-column ul {
  clear: both;
  border-bottom: 1px solid #0874be;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 12px 0 0 0;
}
div#right-column ul li {
  background: transparent url(/images/list-diamond-grey.gif) 1% 50% no-repeat;
  margin: 0 12px 0 0 !important;
  padding: 4px 0 4px 20px !important;
}
div#right-column ul li:hover {
  background-color: #e6f1f9;
}
div#right-column ul li a {
  text-decoration: none;
  color: #111;
}
div#right-column form {
  margin: 10px 10px 10px 0;
}
div#right-column form input {
  width: 200px;
}
div#right-column form select {
  width: 205px;
}






/*
 * Footer
 */

div#footer-container {
  text-align: left;
  background: #0874be url(/images/footer-bg.gif) 0 0 repeat-x;
  width: 100%;
}
div#footer-container a {
  color: #fff;
}
div#footer-container div#footer-contacts-box {
  color: #fff;
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 923px;
}
div#footer-contacts-box div.footer-left-box {
  background: transparent url(/images/footer-divider.gif) 0 0 no-repeat;
  padding: 20px;
  float: left;
  width: 570px;
  w\idth: 530px;
}
div.footer-left-box h3 {
  color: #b4d0e5;
  font-family: georgia;
  font-weight: normal;
  font-size: 150%;
  margin: 0 0 0.5em 0;
}
div.footer-left-box div#council-address {
  float: left;
  width: 200px;
}
div.footer-left-box div#council-telephone {
  float: left;
  width: 300px;
}
div#council-telephone span {
  color: #b4d0e5;
}
div#footer-contacts-box div.footer-right-box {
  background: transparent url(/images/footer-divider.gif) 0 0 no-repeat;
  padding: 0 0 20px 0;
  float: left;
  width: 353px;
}
div.footer-right-box ul {
  background: transparent url(/images/footer-divider.gif) 100% 0 no-repeat;
  list-style: none;
  margin: 0 0 0 2px;
  padding: 20px 0 0 0;
}
div.footer-right-box ul li {
  margin: 0;
  padding: 2px 0 2px 20px;
}
div.footer-right-box ul li a {
  text-decoration: none;
  color: #b4d0e5 !important;
  font-weight: normal;
  font-family: georgia;
  font-size: 150%;
}
div.footer-right-box ul li:hover {
  background-color: #3990cb;
}

div#footer-container div#footer-box {
  color: #fff;
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 923px;
}
div#footer-box div.footer-left-box {
  padding: 20px;
  float: left;
  width: 570px;
  w\idth: 530px;
}
div#footer-box div.footer-right-box {
  padding: 20px;
  float: left;
  width: 353px;
  w\idth: 313px;
}