/* Michael Danby's css file altered 29 Mar 06 blockquote added 12 Jul 06 
   webtrack font added in 19 Apr 2007 thumbnail table added 12 Dec 07 
   text-shadow removed 07 Sep 09 topiclist table altered for changes to
   basepage.php 24 Jan 10 */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
li {
	font-size: 9pt; font-family: Verdana, sans-serif;
	margin-top: 10px;
}
.prompt {text-align:right;}
.bloggy {
	background-color:#FFECA0;
	width:400px; margin: 20px 40px 20px 20px;
	border-top:2px solid #70FF70;
	border-bottom:2px solid #70FF70;
	font-size: 8pt;
}
h3.articledetails {color:#006A80;font-family:"Lucida Sans Unicode",sans-serif;
margin-bottom:0px;font-weight:bold; font-size:12pt;}
h3.articledetails a:link {color:#006A80; text-decoration:none;}
h3.articledetails a:visited {color:#006A80; text-decoration:none;}
h3.articledetails a:hover {color:white;background-color:#006A80;}
p.articledetails {color:#00B000; font-size:6pt;margin-top:0px;margin-bottom:0px;}
.more, .more a {
	background-color:#FEFEFE;
	font-family:Times,serif; font-weight:bold;
	font-size:130%;
}
.bloggy a:link {color:#701010}
.bloggy a:visited {color:navy}
.bloggy a:hover {color:green}
blockquote {background: #BFF6FF; border-top: 2px solid #FF939F; border-bottom: 2px solid #FF939F; text-align: left; margin: 10px 40px; width:220px; padding: 5px 20px;}
h1, h2, h3{font-weight:bold;font-family:"Times New Roman",serif}
h1{font-size: 20pt; color:navy;}
h2{font-size: 17pt; color:navy;}
small{font-size: 7pt; font-family:Arial, sans-serif;color:gray}
span.register{font-size: 150%;color:#003000;font-weight:bold;}
h2.comment{font-size:12pt;color:#061006}
p.comment{font-size:7pt;color:#264026;font-style:italic;}
p.error{font-size: 14pt; font-family: Verdana, sans-serif; color:red}
.firstpara:first-line {font-variant:small-caps;font-size:109%}
.firstpara:first-letter {font-size:200%; float: left}
@font-face {
	font-family: Webtrack; font-style:  normal;
	font-weight: normal;src: url(webtrack.eot);
}
em.wtf {font-size: 120%; font-family: Webtrack;}
.summary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; font-style: normal; 
	line-height: 12px; 
	font-weight: normal; 
	font-variant: normal; text-transform: none; 
	color: #333333;text-decoration: none;
}
h2.at{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 15px;}
h2 a:visited {color:#8080c0;}
h2 a:link {color:#505A90;}
h2 a:hover {color:#8800EE;}
h1 a:visited {color:#994444;}
h1 a:link {color:#444499;}
h1 a:hover {color:#8899BB;}
.red{color:red}
.dialog2 {color:#005000}
span.private {background-color:red; font-weight:bold; }
span.extra a {font-size:12pt; font-style:italic;font-weight:bold;}
span.extra a:link {color: red;}
.style1 {font-size: 9px}
.style2 {color: #FFFFFF}
.style4 {color: #FFFFFF; font-weight: bold; }
.style5 {
	font-size: 10px;
	color: #CCCCFF;
}
.style6 {
	font-size: 10px;
	font-weight: bold;
}
.style7 {color: #2162A5}
.style15 {
	color: #2162A5;
	font-size: 10px;
	font-weight: bold;
}
.style17 {font-size: 10px}
#banner1 {
	position:absolute;width: 752px;height: 110px;
	top: 10px;left: 10px;background-color: #0033FF;
	layer-background-color: #0033FF;border: 1px none #000000;
	background-image: url('images/bg.gif');
	layer-background-image: url(images/bg.gif);
}
#banner2 {position:absolute;width:200px; height:77px;
	left: 170px; top: 16px;}
#banner3 {position:absolute;width:104px;
	height:110px;left: 599px;top: 0px;}
#banner4 {position:absolute;width:150px;height:120px;
	top: 120px;left: 10px; background-image:url(images/bg.gif);
	layer-background-image: url(images/bg.gif);border: 1px none #000000;}
#banner5 {position:absolute;width:112px;
	height:138px;top:11px;left:30px;}
#topic_list {width:595px;}
#page1content {
	position: absolute;
	left: 170px;
	top: 200px;
	width: 390px;
/*	height: 570px;
	overflow:auto;
	overflow-x: hidden; */
}

#art_and_comm {
	position: relative;
/*	left: 10px; top:100px; */
	width: 590px;
	height: 570px;
}
#body1content {
	position: absolute;
	left: 170px;
	top: 150px;
	width: 550px;
	height: 620px;
}
#articlecontent {
	/*
	height: 650px;
	overflow: auto;
	overflow-x: hidden; */
	padding: 3px 3px 3px 3px;
	background-color: #fffdfd;
}
#usercomments {position: absolute; left:602px; top:370px; width:220px;}
#newstitle {position:absolute; left:762px; top:199px; width:192px;
	height:14px; background-color: #e00024; 
	layer-background-color: #E00024; border: 1px solid #000000; 
	background-image: url('images/bg.gif');color:white;
	font-weight: bold;
	layer-background-image: url('images/bg.gif');
	padding:3px;
	text-align:center;
}

/*
#newscontent {
position:absolute; left:762px; top:225px; width:192px;
height: 230px; background-color: #CCCCFF;
layer-background-color: #ccccff;
border: 1px solid black;
padding: 3px; overflow:auto;overflow-x: hidden;
font-size: 8pt;
}
*/
#exxtras {position:absolute; left:595px; top:300px; width:192px;
height: 230px;}

#news_section {
position:absolute; left:595px; top:25px; width:192px;
height: 230px; background-color: #CCCCFF;
layer-background-color: #ccccff;
border: 1px solid black;
padding: 3px; overflow:auto;overflow-x: hidden;
font-size: 8pt;
}
#contacttitle {
	position:absolute; left:570px; top:324px; width:192px;
	height:14px; background-color: #e00024;
	layer-background-color: #e00024; border: 1px solid black;
	background-image: url('images/bg.gif');
	layer-background-image: url(images/bg.gif);
	padding:3px;
	text-align: center;
}
#contactcontent {
	position:absolute; left:570px; top:350px;
	width:192px; height:145px;
	background-color: #ccccff; layer-background-color: #ccccff;
	border: 1px solid black;
	padding: 3px;
}
#redstrip {
	position:absolute;left:165px;
	top:125px; width:598px; height:20px;
	background-color: #E00024;
	layer-background-color: #E00024;
	border: 1px none #000000;
}
/*
#topiclist {
	height:600px;
	overflow:auto;
} */
table.topiclist {
   background-color: #e00024;
   text-align: center;
   padding: 1px 1px 1px 1px solid white;
   border: 1px solid white; }

table.topiclist td {
   background: none;
   padding: 6px;
   margin: 6px;
/*   border-top: 2px solid white; */
   border-left: 2px solid white;
}
td.topiclist {
	padding: 5px;background-color:#e00024; 
	color:#ccccff; font-size:8pt; font-weight:bold
}
td.topiclist a:link{color:white}
td.topiclist a:visited{color:white}
td.topiclist a:hover{color:black}
#leftmenu {
	position:absolute;
	left:10px;
	top:240px;
	width:150px;
/*	height:600px; */
	background-color:#f0f0f0;
}
/* #bottom {
	position:relative;
	float: bottom;
	left:10px;
	top:830px;
	width:735px;
	height:100px;
}
*/
#MsoNormal {color:white;width:10px;font-size:7pt;}
.MsoNormal {color:white;width:10px;font-size:7pt;}
#bot {
	margin-top:30px;
	position: absolute;
	width:610px;
	left:-200px;
	font-size: 95%;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #001A83;
	color: #FFFFFF;
/*	border: 1px solid #001A83; */
}
.bot1 {
	background-color: #FFFFFF;
	color: #001A83;
	border: 1px solid #FFFFFF;
}
a.bot:link { color: #FFFFFF }
a.bot:visited { color: #FFFFFF }
a.bot:hover { color:#CCCCCC }
a.bot1:link { color: #001A83; }
a.bot1:visited { color: #001A83; }
a.bot1:hover { color: #001A83; }
.bm {
	font-size: 12px;
	font-family: Verdana,Arial, sans-serif;
	font-weight: bold;
}
#LHelement {
	border: none;
	background : #ffffff;
	height: auto;
}

#LHelement ul.bm {
	position: relative;
	top:0px; width:150px;
	border-right:0px;
	border-bottom:3px solid white;
	display:block; list-style:none; 
	margin-left: 0px;
	padding-left:0px;
}

#LHelement ul.bm li /* Affects the non HOVER colour of the boxes */
{
	border-top:3px solid #FFFFFF;
	position:relative; float:left;
	margin:0px; padding:0px;
	background-color:#e00024;
	width:150px;
}

#LHelement ul.bm li a:Link, #LHelement ul.bm li a:Visited
{
	/* border-right is the thin line separating the menu headings, color is the colour of ALL the text */
	display:block;
	color:white;
	border-right : 0px;
	text-decoration: none;
}
#LHelement ul.bm li a:Hover
{ /* affects the HOVER over bm box */
	background-color:#fd8a78;
}
#LHelement ul.bm>li {
	display: block; float: none;
}
#LHelement ul.bm li a {
	/* (padding: top right bottom left) affects where the TEXT is within its box */
	padding: 3px 1px 3px 5px;
	display: block;text-decoration:none;
}
table.ddm{border:1px;border-spacing: 0px;border-collapse:collapse;}
td.ddm{padding:1px 1px 1px 5px; width:154px; color: #FF0000; background-color: #FFE0E0}
/* WebElement is for the advanced webtrack menu */
#wtworkspace {
	position:absolute;
	left:165px;
	top:124px;
	width:840px;
	height:300px;
}
#WebElement {
	border-top: 1px solid #2162a5;
	background : #2162a5;
	height : 25px;
	border-bottom: 1px solid #2162a5;
}
#WebElement ul.ddm {
	list-style: none;
	margin: 0px;
	position : relative;
	left : 0px;
	display : block;
}
#WebElement ul.ddm li {
/*  this seems to make the list go horizontal */
	display: block;
	float: left;
	padding-left : 10px;
	position : relative;
	margin-top: 0px;
	margin-bottom: 0px
}
#WebElement ul.ddm li a:Link, #WebElement ul.ddm li a:Visited {
	/* border-right is the thin line separating the menu headings 
	color is the colour of ALL the text */
        font-family: arial,sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color : white;
	display : block;
	padding-right : 10px;
	border-right : solid 1px #f2dedd;
	text-decoration: none;
}
#WebElement ul.ddm li ul a:Link, #WebElement ul.ddm li ul a:Visited, #WebElement ul.ddm li.dropBorder {
/*	padding-right : auto; */
	padding-right : 1px;
	border-right : none;
}
#WebElement ul.ddm li ul a:Hover { /* affects the HOVER over ddm box */
background-color : #4182d5;}
#WebElement ul.ddm ul
{
	/* 3 borders, affects lhs and bottom border of ddm unit */
	position: absolute;
	top : 17px;
	margin: 0;
	padding: 0;
	width: 15em;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
}
#WebElement ul.ddm li div {
	position: relative;
}
#WebElement ul.ddm ul li {
	/* border-top is colour of 3 lines around ddm box - not lh vertical
	, backgound is the colour of the non HOVER state of ddm box */
	border-top : 1px solid white;
	position: relative;
	float: left;
	margin: 0;	
	padding: 0; 
	background : #2162a5;
	width : 15em;
}

#WebElement ul.ddm ul>li {
	display: block;
	float: none;
}

#WebElement ul.ddm ul li a {
	margin: 0;
	padding: 4px 4px 4px 4px; 
	font-weight: normal;	
	display: block;	
	text-decoration: none;
}
/* The drop down report menu */
#reportmen{ border-top: 1px solid #2162a5; background : #2162a5;
	height : 25px; border-bottom: 1px solid #2162a5;
}
#reportmen ul.ddreport{list-style:none;margin:0px; position:relative; left:0px;
display: block;}
#reportmen ul.ddreport li{display:block; float:left; padding-left:10px;
position:relative; margin-top:0px; margin-bottom:0px;width:11em; font-size:9pt;}
#reportmen ul.ddreport li a:Link, #reportmen ul.ddreport li a:Visited {
/* border-right is the thin line separating the menu headings color is the colour of ALL the text */
font-family: arial,sans-serif;font-weight: normal;font-size: 10pt;color: white;
display: block; padding-right: 10px; border-right: solid 1px #f2dedd;
text-decoration: none;}
#reportmen ul.ddreport li ul a:Link, #reportmen ul.ddreport li ul a:Visited, #reportmen ul.ddreport {padding-right: inherit; border-right: none}
#reportmen ul.ddreport li ul a:Hover {background-color: #4182d5;}
#reportmen ul.ddreport ul {position:absolute; top:17px; margin:0px;padding:0px;
width:15em; border-right: 1px solid white; border-bottom: 1px solid white;
border-left: 1px solid #f8fafb;}
#reportmen ul.ddreport ul li{border-top: 1px solid white; position:relative;
float:left;margin: 0px; padding: 0px; background: #2162a5; width: 20em;}
#reportmen ul.ddreport ul>li {display: block; float: none;}
#reportmen ul.ddreport ul li a{ margin: 0;padding: 4px 4px 4px 4px;
font-weight: normal;display: block;text-decoration: none;}
#tablqueries {
	position: absolute;
	top:145px; left:168px;
	width: 670px;height: 1600px;
}
table.thumb {border: none; width:600px; background-color:#151013}
td.thumb  {border:1px solid #1020c3;}
#bloggy {width: 370px; margin-left:1px; font-family: Verdana, sans-serif;
background-color:navy;color:white;border:15px solid white;}
#bloggy h3.teaser {color:white; font-weight:bold;
font-family: Verdana, sans-serif; font-size:100%; padding-left:10px;
margin-top: 0px; margin-bottom: 0px;}
#bloggy p {font-family: Verdana, sans-serif; font-size: 9pt; padding:10px; line-height:24px; margin-top: 0px; margin-bottom: 0px;}
#bloggy p.bloggy {padding:10px; line-height:24px; font-size:9pt;}
#bloggy p.teaser {line-height:24px;color:white;font-size:9pt; margin-top: 0px; margin-bottom: 0px;}
#bloggy p.teaser1 {font-style:normal;padding:10px; color:white; font-size:9pt; line-height:24px;margin-top:0px;margin-bottom:0px;}
#bloggy p.seen{color:gray; font-size:9pt;line-height:24px;}
#bloggy a{text-decoration:none; font-weight:bold}
.blog_top1 {width: 380px;}
p.teaser a:link {color:white; background-color:#ef0000;}
p.teaser a:hover {color:#ff6060;background-color:navy;}
p.teaser a:visited {color:#006A80;}
p.seen a:link {color:gray; background-color:navy;}
p.seen a:hover {color:white;background-color:navy;}
p.seen a:visited {color:white;}
p.teaser1 a:link {color:white;background-color:#ef0000;}
p.teaser1 a:hover {color:#ff6060;background-color:navy;}
p.teaser1 a:visited {color:white;}