body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	background: #006EA1
}

* {margin: 0px; padding: 0px; border: 0}


/* ----------------------------- LAYOUT DIVS -------------------------------- */


ol {font-size: 12px; line-height:2em;margin-left: 40px;}

div#container {
	margin: 0 auto;
	width: 990px;
	height: 100%;
	background: url(images/shadows.gif) center 0 repeat-y #006EA1
}
div#bottom-shadow {
	    clear: both;
	width: 990px;
	height: 20px;
	background: url(images/bottom-shadow.gif) left top no-repeat #006EA1;
	float: left;
}

div#top {margin: 0 auto; position: relative; width: 950px; height: 90px; overflow: hidden}  /*  top bar */

div#advert-area {position: absolute; top: 5px; right: 5px; z-index: 1000; width: 600px; height: 80px; line-height: 80px; text-align: center; overflow: hidden; background: #fff}

div#hdr {  /*  header/banner used for main image */
margin: 0 auto; 
width: 950px; 
background: 175px 100% no-repeat #74a0df;  /* 100% is a fix for Opera and means "align to bottom" */
overflow: hidden;
position: relative;
}  

div#hdr img {position: absolute; left: 175px; bottom: 0}
div#topnav {float: left; width: 175px; background: #013D7B}
div#search {float: right; position: relative; width: 183px; height: 14.45em; background: url(images/search-bkgrnd.gif) 0 50% no-repeat #2F5C95}

div#content {margin: 0 auto; position: relative; width: 950px; background: #fff; overflow: hidden}  /*  keeps the left and right columns together */

div#lftcol {    /*  Left column */
	float: left; 
	width: 175px; 
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#centrecol {    /*  Centre column */
	float: left; 
	width: 562px; 
	background: #fff;
	text-align: left;
	color: #333; 
	font-size: 12px; 
	line-height: 1.70em; 
	text-align: left;
	padding: 0 15px 40px 15px;  /* Adds a nice extra bit of space at the bottom of the column */
	overflow: hidden;
}

div#rgtcol {    /*  Right column */
	float: right; 
	width: 183px; 
	background: #efefef;
	overflow: hidden;
	padding-bottom: 20px  /* Adds a nice extra bit of space at the bottom of the column */
}

div#bttmnav {clear: both; margin: 0 auto; width: 562px; height: 2.5em; text-align: left; line-height: 2.5em; font-size: 0.70em}
div#copyright {float: left; position: relative; width: 950px; margin: 10px 0 0 0; padding: 10px 0 10px 15px; line-height: 1.8em; text-align: left; color: #666; font-size: 0.65em; border-top: 1px solid #ccc;}

/* ----------------------------- EXTRA DIVS -------------------------------- */

#lftcol .specialbox {  /* use for advertisements etc in the left column */
	float: left;
	padding: 0 8px 5px 8px;
	width: 175px;
	text-align: left;
	font-size: 11px;
	line-height: 1.70em;
	background: #F2F2F2;
	color: #333;
}


#rgtcol .specialbox {  /* use for advertisements etc in the right column */
	padding: 0 8px 5px 8px;
	width: 175px;
	text-align: left;
	font-size: 11px;
	line-height: 1.70em;
	background: #F2F2F2;
	color: #333;
}


/* ---------------------- HEADINGS, TEXT AND LISTS ------------------------- */
p {}

h1 {float: left}
h1 a span {display: none}

h2 {margin-top: 10px; font-weight: normal; letter-spacing: -0.05em; font-size: 20px; color: #648499; line-height: 1.60em; border-bottom: 1px solid #ccc; text-align: left}

h3 {margin-top: 10px; font-size: 0.90em; color: #546E8F; line-height: 1.50em; border-bottom: 1px solid #ccc; text-align: left}

#lftcol h3, 
#rgtcol h3 {margin: 0; border: 0; text-align: left; font-size: 11px; font-weight: bold; color: #333; display: block; width: 170px; padding: 5px 2px 5px 10px; background: #E5E5E5}

#centrecol ul {text-align: left; list-style: none outside}
#centrecol ul li {font-size: 12px; line-height: 1.70em; padding-left: 12px; background: url(images/list-bullet.gif) left 5px no-repeat}


/* ------------------------------- LINKS ---------------------------------- */
a, a:active, a:visited {color: #0073AE}
a:hover {color: #000}

a#sitemap  {color: #ffffff; float: left; margin-top: 100px; margin-left: -30px; width: auto;  background: url(./images/sitemap.gif) 0 50% no-repeat; font-size: 0.70em; padding-left: 25px; text-decoration: none; overflow: visible; line-height: 2em; z-index: 1000}
a#sitemap:hover {text-decoration: underline}


/* ------------------------------ MAIN NAV --------------------------------- */
#topnav ul {float: left; margin-top: 1px; width: 175px; list-style: none outside; text-align: left}

#topnav ul li {display: block; float: left; width: 175px; border-bottom: 1px solid #013D7B}

#topnav ul li a {display: block; float: left; font-size: 0.65em; text-decoration: none; color: #fff; height: 1.75em; line-height: 1.75em; width: 155px; padding-left: 20px}

#topnav ul li a.colour-1 {background: url(images/nav/colour-1.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-2 {background: url(images/nav/colour-2.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-3 {background: url(images/nav/colour-3.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-4 {background: url(images/nav/colour-4.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-5 {background: url(images/nav/colour-5.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-6 {background: url(images/nav/colour-6.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-7 {background: url(images/nav/colour-7.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-8 {background: url(images/nav/colour-8.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-9 {background: url(images/nav/colour-9.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-10 {background: url(images/nav/colour-10.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-11 {background: url(images/nav/colour-11.gif) 5px 50% no-repeat #006EA1}
#topnav ul li a.colour-12 {background: url(images/nav/colour-12.gif) 5px 50% no-repeat #006EA1}

#topnav ul li a:hover {background-color: #007FBA}


/* ------------------------------ SIDE NAV --------------------------------- */

#lftcol ul {float: left; margin-top: 1px; width: 175px; list-style: none outside; text-align: left; border-bottom: 10px solid #fff}

#lftcol ul li {display: block; float: left; width: 175px; border-bottom: 1px solid #fff}

#lftcol ul li a {display: block; float: left; font-size: 0.65em; text-decoration: none; color: #006EA1; height: 1.75em; line-height: 1.75em; width: 155px; padding-left: 20px}

#lftcol ul li a.colour-1 {background: url(images/nav/colour-1.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-2 {background: url(images/nav/colour-2.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-3 {background: url(images/nav/colour-3.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-4 {background: url(images/nav/colour-4.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-5 {background: url(images/nav/colour-5.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-6 {background: url(images/nav/colour-6.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-7 {background: url(images/nav/colour-7.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-8 {background: url(images/nav/colour-8.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-9 {background: url(images/nav/colour-9.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-10 {background: url(images/nav/colour-10.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-11 {background: url(images/nav/colour-11.gif) 5px 50% no-repeat #eee}
#lftcol ul li a.colour-12 {background: url(images/nav/colour-12.gif) 5px 50% no-repeat #eee}

#lftcol ul li a:hover {background-color: #e0e0e0}


/* ------------------------------ BOTTOM NAV --------------------------------- */

#bttmnav ul {margin:0; padding: 0; list-style: none inside}
#bttmnav ul li {display: inline; padding: 0 4px 0 6px; border-left: 1px solid #ccc}
#bttmnav ul li.first {display: inline; padding: 0 4px 0 6px; border-left: 0}
#bttmnav ul li a {text-decoration: none; color: #666}
#bttmnav ul li a:hover {text-decoration: underline}

/* ------------------------------- TO THE TOP -------------------------------- */

a#tothetop {float: left; display: block; margin-top: 9px; margin-right: 5px; margin-left: 5px; width: 13px; height: 12px; background-image: url(images/ttt.gif); background-position: left top; background-repeat: no-repeat}
a#tothetop:hover {background-position: left bottom}
a#tothetop span {display: none}


/* ------------------------------- TABLES ---------------------------------- */


/* ------------------------------- IMAGES ---------------------------------- */
#bizmedia-logo {position: absolute; right: 0; bottom: 5px;}

/* ------------------------------ FORMS ------------------------------------ */

#search label {margin: 25px 0 0 20px; padding: 0; font-size: 0.70em; color: #fff; text-align: left; float: left}
input#searchbox {padding: 0; margin: 0; position: absolute; top: 45px; left: 20px; width: 110px; height: 16px; background: #0E699E!important; border: 1px solid #fff!important; color: #fff!important}
input#sendbttn {position: absolute; top: 45px; right: 24px; width: 20px; height: 19px; background: url(images/send-bttn.gif) 0 0 no-repeat!important; border: 0; cursor: pointer}