@charset "iso-8859-1";

/* ===============================================
   IBS STYLESHEET
   copyright (c) 2008 Robin Parmar
   licensed for use only on www.ibs-uk.net
   =============================================== */

/* --------- 
   structure 
   --------- */
html, body {height:100%;}
body, input, textarea {
  text-align:left;
  font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
}

#banner, #main, #sharp, #footer {
  position:relative;
  float:left;
  clear:both;
  width:100%;
}
#banner {
  width:1400px;
  height:192px;
  background:url(banner.gif) no-repeat 0 0;
}
#sharp {
  width:288px;
  height:34px;
  margin-left:-12px;
  margin-bottom:12px;
  background:url(sharp.gif) no-repeat 0 0;
}
#footer {
  width:1400px;
  height:48px;
  margin-top:12px;
  background:#333399;
}
.column1, .column2, .column3, .columnspan {
  position:relative;
  float:left;
  clear:none;
  width:265px;
  margin-left:24px;
  margin-top:12px;
}
.column1, .columnspan {
  margin-left:60px;
}
.columnspan {
  width:555px;
}
.box {
  padding:8px;
  background:#D6D6EB;
  margin-bottom:12px;
}
.menu-left, .menu-right {
  position:absolute;
  float:left;
  clear:none;
  top:154px;
  left:60px;
}
.menu-right {
  left:750px;
}


/* ---------- 
   typography
   ---------- */
h1, h2, h3, h4, small, b, strong {
  font-weight:bold;
}
h2, h3, h4 {line-height:1.2;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:0.85em; margin-bottom:6px;}  

.item {
  margin-bottom:6px;
}
.readmore {
  text-align:right;
  margin-bottom:6px;
}
h2, h3, p, ul {
  margin-bottom:12px;
}
sup {
  vertical-align:super;
  font-size:80%;
}


/* ----- 
   links 
   ----- */
a {
  text-decoration:none;
  border-bottom-style:dotted;
  border-bottom-width:1px;
}
h2 a {
  border-bottom-width:0;
}
a img, a:hover img {border:0;}


/* ----- 
   other 
   ----- */
.item li {
  margin-left:1.5em;
  list-style-type:square;
}
img.photocopier {
  float:right;
  margin-left:6px;
}
label, input {
  float:left;
  display:block;
}


/* ---------
   slideshow
   --------- */
#slideshow {  
  position: relative;
  float: left;
  clear: left;
  margin-top: 250px;
  height: 420px;  
  width: 320px;  
  padding: 0;  
  margin: 0;  
} 
 
#slideshow img {  
  padding: 15px;  
  border: 1px solid #fff;  
  background-color: #fff;  
  width: 300px; 
  top: 0; 
  left: 0;
} 


/* -------
   colours
   ------- */
h2, h3 {color: #2B2B80;}
h4 {color: #fff;}
a {color: #000;}
h2 a, h4 a {color: #fff;}
h3 a {color: #2B2B80;}
a:focus, a:hover {color: #CC3333;}

