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

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background:#186B97 url(/img/front-end/site-bg-50.jpg) center top no-repeat;
  color:#353535;
}
body h1 {
  position: absolute;
  left: -9999px;
}

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


span.hidden {
  margin-top:-99999px;
  margin-left:-99999px;
}

div.ovh {
  overflow:hidden;
  width:100%;
}

/*
 * Header
 */

div#site-container div#header {
  background: transparent;
  margin-bottom: 1px;
  padding: 0px;
  height:200px;
}

div#header div#tpr {
  position:relative;
  margin: 0 auto 0 auto;
  width: 960px;
  height:141px;
}

div#tpr #site-logo {
  background:url(/img/front-end/port-of-larne-logo.gif) no-repeat;
  /*
  display:inline-block;
  margin:25px;
  */
  width:157px;
  height:91px;

  position:absolute;
  top:25px;
  left:25px;

}

div#header div#tpr #poy {
  position:absolute;
  z-index:1;
  top:2px;
  right:10px;
}

#site-logo span {
 position: absolute;
 left: -999px;
}


div#header div#topnav {
  overflow:hidden;
  background:transparent url(/img/front-end/top-nav-bg.png) repeat-x;
  height:60px;
}



div#topnav ul {
  list-style:none;
  margin: 0 auto 0 auto;
  padding:0px;
  width: 960px;
}

div#topnav ul li {
  float:left;
  line-height:60px;
  font-size:1.636em;
  color:#ffffff;
  vertical-align:middle;
}


div#topnav ul li a {
  color:#ffffff;
  padding:0px 19px;
  background:url(/img/front-end/nav-sep.png) right no-repeat;
  height:60px;
  display:inline-block;
}

div#topnav ul li #navhs img{
  margin-top:15px;
}


div#topnav ul li a:hover,
div#topnav ul li a.active {
  color:#fff100;
}

div#header div#topnav ul li a#navhs {
  padding:0px 2px !important;
  background:url(/img/front-end/house-bg.png) no-repeat;
  line-height:70px;
  width:39px;
}
/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  background:url(/img/front-end/content-bg.png) ;
  overflow: hidden;
  margin-bottom: 12px;
  /*width: 100%;*/
  margin: 0 auto 19px auto;
  width: 960px;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  background: url(/img/front-end/left-col-bg.jpg) no-repeat;
  float: left;
  margin-right: 0px;
  margin-top:19px;
  margin-left:19px;
  margin-bottom:19px;
  padding:0px;
  width: 210px;
  display:block;
  min-height:890px;
  height:auto !important ;
  height:890px;
}
div#left-column p {
  padding: 12px;
}


div#left-column ul#leftnav {
  margin:10px;
  padding:0px;
  list-style:none;
}

div#left-column ul#leftnav ul {
  background:#d1e1ea;
  margin:0px;
  list-style:none;
  padding:10px 5px 10px 5px;
}

div#left-column ul#leftnav li {
  margin:0px 0px 6px 0px;
  padding:0px;
}

div#left-column #leftnav a {
  padding:6px;
  display:block;
  background:url(/img/front-end/left-nav-bg.png)  ;
  color:#ffffff;
  font-family:arial, sans serif;
  font-size:1.455em;
  line-height:1.3em;
}

#leftnav a.active,
#leftnav a.over,
#leftnav a:hover {
  background:#F7C42F url(/img/front-end/left-nav-active.png) top right no-repeat !important;
  color:#042b60 !important;
  padding-right:35px;
}

/*
 * Centre Column
 */

div#page-content div#centre-column {
  padding:19px;
  float: left;
  margin-right: 0;
  width: 730px;
  w\idth: 692px;
  min-height:500px;
  height:auto !important;
  height:500px;
}


div#centre-column h2.page-title {
  background:url(/img/front-end/page-title-bg.png) repeat-x;
  font-size:2.273em;
  font-family:Gerogia, serif;
  color:#042b60;
  height:41px;
  line-height:41px;
  padding-left:10px;
  margin-bottom:10px;
}


div#centre-column h2 {
  background:url(/img/front-end/sub-head-bg.png) repeat-x;
  font-size:1.636em;
  font-family:Gerogia, serif;
  color:#ffffff;
  line-height:30px;
  height:30px;
  margin: 0 0 1em 0;
  padding-bottom: 0.3em;
  padding-left:10px;
}

div#centre-column h3 {
  font-size:1.636em;
  font-family:Gerogia, serif;
  color:#042b60;
  line-height:1.636em;
  margin: 0 0 0.3em 0;
  padding-bottom: 0.3em;
}


div#centre-column table.figures {
  background:#ffffff;
  border:solid 1px#353553;
  margin-bottom:12px;
}

div#centre-column table.figures tr {

}

div#centre-column table.figures th {
  font-weight:bold;
  font-size:1.273em;
}

table.figures tr.low {
  background:#ffffff;
}

table.figures tr.high {
  background:#eff9ff;
}

div#centre-column table.figures tr.over {
  background:#3884C7 !important;
  color:#ffffff !important;
}

/**
* Assoc Downloads
**/

div#assoc {
  overflow:hidden;
  width:100%;
}

div#assoc p.software {
  overflow:hidden;
  margin:15px 0px;
  width:100%;
}

div#assoc p.software a#getfoxit,
div#assoc p.software a#getadobe {
  float:left;
  margin:0px 5px 5px 0px;
}

div#assoc h3{
  background:url(/img/front-end/sub-head-bg.png) repeat-x ;
  font-size:1.636em !important;
  font-family:Gerogia, serif;
  color:#ffffff;
  line-height:30px !important;
  height:30px !important;
  margin: 0 0 1em 0 !important;
  padding-bottom: 0.3em;
  padding-left:10px;
}

div#assoc h4{
  font-size:1.636em !important;
  font-family:Gerogia, serif;
  font-weight: bold;
  margin: 0 0 1px 0 !important;
  color:#042b60;
}

div#assoc div.download {
  border-top:solid 2px #ffffff;
  margin-top:15px;
  padding:15px 0px 0px 55px;
}


div#assoc div.doc,
div#assoc div.docx{
  background:url(/img/handson/doc/40/doc.gif) no-repeat 5px 15px;
}

div#assoc div.pdf{
  background:url(/img/handson/doc/40/pdf.gif) no-repeat 5px 15px;
}

div#assoc div..ppt,
div#assoc div.ppts,
div#assoc div.pptx{
  background:url(/img/handson/doc/40/ppt.gif) no-repeat 5px 15px;
}

div#assoc div.xls,
div#assoc div.xlsx{
  background:url(/img/handson/doc/40/xls.gif) no-repeat 5px 15px;
}

div#assoc div.dwf,
div#assoc div.dwg{
  background:url(/img/handson/doc/40/autocad.gif) no-repeat 5px 15px;
}



div#assoc div.download p.date {
  color:#353535;
  font-size:0.9em;
  font-style:oblique;
}



div#assoc div.download a {
  color:#042b60;
}

div#assoc div.download p.dwnld {
  text-align:right;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

/*
 * Right Column
 */

div#page-content div#right-column {
  background: #eee;
  float: left;
  width: 19%;
}
div#right-column p {
  padding: 12px;
}


/*
 * Footer
 */

div#site-container div#footer {
  position:relative;
  background:#042b60 url(/img/front-end/footer-bg.gif) center repeat-y;
  min-height:100px;
  height:auto !important;
  height:100px;
  padding: 12px 0 12px 0;
  text-align:center;
  color:#ffffff;

}



div#footer a {
  color:#fff100;
}

div#footer ul {
  list-style:none;
}

div#footer ul li{
  display:inline;
  margin:0px 10px;
}

div#footer div#hologo {
  /*background:url(/img/front-end/handson-logo.png) no-repeat;*/
  background:url(/img/front-end/handson-badge.png) no-repeat;
  position:absolute;
  bottom:5px;
  right:5px;
  /*width:88px;*/
  width:80px;
  /*height:22px;*/
  height:15px;

}

div#footer div#hologo a{
  display:block;
  width:80px;
  height:15px;
}

div#tibus-credit p {
  font-size: 1em;
}

/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}