/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 100.01%;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }

/* --------------------------------------------------------------------- CORE */

body {
  background: url("../images/style/body_bg.gif") top left repeat-x #FFF;
  font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.7em;
}

h2 { font-size: 1.1em; width: 240px;}
h3 {
  font-size: 1em;
  background: url("../images/style/h3_bg_IE.gif") no-repeat bottom left #FFF;
  padding-left: 20px;
}
h4 { font-size: 0.7em; padding-left: 2px;}
#textColumn a, #textColumn a:link, #textColumn a:visited {
  color: #211D7A;
  text-decoration: underline;
}

a, a:link, a:visited {
  color: #000;
}

hr {
  border: 0;
  width: 100%;
  color: #737577;
  background-color: #737577;
  height: 1px;
  margin: 18px 0;
}

quote, p.quote {
  
  color: #333;
  line-height: 1.3em;
  font-style: italic;
  padding: 5px 10px;
  display: block;
}

table {
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

td { vertical-align: top;}

#textColumn p {
  margin: 0px 0 12px 0;
  font-size: 1em;
  line-height: 1.4em;
}
#textColumn p.smaller {font-size: 0.9em;}
/* ------------------------------------------------------------------- LAYOUT */

#content {
  margin: 0 auto;
  width: 821px;
  padding-left:5px;
  background: url("../images/style/content_bg.png") top left repeat-y transparent;
}
#columnWrapper {
  background-color:#FFF;
  float:left;
  width:656px;
  border-left:155px solid #E1ECFF;
}
#navigationColumn {
  float:left;
  width:155px;
  margin-left:-155px;
  position:absolute;
  top: 135px;
  color: #FFF;
  padding-top: 1px;
}
#textColumn {
  width:610px;
  padding: 0 0 0 22px;
  margin-right:-660px;
  font-size: 1.2em;
}

#backToTop {
  background: url("../images/style/btt_bg.gif") top left no-repeat #FFF;
  padding: 6px 0 0 50px;
  height: 30px;
  float: right;
  
}
#footer {
  margin-left: 145px;
  text-align: center;
  font-size: 0.85em;
  line-height: 1.7em;
  padding-bottom: 6px;
}
/* --------------------------------------------------------------------- MENU */
#navigationColumn ul li a,#navigationColumn ul li a:link {
  display: block;
  padding: 6px 0 6px 18px;
  border-bottom: solid 1px #D4D6D9;
}

#navigationColumn ul li a:hover {
  background: #DDE5F6;
  color: #1C1868;
}

#navigationColumn ul li.selected a, #navigationColumn ul li.selected a:link,  #navigationColumn ul li.selected a:hover {
  background: url("../images/style/navigation_bg.gif") repeat-x top left #ABB9D7;
  color: #FFF;
}

/* -------------------------------------------------------------------- STYLE */
ul.bigSquareList { margin: 15px; font-size: 95%;}
ul.bigSquareList li{ list-style-image: url("../images/style/bigSquare.gif"); margin: 0 0 15px 10px;  }


.portletWrapper {
  margin: 15px auto;
  min-width: 200px;
}

.portletTop {
  height: 10px;
  background: url("../images/style/blueboxoutTop_bg.gif") no-repeat bottom left transparent;
}

.portletTopEdge {
  float: right;
  height: 10px;
  background: url("../images/style/blueboxoutTop_edge.gif") no-repeat top left transparent;
  padding: 0px 13px 0 0;
}

.portletMiddle {
  min-height: 150px;
  height: auto;
  font-size: 0.9em;
  padding: 5px 15px;
  background: #BCE0EE;
}

.boxoutWrapper {
  margin: 0px auto;
  width: 300px;
}

.boxout {
  height: auto;
  font-size: 0.9em;
  background: #BCE0EE;
}

#textColumn div.boxoutWrapper div.boxout p {
  padding: 0 10px;
  margin: 0;
}

#textColumn div.portletMiddle img{
  float: left;
  padding: 0 15px 0 0;
  background: none;
}

#textColumn div.boxout img {
  padding: 0 0 10px 0;
  background: url("../images/style/imgBottom.png") no-repeat bottom left #BCE0EE;
}

.portletBottom {
  height: 10px;
  background: url("../images/style/blueboxoutBottom_bg.gif") no-repeat top left #BCE0EE;

}
.portletBottomEdge {
  float: right;
  height: 10px;
  background: url("../images/style/blueboxoutBottom_edge.gif") no-repeat top left transparent;
  padding: 0 13px 0 0;
}

.chromeboxout {
  width: 591px;
  background: url("../images/style/chromeboxout_bg.gif") no-repeat top left #FFF;
  text-align: center;
  padding: 10px;
}

.chromeboxoutBottom { width: 611px; height: 6px;
  background: url("../images/style/chromeboxoutBottom_bg.gif") no-repeat top left #FFF;
}
.blueboxout {
  width: 221px;
  padding: 10px 10px 10px 10px;
  margin: -4px 0 0 4px;
  background: url("../images/style/blueboxout_bg.gif") no-repeat bottom left #BCE0EE;
  text-align: center;
}
.blueboxout p {
  margin: 0;
  padding: 0;
}
.gt {color: #211D7A;}
#textColumn img {
  padding: 0 6px 6px 0;
  background: url("../images/style/imgdropshadow.png") no-repeat bottom right #FFF;
}
.left {float: left;}
.leftimage {float: left; margin-right: 15px;}
.oneColText { width: 340px;}
.photoRight { float: right;}
.quoted { font-style: normal; color: #000;}
.right {float: right;}
td.leftCell { padding-right: 15px;}
.title {
  font-size: 1em;
  font-weight: bold;
  background: url("../images/style/h3_bg.gif") no-repeat bottom left #FFF;
  padding-left: 20px;
}
/* -------------------------------------------------------------------- FORMS */
td.right {text-align: right;}
input, textarea {
  width: 240px;
  color: #333;
  }
/* --------------------------------------------------------------------- MISC */
.IE6bugfix {display: none;}