/*
-----------------------------------------------
tintintin.co.uk
Author:   Paul Martin
Version:  28 Jan 2006
----------------------------------------------- */
body {
  margin-top:60px;
  padding:0;
  background:#e5e5db;
  font:small Arial,Sans-serif;
  line-height:1.2em;
  text-align:center;
  color:#fff;
  }
#container {
  width:801px;
  margin:0 auto;
  text-align:center;
  color:#333;
  }
#leftcol {
  float:left;
  text-align:center;
  color:#fff;
  background-color:#0A51A1;
  background-repeat:no-repeat;
  background-image:url("img/colleftbotbkgd.gif");
  background-position:center bottom;
  width:162px;
  margin:0;
  padding:0;
  height:470px;
}
#rightcol {
  float:left;
  width:633px;
  height:470px;
  margin:0 0 0 6px;
  background-color:#9E9E9E;
  background-repeat:no-repeat;
  background-image:url("img/colrightbotbkgd.gif");
  background-position:bottom;
  text-align:left;
  color:#74767f;
}

/* MISC: =Links
----------------------------------------------- */
a, .subnav a:visited {
  color:#ff;
  text-decoration:none;
  border-bottom:1px dotted #fff;
  }
a:visited {
  color:#fff;
  border-color:#fff;
  }
a:hover, .subnav a:hover {
  color:#fff;
  border-color:#fff;
  border-bottom-style:solid;
  }
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover, a.thumb, a.icon, a.img:link, a.img:visited, a.img:hover {
  border-width:0;
  text-decoration:none;
  }
.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  }
#subcol .more a, #subcol a.more {
  white-space:normal;
  }
.more a:after, a.more:after, .previous a:before, a.previous:before {
  content:"\2192";
  font-family:Verdana,Sans-serif;
  font-size:110%;
  color:#c93;
  white-space:nowrap;
  padding-left:2px;
  }
.more a:hover:after, a.more:hover:after, .previous a:hover:before, a.previous:hover:before {
  color:#933;
  }
.previous a:before, a.previous:before {
  content:"\2190";
  padding-left:0;
  padding-right:2px;
  }
a.previous:after, .more a.previous:after {
  content:"";
  }
h1 a, #section a {
  border-width:0;
  }



/* =Nav
----------------------------------------------- */
#navborder {
  background-image:url("img/collefttopbkgd.gif");
  background-position:left top;
  background-repeat:no-repeat;
  height:370px;
  width:150px;
  padding:6px 6px;
  background-color:#fff;
  }
#nav {
  background-color:#0A51A1;
  width:150px;
  height:370px;
  text-align:left;
  }
#nav ul {
  margin:0 6px;
  padding:6px 0;
  list-style:none;
  font-size:80%;
  text-transform:uppercase;
  }
#nav li {
  width:138px;
  margin-top:0;
  padding:0;
  font-size: 11px;
  letter-spacing:.01em;
  background-image:none;
  line-height:1.4em;
  text-indent:0;
  display: block; 
  }
#nav a, #nav strong {
  display:block;
  padding:0;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:100%;
  }
#nav #current strong, #nav #current a {
  background-repeat:no-repeat;
  border-bottom:1px dotted #fff;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#fff;
  background-color:#4579AD;
  }
#nav a:hover {
  background-repeat:no-repeat;
  color:#fff;
  background-color:#4579AD;
  }
#nav a strong, #nav #current a strong {
  padding:0;
  color:#fff;
  background-color:#4579AD;
  }

/* =Structure
----------------------------------------------- */
#content {
  background-image:url("img/colrighttopbkgd.gif");
  background-position:left top;
  background-repeat:no-repeat;
  height:370px;
  width:621px;
  padding:6px 6px;
  background-color:#fff;
  }
 #nocols {
  float:left;
  padding-top:50px;
  height:320px;
  width:618px;
  background-color:#4579AD;
  text-align:center;
  }
#colspan3 {
  float:left;
  height:370px;
  width:462px;
  background-color:#4579AD;
  }
 #colspan3 img{
  float:left;
  margin:6px;
  border:none;
  text-decoration:none;
  }
 #colspan3 a img {
  float:left;
  margin:6px;
  border:none;
  text-decoration:none;
  }
#col1 {
  float:left;
  height:370px;
  margin-right:6px;
  width:150px;
  background-color:#4579AD;
  }
#col2 {
  float:left;
  height:370px;
  margin-right:6px;
  width:150px;
  background-color:#4579AD;
  }
#col3 {
  float:left;
  margin-right:6px;
  height:370px;
  width:150px;
  background-color:#4579AD;
  }
#col4 {
  float:left;
  height:370px;
  width:150px;
  background-color:#4579AD;
  }
#1colimg img {
  float:left;
  height:370px;
  width:150px;
  }
 #2colimg img {
  float:left;
  height:370px;
  width:306px;
  }
#3colimg img {
  float:left;
  height:370px;
  width:462px;
  }
#resources {
  float:left;
  background-color:#4579AD;
  height:370px;
  width:462px;
  }
/* =Misc
----------------------------------------------- */
a {
  color:#FFFFFF;
  }
p {
  font-size:12px;
  color:#fff;
  letter-spacing:.01em;
  line-height:1.2em;
  margin:6px;
  padding:0;
  }
#content ul {
  font-size:12px;
  color:#fff;
  letter-spacing:.01em;
  line-height:1.2em; 
  margin:6px;
  padding:0;
  list-style:none;
  }
#content li {
  padding-bottom:3px;
    line-height:1.2em;
  }
/* =Strategy
----------------------------------------------- */
.relative {
  position: relative;
  }
#pagenavbot {
  color:#fff;
  font-size:12px;
  position: absolute; 
  left: 6px; 
  top: 348px;
  z-index: 1;
  }
#pagenavtop {
  color:#fff;
  font-size:12px;
  position: absolute; 
  left: 6px; 
  top: 6px;
  z-index: 1;
  }
.clear {
clear:both;
}