/* wol.css */

/* THE STYLES prefixed TEMP_ CREATE THE TEMPLATE LAYOUT in LYOUT.HTML */

body , td{
	margin:0px;
	font:x-small, "Trebuchet MS", arial ,sans-serif;
 	voice-family: "\"}\""; voice-family:inherit;
  	font-size:small;
}
  html>body {font-size:small;font-family:"Trebuchet MS", arial ,sans-serif;}
* html body, td {		/* for IE5*/
  font-size: x-small;
}  

/* alerts NS4 users that they should upgrade to view sites proper design. msg doesn't display in standard compliant browsers*/
.OLDBROWSER {display:none;}

#TEMP_WOLLINKS {
	position:absolute;
	top:0px;
	left:0px;
	display:inline;
	float:left;
	width:600px;
	height:24px;
	background-color:black;
	color:white;
}
.DALINKS {margin-left:350px; margin-top:2px; vertical-align:middle;} /*shifts text links into correct pos*/
.DALINKS a {font-size:10px; color:white; text-decoration:none;} /*shifts text links into correct pos*/
#TEMP_SKYBAR {
	position:absolute;
	top:0px;
	left:600px;
	display:inline;
	text-align:right;
	float:right;
	width:144px;
	height:24px;
	background-color:black;
	color:white;
}
#TEMP_SKYBAR .SKYBAR {
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:10px;
	border-collapse:collapse;
}
#TEMP_TOP {
	position:absolute;
	top:24px;
	left:0px;
	float:left;
	width:744px;
	height:55px;
}
#TEMP_MAIN {
	position:absolute;
	top:24px;
	left:0px;
	float:left;
	width:744px;
	height:600px;
}
#TEMP_SEARCH {
	position:absolute;
	top:55px;
	left:0px;
	float:left;
	width:145px;
	border-right:4px solid white;
}
#TEMP_LEFT {
	position:absolute;
	top:140px;
	left:0px;
	float:left;
	width:145px;
	border-right:5px solid white;
}
#TEMP_BODY {
	position:absolute;
	height:600px;
	top:55px;
	left:150px;
	float:left;
	width:493px;
	border-top:5px solid white;
	
}
.TEMP_BODY_NONREPORT {
	border-top:5px solid white;
	margin-left:20px;
	margin-bottom:20px;
	width:594px;
}
.TEMP_BODY_NONREPORT a {color:#333}

#TEMP_TSG_BODY {
	position:absolute;
	height:600px;
	top:55px;
	left:170px;
	float:left;
	width:574px;
	border-top:5px solid white;
}
/*.TEMP_TSG_BODY_NONREPORT {
	border-top:5px solid white;
	margin-left:20px;
	margin-bottom:20px;
	width:574px;
}*/
.TEMP_TSG_BODY_NONREPORT a {color:#333}

#TEMP_BODY_FORUMS {
position:absolute;
	height:600px;
	top:138px;
	left:150px;
	float:left;
	width:493px;
	border-top:5px solid white;
}
#TEMP_FEAT_NAV {
	position:absolute;
	top:79px;
	left:0px;
	height:15px;
	padding:5px 0 5px 0;
	float:left;
	width:744px;
	background-color:#D0D6F3;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-indent:20px;
}
#TEMP_FEAT_NAV a {
	font-size:14px;
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;
	color:black;
	margin-top:5px;
}
#TEMP_CRC_NAV {
	position:absolute;
	top:79px;
	left:0px;
	height:15px;
	padding:5px 0 5px 0;
	float:left;
	width:744px;
	background-color:#BAC0D2;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-indent:20px;
}
#TEMP_CRC_NAV a {
	font-size:14px;
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;
	color:black;
	margin-top:5px;
}
#TEMP_PP_NAV {
	position:absolute;
	top:79px;
	left:0px;
	height:15px;
	padding:5px 0 5px 0;
	float:left;
	width:744px;
	background-color:#EDE4DD;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-indent:20px;
}
#TEMP_FORUM_NAV {
	position:absolute;
	top:79px;
	left:0px;
	height:15px;
	padding:5px 0 5px 0;
	float:left;
	width:744px;
	background-color:#F1D5D5;
	color:black;
	font-size:14px;
	font-weight:bold;
	text-indent:20px;
	margin-bottom:25px;
}
#TEMP_BODY_FORUMS a, #TEMP_FORUM_NAV a {color:#333;}
#TEMP_BODY_FORUMS a:link {text-decoration:underline; color:#333;}
#TEMP_BODY_FORUMS a:hover{text-decoration:underline; color:black;}
#TEMP_BODY_FORUMS a:visited {text-decoration:underline; color:#666;}



#FORUM_MSG {
	position:absolute;
	top:104px;
	left:0px;
	height:15px;
	padding:5px 0 5px 0;
	float:left;
	width:744px;
	background-color:white;
	margin-bottom:25px;
	text-align:right;
}
/*FORUM/CONTENTS.JSP styles */
.CENTREIT {text-align:center;}
#FORUM_BUTT2 a img {text-align:center; margin:10px 2px 0px 0px;} 
#FORUM_BUTT1 a img {text-align:center; margin:10px 2px 0px 0px;}

#TEMP_PP_NAV a {
	font-size:14px;
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;
	color:black;
	margin-top:5px;
}
#TEMP_FEATURE_LEFT {
	position:absolute;
	min-height:600px;
	top:108px;
	left:0px;
	float:left;
	width:639px;
	border-left:5px solid white;
	border-top:5px solid white;
}
#TEMP_BODY_FEAT {
	position:absolute;
	min-height:600px;
	top:55px;
	left:151px;
	float:left;
	width:594px;
	border-left:5px solid white;
}
#TEMP_FEATURES_CENTRE {
	position:absolute;
	min-height:600px;
	top:108px;
	left:151px;
	float:left;
	width:594px;
	border-left:5px solid white;
}

#TEMP_RIGHT {
	position:absolute;
	top:55px;
	left:638px;
	width:106px;
	padding:0px;
	margin-top:5px;
}
.INTERACT {margin-bottom:2px;}
.MARG {margin-bottom:5px;}

#FOOTER {padding-top:1em; font-size:0.72em;color:#666;}
#FOOTER div {color:#666;}
#FOOTER div a {color:#666;}
.terms {float:left;}
.copyright {float:right; margin-right:5px;}

.TOTOP {float:right;}

/* LEFT NAV */
.LEFTNAV
	{	font-family:trebuchet ms, arial, sans-serif;
		font-size:12px;
}
DIV.BUTT
	{	background-image:  url("/whichonline/images/navdots3.gif");
		background-repeat:repeat-x;
		width:142px;
		height:25px;
		margin-top:5px;
		margin-left:5px;
}
DIV.BUTT A
	{	color:#333;
}
DIV.BUTT A:LINK
	{	text-decoration:none;
}
.CHEV
	{	color:#ff9900;
}
DIV.BUTT A:HOVER
	{	color:#ff9900;
}
DIV.BUTT A:ACTIVE
	{font-weight :bold;
}
DIV.BUTT A:VISITED
	{	text-decoration:none;}
/* SEARCH BOX */
#SEARCHBUTT
	{	width:14px;
		height:13px;
		border:0px;
}
div#TEMP_SEARCHBOX
	{	padding-bottom:0px;
		font-family:trebuchet ms, arial, sans-serif;
		font-size:11px; font-weight:bold; width:140px;
		background-color:#ccc;
		padding-left:5px;
		padding-top:5px;
		margin-top:5px;
		height:70px;
		float:left;
}
#ADVSEARCHLINK a {margin-top:5px; padding-top:5px; color:#333; font-weight:normal; font-size:10px;  text-decoration:none;}
LABEL
	{	font-family:trebuchet ms, arial ,sans-serif;
}
/* HOMEPAGE LINK STYLES*/
/* reduces font for cat and home pages*/
div#HOME-CONTAINER {font-size:85%}
div.CAT-CONTAINER  {font-size:85%}

div#HOME-CONTAINER DIV A:LINK
	{	font-weight:bold;
		color:#333;
		text-decoration:none;
}
div#HOME-CONTAINER DIV A:VISITED
	{	font-weight:bold;
		color:#333;
		text-decoration:none;
}
div#HOME-CONTAINER DIV A:HOVER
	{	font-weight:bold;
		color:#333;
		text-decoration:underline;
}
div#HOME-CONTAINER DIV P
	{	font-family: trebuchet ms, arial, sans-serif;
		/*font-size:90%;*/
		margin: 0px;
}
/* HOMEPAGE FONT SIZES*/
div#HOME-CONTAINER div#HOMETOP1 h2
	{	margin-bottom:0px;
		color:black;
		font-size:1.5em
}

div#HOME-CONTAINER h2 {
	color:#333;
	font-size:1.2em;
	margin:0px;
}
/* HOMEPAGE BOXES*/
/* contains all homepage boxes for positioning*/
div#HOME-CONTAINER
	{	width:493px;
		height:400px;
}


div.FOUR_SIX_THREE
	{	width:463px;
		background-color:#e4e4e4;
		height:85px;
		display:inline;
		float:left;
		text-align:left;
		border-bottom:5px solid white;
		padding:10px;
}
div.ONE_TWENTY_R
	{	width:130px;
		background-color:#e4e4e4;
		height:70px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:5px;
}
div.THREE_ONE_EIGHT_L
	{	width:328px;
		background-color:#e4e4e4;
		height:70px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:5px;
}
/* 3rd row */
div.ONE_TWENTY_L
	{	width:120px;
		background-color:#e4e4e4;
		height:110px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:10px;
}
div.ONE_FORTY_L
	{	width:150px;
		background-color:#e4e4e4;
		height:115px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:5px;
}
div.ONE_SIXTY_L
	{	width:135px;
		background-color:#e4e4e4;
		height:103px;
		display:inline;
		float:left;
		border-bottom:2px solid white;
		border-right:5px solid white;
		padding:5px;
}
div.ONE_SIXTY_X
	{	width:145px;
		background-color:#e4e4e4;
		height:103px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:5px;
}
div.ONE_FORTY_L_F2
	{	width:140px;
		background-color:#e4e4e4;
		height:60px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:10px;
}
div.THREE_ONE_EIGHT_R
	{	width:318px;
		background-color:#e4e4e4;
		height:110px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:10px;
}

div.TWO_NINE_EIGHT_R
	{	width:308px;
		background-color:#e4e4e4;
		height:115px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:5px;
}
div.TWO_EIGHT_EIGHT_R
	{	width:323px;
		background-color:#e4e4e4;
		height:103px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:5px;
}
div.TWO_EIGHT_EIGHT_X
	{	width:313px;
		background-color:#e4e4e4;
		height:103px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:5px;
}
/* this is same size as previous but diff padding for #FEATURE2 on homepage*/
div.TWO_NINE_EIGHT_R_F2
	{	width:298px;
		background-color:#e4e4e4;
		height:60px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:10px;
}

div.TWO_ONE_NINE_L
	{	width:219px;
		background-color:#ccc;
		height:110px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		border-right:5px solid white;
		padding:10px;
}
div.TWO_ONE_NINE_R
	{	width:219px;
		background-color:#ccc;
		height:110px;
		display:inline;
		float:left;
		border-bottom:5px solid white;
		padding:10px;
}

/* CATEGORY CSS STARTS HERE */
/* CAT-HOME LINK STYLES*/

/*NOSCRIPT home pages */
#NOJS {float:left; width: 481px; height: 25px; padding: 5px; border:3px solid firebrick; background-color:white;}/*link to reports for NOSCRIPT non-js users*/
#NOSCRIPT-CONT select {margin-left:10px;} 
#NOSCRIPT-CONT input {font-family:Trebuchet MS, arial, sans-serif;} 
#NOSCRIPT-CONT p {margin:0 0 5 10;} 
#NOSCRIPT-CONT p a {color:#333}
#NOSCRIPT-CONT h2 {font-size:18px; margin-left:10px;} 

div.CAT-CONTAINER DIV A:LINK
	{	font-weight:bold;
		color:#333;
		text-decoration:none;
}
div.CAT-CONTAINER DIV A:VISITED
	{	font-weight:bold;
		color:#333;
		text-decoration:none;
}
div.CAT-CONTAINER DIV A:HOVER
	{	font-weight:bold;
		color:#333;
		text-decoration:underline;
}
/*styles to kill margins around text*/
.CAT-CONTAINER h2 {margin:0px;}
.CAT-CONTAINER h3 {margin:0px; margin-bottom:5px }
.CAT-CONTAINER p  {margin-top:2px;font-size:1em;}

#CAT-TOPLEFT h2 {font-size:18px; margin:0px; line-height:48px;}
#CAT-TOPLEFT p {margin:0px;margin-top:-5px;}


/* top row */
#CAT-TOPLEFT{
	margin-bottom:27px;
	float:left;
	display:inline;
	width: 220px;
	height: 150px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:right; 
	color:#FFFFFF;	
}


#CAT-TOPRIGHT{
	margin-bottom:27px;
	float:left;
	display:inline;
	width: 233px;
	height: 150px;
	padding: 0px;
}
/* menu row */
#CAT-MENU-LOAD {
	position:absolute;
	left:0px;
	top:150px;
	z-index:11;
	background-image: url(/whichonline/images/load_ani.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float: left;
	width: 125px;
	height: 25px;
	padding: 0px;
	}
/* hides CAT-MENU-LOAD once dropdown has fully loaded */
#LOAD-MASK {
	position:absolute;
	left:0px;
	top:150px;
	z-index:12;
	float: left;
	width: 110px;
	height: 25px;
	padding: 0px;
	padding-right:2px;
	}
#CAT-MENU {
	position:absolute;
	z-index:10;
	left:0px;
	top:150px;
	float: left;
	width: 481px;
	height: 25px;
	padding: 0px;
	padding-right:2px;
	/*text-align:right;*/
	margin:0 0 5 0;
	}
#CAT-MENU select{
	font-family:trebuchet ms, arial ,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	}
#CAT-MENU select OPTION.ECLISTOPTION {font-weight:bold;}
.GO-REP {
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:10px;
	margin:2 0 2 0;
	padding:0;
	height:21px;
}
./*
#CAT-SORT {
	display:inline;
	float:left; 
	margin:6 0 0 10; 
	font-size:10px;
	color:white;
	position:absolute; 
	left:0px;top:150px; 
	z-index:13; 
	width:100px;
}
#CAT-SORT a {
	color:#ff9900;			 
	text-decoration:none;
	font-weight:bold; 
	font-size:10px;
} same gold colour as search button */
/*  report row  */

.CAT-REP-ROW{
	width: 463px;
	padding:10px;
	border-top: 5px white solid;
	float: left;
}
.CAT-120-R{
		width:120px;
		background-color:#ccc;
		height:110px;
		display:inline;
		float:left;
		border-top:5px solid white;
		padding:10px;
	}

.CAT-318-L h3	{font-size:14px;}
.CAT-318-L 	{
		width:318px;
		background-color:#ccc;
		height:110px;
		display:inline;
		float:left;
		border-top:5px solid white; 
		border-right:5px solid white;
		padding:10px;
}

.CAT-210R {
	float:left;
	padding:10px;	width:210px;
	height:110px;
	display:inline;
	padding:10px;
	border-top:5px solid white;
	}

.CAT-210L {
	float:left;
	width:210px;
	height:110px;
	display:inline;
	padding:10px;
	border-top:5px solid white;
	border-right:5px solid white;
	}

.CAT-228R {
	float:left;
	width:228px;
	height:110px;
	display:inline;
	padding:10px;
	border-top: 5px solid white;
	border-bottom:5px solid white;
	}
/* ARCHIVE */
.ARCHIVE h3 {font-size:14px;}
.ARCHIVE
{	width:463px;
	height:10px;
	display:inline;
	float:left;
	text-align:left;
	border-top:5px solid white;
	padding:10px;
	background-color:#ccc;
}
.ARCHIVELIST {
	font-family:"Trebuchet MS", arial, sans-serif;
	}
/* searchresults.html */
#RESULTS {display:inline; font-size:small;}
#RESULTS a {color:#333;}
#RESULTS h3 {display:inline;}
 /* only IE reads this selector*/
* html div#RESULTS
{
  font-size: 100%;	/* for IE5.x/win */
  f\ont-size: 100%;  /* for other IE versions */
}  
* html div#RESULTS DL
{
  font-size: 100%;	/* for IE5.x/win */
  f\ont-size: 100%;  /* for other IE versions */
}  
#SEARCHLINKS {width:230px;background-color:#e4e4e4; padding:10px;border:1px solid #333;margin-bottom:20px;}
#SEARCHLINKS a {color:#333;}
#SORT-TYPE {background-color:whitesmoke; display:inline; width:120px; border:1px solid #333; padding:5px; font-size:80%; vertical-align:bottom;}
/* generic FORM style to style text in archive menus*/
SELECT {font-family: Trebuchet MS, arial, sans-serif;}
/*WHICHOL TAG STYLES*/

.BOXOUT h3 + p, .COLOURBOXOUT h3 + p {margin-top:5px;}
.COLOURBOXOUT h3, .BOXOUT h3 {margin:0;}
.COLOURBOXOUT {border:1px solid #333; background-color:#e4e4e4; width:90%; padding:10px;}
.boxout, .BOXOUT {border:1px solid #666; width:90%; padding:0; background-color:white; font-size:0.9em; height:120px;}
*html .boxout img {display:block; border:1px solid hotpink;}
.boxout img , .BOXOUT img {float:right; margin:0; /*border:1px solid #333;*/}
.boxout h3 , .boxout p {margin:0} /*.boxout p {margin:3px 0 3px 3px;}*/
/*.boxout h3 + p, .colourboxout h3 + p {margin-top:5px;} .colourboxout h3, .boxout h3 {margin:0;}*/
.colourboxout {border:1px solid #333; background-color:#e4e4e4; width:90%; padding:10px;}

.NEWPDF, .newpdf {background-color:#e4e4e4; padding:10px; border:1px solid #333; width:90%; text-align:center;}
.TRAVELPDF, .travelpdf {background-color:LightSteelBlue; padding:10px; border:1px solid #333; width:90%; text-align:center;}

div.KEY {float:right;}
table.KEY {border:1px solid #333; font-size:90%; padding:2px;}

/* map stuff starts here */
#TEMP_TOP_MAP
{
    LEFT: 0px;
    FLOAT: left;
    WIDTH: 944px;
    POSITION: absolute;
    TOP: 24px;
    HEIGHT: 55px;
    BACKGROUND-COLOR: #3c000b;
    TEXT-ALIGN: right
}
#TEMP_WOLLINKS_MAP
{
    DISPLAY: inline;
    LEFT: 0px;
    FLOAT: left;
    WIDTH: 850px;
    COLOR: white;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 24px;
    BACKGROUND-COLOR: black
}
.DALINKS_MAP
{
    MARGIN-TOP: 2px;
    MARGIN-LEFT: 550px;
    VERTICAL-ALIGN: middle
}
.DALINKS_MAP A
{
    FONT-SIZE: 10px;
    COLOR: white;
    TEXT-DECORATION: none
}
#TEMP_SKYBAR_MAP
{
    DISPLAY: inline;
    LEFT: 850px;
    FLOAT: right;
    WIDTH: 144px;
    COLOR: white;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 24px;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: right
}
#TEMP_SKYBAR_MAP .SKYBAR
{
    FONT-SIZE: 10px;
    FONT-FAMILY: "Trebuchet MS", arial, sans-serif;
    BORDER-COLLAPSE: collapse
}
#TEMP_GUIDES_NAV
{
    PADDING: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LEFT: 0px;
    FLOAT: left;
    MARGIN-BOTTOM: 25px;
    WIDTH: 994px;
    COLOR: black;
    TEXT-INDENT: 20px;
    POSITION: absolute;
    TOP: 79px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #e7f7f7
}
#TEMP_GUIDES_NAV_START
{
    PADDING: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LEFT: 0px;
    FLOAT: left;
    MARGIN-BOTTOM: 25px;
    WIDTH: 744px;
    COLOR: black;
    TEXT-INDENT: 20px;
    POSITION: absolute;
    TOP: 79px;
    HEIGHT: 13px;
    BACKGROUND-COLOR: #e7f7f7
}
#TEMP_GUIDES_NAV_POP
{
 	padding:0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LEFT: 0px;
    FLOAT: left;
    MARGIN-BOTTOM: 25px;
    WIDTH: 744px;
    COLOR: black;
    TEXT-INDENT: 20px;
    POSITION: relative;
    TOP: 7px;
    HEIGHT: 13px;
    BACKGROUND-COLOR: #e7f7f7
}
#TEMP_GUIDES_NAV_SEARCH
{
    PADDING: 0;
    MARGIN-TOP: -18px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LEFT: 0px;
    FLOAT: left;
    MARGIN-BOTTOM: 25px;
    WIDTH: 744px;
    COLOR: black;
    TEXT-INDENT: 20px;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 13px;
    BACKGROUND-COLOR: #b2ccd3
}
#TEMP_GUIDES_NAV_BOT
{
    PADDING: 0;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LEFT: 10px;
    FLOAT: left;
    MARGIN-BOTTOM: 25px;
    WIDTH: 700px;
    COLOR: black;
    TEXT-INDENT: 20px;
    POSITION: relative;
    TOP: 20px;
    BACKGROUND-COLOR: #b2ccd3
}
#TEMP_GUIDES_NAV TD
{
    PADDING: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
#TEMP_GUIDES_NAV_SEARCH TD
{
    PADDING: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
#TEMP_GUIDES_NAV_POP TD
{
    PADDING: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
.BIG
{
    FONT-SIZE: 15px
}
#TEMP_GUIDES_NAV_BOT TD A
{
    TEXT-DECORATION: none
}
#TEMP_GUIDES_NAV_SEARCH TD A
{
    TEXT-DECORATION: none
}