/* Altered 04 Apr 06, news added in 17 Jul 06 bookingform added in 19 Feb 07 */
body{
/* icjs.css the style sheet governing the ICJS website */
font-size: 11pt; 
font-family: "Trebuchet MS",sans-serif; 
color:black; 
background-color: #BDCCD4;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
}

/* ---------- GENERAL ------------ */

img, div {
   padding: 0;
   margin: 0;
}

p
{
   color: black;
}

hr {
	border-top: 1px solid #BDCCD4;
	border-left:none;
	border-right:none;
	border-bottom:none;
	color: #E8E6E7;
	padding: 0;
	margin: 0;
}


a 
{
   color: #2791AA;
}

a:hover
{
   color: #73C9DD;
}

h1, h2, h3{font-weight:bold;font-family:"Times New Roman",serif}
h1{font-size: 20pt; color:#2791AA}
h2{font-size: 17pt; color:#48575E}
h3{font-size: 15pt; color:#48575E}

table{font-size: 9pt; font-family: "Trebuchet MS", sans-serif; color:navy}
th{color: black; background-color: silver}
td{padding:1px 8px 1px 8px; font-size: 9pt; font-family: "Trebuchet MS", sans-serif; color:navy; background-color: #F0F0F0;}
.prompt{text-align:right}
small{font-size: 7pt; font-family:"Trebuchet MS",Arial, sans-serif;color:gray} 
li{font-size: 10pt; font-family: "Trebuchet MS", sans-serif; margin-top: 10px;}

/*---------- CONTAINERS ----------- */

.back-top
{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height: 150px;
   background-color: #E6ECED;
   z-index:-15;
}

.back-middle
{
   position:absolute;
   top:150px;
   left:0px;
   width:100%;
   height: 205px;
   
   background: url(images/background.png) repeat-x;
   background-position: top left;
   z-index:-10;
}

.container /* To centre the page */
{
    width: 990px;
    height: auto;
    overflow:visible;
    margin: 20px auto 0px auto;
    position: relative;
    text-align: left;
    background-color: #FFF;
}

.container-back
{
	width: 100%;
	top: 0px;
	bottom: 0px;
	position:absolute;
	z-index:-5;
}


.dropshadow-left-corner, .dropshadow-right-corner
{
   position: absolute;
   top: 20px;
   width: 27px;
   height: 39px;
   opacity: 0.2;
}

.dropshadow-left-corner
{
   background: url(images/dropshadow-L-top.png) repeat-y;
   left: -27px;
}

.dropshadow-right-corner
{
   background: url(images/dropshadow-R-top.png) repeat-y;
   left: 990px;
}

.dropshadow-left, .dropshadow-right
{
   position: absolute;
   width: 27px;
   opacity: 0.2;
   top: 59px;
   bottom: 0px;
   margin: 0;
   padding: 0;
}

.dropshadow-left
{
   left: -27px;
   background: url(images/dropshadow-L.png) repeat-y;
}

.dropshadow-right
{
   left: 990px;
   background: url(images/dropshadow-R.png) repeat-y;
}

.header
{
   width: 100%;
   margin: 0px 0px 20px 0px;
}

.left-column
{
   float: left; 
   width: 160px; 
   margin-left: 20px;
}

#body1content {
  float:left;
  left:230px; 
  top:140px; 
  width:490px;
  margin-left: 20px;
}
#right-column { float:left; width:250px; margin-left:20px; }
#spacer { clear:both;}
/*---------- MENU---------------*/

.bm {font-size: 11pt;font-family: Arial, sans-serif; font-weight: normal;}
#LHelement
{/* Border and background of whole list */
border: 0px; height : auto; }

ul.bm
{
	/* 3 borders, affects lhs and bottom border of bm unit */
	position: relative;
	top : 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	list-style: none;
	display : block;
	padding: 0;
	margin: 0px 0px 25px 0px;
	border-left: 1px solid #BDCCD4;
	
	width: 100%;
	}
	
ul.bm li
{
/* border-top is colour of 3 lines around bm box - not lh vertical, 
	backgound is the colour of the NONHOVER state of bm box */
	border-top: 1px solid #BDCCD4;
	border-bottom: 1px solid #BDCCD4;
	margin: 0px 0px 5px 0px;
	position: relative;
	padding: 0px;
	width: 100%; /* put back to 9.8 later */
}

ul.bm li a {
/* (padding: top right bottom left) affects where the TEXT is within its box */
   background: url(images/menu_button.png) repeat-x;
   /*background: #EEEEEE;*/
   display : block;
   color: black; 
   text-decoration: none;
   height: 30px;
   line-height: 30px;
   padding: 0px 0px 0px 12px;
   margin: 0;
}

ul.bm li a:active, ul.bm li a:focus
{
    outline: none;
}

ul.bm li a:Link, ul.bm li a:Visited
{
}


ul.bm li a:Hover
{ 
   background: url(images/menu_button_hover.png) repeat-x;
   background-color: white;
}

ul.bm li a:active
{
    background-image: none;
    background-color: #2791AA;
    color: white;
}

/*-------- REIGSTER ------------- */

.register-button a 
{
   font-size: 11pt;

}



/*------- LINKS -----------*/

p.links{
   font-size:9pt; 
   font-family:"Trebuchet MS",Arial,sans-serif;
}

/*--------- ARTICLES --------- */

#art_and_comm
{
  background-color: #F2F7F9;
  border: 1px solid #BDCCD4;
  padding:20px;
}

#art_and_comm h1
{ margin:0; }

/* ----------- NEWS --------------- */
#news_section h2.newstitle
{ margin: 10px 0px 10px 0px; }

#news_section {
width:100%;
background-color: #FFF;
padding: 0px;
font-family: helvetica,sans-serif; font-size:8pt;
color:black;
list-style: none;
}
/* 
#usercomments  {position: absolute; left:510px; top:200px; width:300px; height:1600px; width:100%;} */
#usercomments
{
   width:100%;
}
/* #twitter_div {width:100%;} */
.special{font-size: 10pt; font-family: "Trebuchet MS",Arial,Helvetica, sans-serif; color:#4F3F70; background-color: #E7F3E0}

@font-face {
	font-family: Webtrack; font-style:  normal;
	font-weight: normal;src: url(webtrack.eot);
}
em.wtf {font-size: 120%; font-family: Webtrack;}
blockquote {
	background: #AFBFFF; border-top: 2px solid #8090FF;
	border-bottom: 2px solid #8090FF; 
	text-align: left; margin: 10px 10px; 
	width:360px; padding: 5px 10px;
}

.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:"Trebuchet MS",sans-serif;
margin-bottom:0px;font-style: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%;
}
#e2af {padding-left:4px;}
#feedback {padding-left:4px;}
form.feedback textarea  {width: 100%;}
.caption{font-size:8pt;font-weight:bold;}

/* ---------- TOPIC LIST ---------- */

table.topiclist 
{
   background-color: white; 
   text-align: center; 
   padding: 0px 1px 1px 0px;
   border: 1px solid #BDCCD4;
}

table.topiclist td
{
   background: none;
   padding: 0px;
   margin: 0px;
   border-top: 1px solid white;
   border-left: 1px solid white;
}

td.topiclist-blank
{
   color: white;
}

table.topiclist td a {
    /*background-color: #98A3A8;*/
    /*background-color: #D6E7EA;*/
    background-color: #9CCFDE;
    background: url("images/topic-list.png");
	   color:white; 
	   font-size:8pt; 
	   font-weight:bold;
	   width: 97px;
	   height: 40px;
	   display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    color: black;
    text-decoration: none;
}


td.topiclist a:link, a:active{
   color:white;
   outline: none;
}
td.topiclist a:visited{
   color:white;
}
td.topiclist a:hover
{
   /*color: #2791AA;*/
   color: #48575E;
   
   background-color: #B5E3E8;
   background-image: none;
   /*background: url("topic-list-hoverd.png");*/
}




table.srtsel{color:silver; border:outset 4px; border-spacing:1px;
border-collapse:separate; width:600px;}
table.address{color:silver; border:outset 4px; border-spacing:1px;border-collapse:separate; width:500px;}
td.srtsel{border:1px black;padding:4px;text-align:right}
table.zzquery{border: 1px solid; empty-cells:show; 
border-collapse:collapse; }
th.zzquery{border:1px solid gray}
td.zzquery{border:1px solid gray}
td.totals{font-weight:bold;border: 1px solid black}
 
.firstpara:first-line {font-variant:small-caps;font-size:109%}
.firstpara:first-letter {font-size:200%; float: left}
.menu{font-size: 9pt; color:black; text-align: left}

.dialog1 {color:#000050;}
.dialog2 {color:#005000;}
.dialog3 {color:#430043;}
.dialog4 {color:purple;}
.plight{color:#6666C0}
.security{color:#66C066}
.illegal{color:#C06677}
p.menut{font-size: 8pt; color:gray; text-align: left}
p.warning{font-size: 8pt; color:orange; font-weight:bold}
p.info{font-size: 8pt; color:navy}
p.next{font-size:11pt; color:black; font-family: "Times New Roman",serif}
p.error{font-size: 14pt; font-family: "Trebuchet MS", sans-serif; color:red}
p.article{text-align: justify;}
p.caveat{font-size:11pt;color:black;font-style:italic}

/* ------- COMMENTS -------- */

p.comment{
   font-size: 8pt; 
   color:#48575E;
}

p.subcomm{
   font-size: 8pt; 
   color:#48575E; 
   font-style:italic;
}

.red{color:red}
.blue {color:blue}
.purple {color:purple}
.green {color: green}
.yellow {color:yellow}
.navy {color:navy}
.summary {font-family: "Trebuchet MS", 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: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size: 15px}
span.private{background-color:red; font-weight:bold }

span.emotive{color:#FF6600}
span.squote{color: black; font-size:11pt; font-style:italic; font-family: Times,serif}
i.falsehood{color:#FF6600}

#WebElement
{
	/* 9dddf8 to 3f939a */
	border-top: 1px solid #9dddf8;
	background : #9dddf8 url(images/icjsgrad.jpg) repeat;
	height : 25px;
	border-bottom: 4px solid #3f939a;
	padding-left: 2px;
}

#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; font-size: 9pt}
#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 */
color : black; display : block; padding-right : 10px; 
border-right : solid 1px #D0D0FF; text-decoration: none; }
#WebElement ul.ddm li ul a:Link, #WebElement ul.ddm li ul a:Visited, #WebElement ul.ddm li.dropBorder
{ padding-right : inherit; border-right : none; }
#WebElement ul.ddm li ul a:Hover
{ /* affects the HOVER over ddm box */ background-color : #5ab6cf;}
#WebElement ul.ddm ul
{ /* 3 borders, affects lhs and bottom border of ddm unit */ 
position: absolute; top : 17px; margin: 0px; padding: 0px; width: 15em;
border-right: 1px solid #f8fafb; border-bottom: 1px solid #f8fafb; 
border-left: 1px solid #f8fafb;}
#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 NONHOVER state of ddm box */
border-top : 1px solid #f8fafb; position: relative; float: left; margin: 0px;
padding: 0px; background : #bdd4da; 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;}

#reportmen{border-top:1px solid #9dddf8; height:25px; padding-left:2px; background : #9dddf8 url(images/icjsgrad.jpg) repeat; border-bottom: 4px solid #3f939a;}
#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
{color:black; display:block; padding-right:10px; border-right:solid 1px #D0D0FF;
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: #5ab6cf;}
#reportmen ul.ddreport ul {position:absolute; top:17px; margin:0px;padding:0px;
width:15em; border-right: 1px solid #f8fafb; border-bottom: 1px solid #f8fafb;
border-left: 1px solid #f8fafb;}
#reportmen ul.ddreport ul li{border-top: 1px solid #f8fafb; position:relative;
float:left;margin: 0px; padding: 0px; background: #bdd4da; 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;}
#bookingform
{width:550px;height:auto;color:navy;}
#tablqueries {
position: absolute;
top:135px; left:205px;
width: 940px;height: 1600px;}
#wtworkspace {
position: absolute; left: 204; top:140; width:840;  height:300; }
table.thumb {border: none; width:760px; background-color:#eeeeee}
td.thumb  {border:1px solid #1020c3;}
#bloggy {width: 440px; margin-left:1px; font-family: Verdana, sans-serif;
background-color:#200050;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}
p.teaser a:link {color:white; background-color:#006A80;}
p.teaser a:hover {color:#9aaa30;background-color:#200050;}
p.teaser a:visited {color:#006A80;}
p.seen a:link {color:white; background-color:#006A80;}
p.seen a:hover {color:#9aaa30;background-color:#200050;}
p.seen a:visited {color:#9aaa30;}
p.teaser1 a:link {color:white;background-color:#006A80;}
p.teaser1 a:hover {color:#9aaa30;background-color:#200050;}
p.teaser1 a:visited {color:#006A80;}
#slqry {position: absolute; left:250px; top:380px; width:1000px; height:1600px;}
table.events{margin: 12px; padding: 1px 8px 1px 8px;border: 1px solid; empty-cells:show; border-collapse:collapse;}
th.events {padding: 1px 8px 1px 8px; border:1px solid gray;}
td.events {padding: 1px 8px 1px 8px; border:1px solid gray;}
td.events a:link {color:#e00000;font-weight:bold;}
td.events a:hover {color:#000000;font-weght:bold;}
td.events a:visited {color:white;}
/* #pbr {position:absolute;left:300;top:300} */
#privstored {position: absolute; left:210px; top:370px; width:1000px; height:1600px;}
.feed-button { padding: 10px 0;}
.feed-button a {
color: #666;
padding: 10px 15px 10px 36px;
background: #ccc url("./images/feed-icon-14x14.png") no-repeat 15px 50%;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #818181;
border-bottom: 1px solid #565656;
border-left: 1px solid #d7d7d7;
}
.feed-button a:hover {
color: #444;
background: #eee url("./images/feed-icon-14x14.png") no-repeat 15px 50%;
border-top: 1px solid #f5f5f5;
border-right: 1px solid #969696;
border-bottom: 1px solid #646464;
border-left: 1px solid #f2f2f2;
}