/********************************************/
/* World Programming Web Site Styling */
/********************************************/

/* ----------------- Standard Tags -------------- */

BODY	{
	overflow : scroll; /* overflow-y is ignored by firefox */
	text-align : center;
	margin : 20px 0px;
	padding : 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #454545;
	background-color : #F7F7F7;
}

DIV {
/*  to ensure that padding and borders are 'inside' any specified WIDTH tag */
-moz-box-sizing : border-box;
-ms-box-sizing : border-box;
-box-sizing : border-box;
-webkit-box-sizing : border-box;
}

SELECT,
INPUT,
TEXTAREA	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #454545;
	vertical-align : middle;
}

P	{
	text-align : justify;
	line-height : 15px;
	padding : 0px 0px 10px 0px;
	margin : 0px;
}

TD, TH	{
	font-size : 11px;
	color : #454545;
}

IMG	{
	border : 0px;
	padding : 0px;
	vertical-align : middle;
	text-align : center;
}

HR	{
	height : 1px;
	border : 0px; 	 /* for firefox */
	border-top : 1px dotted #E0E0E0 ;
	margin : 7px 0px 7px 0px;
	padding : 0px;
}

H1	{
	/* ------ Only used in topicTitle section ------ */
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18pt;
	font-weight : lighter;
	margin :0px;
	padding : 0px;
	color : #999999;
	letter-spacing: -1px;
}
H2	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18pt;
	font-weight : lighter;
	color: #666666;
	margin :0px;
	padding : 0px 0px 10px 0px;
	letter-spacing: -1px;
}
H3	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #666666;
	margin :0px;
	padding : 20px 0px 5px 0px;	
}
H4	{
	font-size : 11px;
	margin : 0px;
	padding : 0px;
	margin-bottom : 5px;
}

#topicInfo H2	{
	margin : 0px 0px 10px 0px;
	color : #666666;
	letter-spacing: -1px;
	border-bottom : 2px solid #E3E3E3;
}
.subHeading	{
	display : block;
	font-size : smaller;
}


H3.larger	{
	font-size : 14px;
}

H3 DIV.subHeading	{
	display : block;
	font-size : smaller;
	padding-left : 0px;
	color: #666666;
}

OL,
UL	{
	padding : 0px 0px 10px 30px;
	margin : 0px;
}
LI {
	text-align : justify;
	padding : 0px 0px 5px 0px;
	margin : 0px;
}

B,
.bold	{
	font-weight : bold; /* for mozilla */
	color : #808080;
}

BLOCKQUOTE	{
	margin : 10px -30px 10px 30px;
	padding : 0px 50px 0px 0px;
}

I	{
	Width : 99%; /* to ensure that in a column tag doesnt cause width problems */
}

/* ------------------- Wrapper (around Header, Topic and Footer) ------------------ */

#wrapper	{
	z-index: 1;
	position : relative;
	display : block;
	margin : 0px auto 0px auto;
	padding : 0px;
	text-align : left;
	width : 900px;
	
height : 100%;
}
	
	
/* ------ header  ----------------- */
/*				headerLogo
/*				headerMenu
/* ------------------------------------ */

#header	{
	z-index: 100;
	position: relative; /* used by objects contained in this parent */
	display : block;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100px;
	background-image : url(../images/banner.gif);
	background-repeat : no-repeat;
}

#headerLogo	{
	position : absolute;
	display : block;
	top : 10px;
	left : 20px;
	margin : 0px;
	padding : 0px ;
}
#headerMenu	{
	position: absolute;
	display : block;
	bottom : 6px; /* Doesnt work in Netsacape 8 */
	left : 10px;
	padding: 0;
	margin: 0;
	width : 100%;
}
#headerMenu UL	{
	padding: 0;
	margin: 0;
	width : 100%;
	list-style: none;
}
#headerMenu LI	{
	padding: 10px 0px;
	margin: 0px;
/*	width : 125px;*/  /* 7 menu items */
/*	width : 146px;*/  /* 6 menu items */
	width : 176px;   /* 5 menu items */
	font-size : 11px;
	float: left;
	text-align : center;
	list-style-type : none;
}
#headerMenu LI.item	{
}
#headerMenu LI.itemActive{
	background-image : url(../images/backgroundHeaderMenu_on.gif);
	background-repeat : no-repeat;
	background-position : 1px bottom;
	background-attachment : scroll;
}
#headerMenu LI.itemFirst	{
	background-image : url(../images/backgroundHeaderMenu_off.gif);
	background-repeat : no-repeat;
	background-position : 1px bottom;
	background-attachment : scroll;
}
#headerMenu LI.itemLast	{
}
#headerMenu LI.itemEnd	{
display : none;
visibility : hidden;
	background-image : none;
	width : 10px;
}



/* ------ topic --------------------- */
/*				topicBanner
/*					topicTitle
/*					topicMenu
/*				topicContent
/*					topicOptions
/*						topicLogo
/*						topicSubMenu
/*					topicInfo
/*						topicSingleCol 
/* ------------------------------------ */

#topic	{
}

#topicBanner	{
	position: relative;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 60px;
	margin : 0px;
	padding : 0px;
	background-image :url(../images/topicBackgroundTop.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	/* -- position ontop of  #topicContent --*/
	z-index : 205;
	background-color : transparent;
}
#topicTitle	{
	position: absolute;
	bottom : 5px;
	left : 10px;
	margin : 0px;
	padding : 5px;
}
#topicMenu	{
	position: absolute;
	bottom : 7px; /* to place on top of 8px  topicBackgroundTop.gif */
	right : 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float : right;
}
#topicMenu UL	{
	padding: 0px ;
	margin: 0px;
	list-style: none;
}
#topicMenu LI	{
	float : left;
	padding: 5px 20px 5px 0px;
	margin: 0px;
	vertical-align : middle;
	list-style-type : none;
}
#topicMenu LI.item	{
}
#topicMenu LI.itemActive	{
	background-color : #FFFFFF;
	border : 1px solid #E0E0E0;
	border-bottom : none;
}
#topicMenu LI.itemHide	{
	display : none;
	visibility : hidden;
}
#topicMenu LI.itemFirst	{
	display : none;
}
#topicMenu LI.itemLast	{
	display : none;
}

#topicContent	{
	float : left;
	padding-left : 1px;  /*to allow for background-image border. Dont use pad top/bottom */
	padding-right : 1px; /*to allow for background-image border. Dont use pad top/bottom */
	margin : 0px;
	width : 100%;
	background-color : #FFFFFF;
	background-image : url(../images/topicBackgroundMiddle.gif); /* for  IE5 */
	background-image /**/:/**/ url(../images/topicBackgroundMiddle.png); /* all browsers except IE5 */
	background-repeat : repeat-y;
	background-position : left top;
	background-attachment : scroll;
	/* -- position just underneath bottom of the #topicBanner -- */
	position: relative;
	top : -8px;
	z-index : 202;
}

#topicInfo	{
	float : left; /* for firefox */
	position: relative;
	width : 673px; /* allows for  any background border images */
	padding : 40px 40px 40px 20px;
	margin : 0px;
	z-index : 200;
}
#topicInfoOnly	{ 
	float : left; /* for firefox */
	position: relative;
	width : 898px; /* -2px for border from topicContent background border image */
	padding : 40px 40px 40px 40px;
	margin : 0px 0px 0px 0px;
	z-index : 200;
}
#topicInfo.narrowOuterPad,
#topicInfoOnly.narrowOuterPad	{
	padding : 20px 20px 20px 20px;
}
#topicInfo.noPad,
#topicInfoOnly.noPad	{
	padding : 0px 0px 0px 0px;
}

#topicTop {
	float : left; /* for firefox */
	padding : 0px;
	margin : 0px;
	width : 100%;
	height : 8px; /* to match height of the backgroound image */
	background-image : url(../images/topicBackgroundTop.gif); /* for  IE5 */
	background-image /**/:/**/ url(../images/topicBackgroundTop.png); /* all browsers except IE5 */
	background-repeat : no-repeat;
	background-position : bottom;
	/* -- position on top of  #topicInfo or #topicInfoOnly -- */
	z-index : 203;
	position: relative;
	top : 0px;
	background-color : transparent;
}

#topicBottom {
	float : left; /* for firefox */
	padding : 0px;
	margin : 0px;
	width : 100%;
	height : 8px; /* for firefox, to match height of the backgroound image*/
	background-image : url(../images/topicBackgroundBottom.gif); /* for  IE5 */
	background-image /**/:/**/ url(../images/topicBackgroundBottom.png); /* all browsers except IE5 */
	background-repeat : no-repeat;
	background-position : top;
	/* -- position on top of the bottom of #topicInfo or topicInfoOnly -- */
	 z-index : 204;
	position: relative;
	bottom : 16px;
	background-color : transparent;
}

#topicOptions	{
	float : left;
	width : 225px;
	padding :  0px;
	margin : 0px;
	
z-index : 201;
}
#topicLogo	{
/*	float : left;*/
	width : 100%;
	padding : 60px 0px 30px 0px;
	margin : 0px;
	text-align : center;
}
#topicSubMenu	{
/*	float : left;*/
	width : 100%;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	text-align : center;
}
#topicSubMenu UL	{
	padding : 0px;
	margin : 0px;
	list-style: none;
}
#topicSubMenu LI	{
	padding : 6px 0px 6px 10px;
	margin : 0px;
	text-align : left;
	list-style-type : none;
	background-color : #F7F7F7;
	border : 1px solid #E0E0E0;
	border-top : 1px solid #FFFFFF;
	border-left : 1px solid #FFFFFF;
	
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
}
#topicSubMenu LI.item	{
}
#topicSubMenu LI.itemActive{
	background-color : #FFFFFF;
	border-right : 1px solid #FFFFFF;
}
#topicSubMenu LI.itemFirst	{
	height : 30px;
	border-top : none;
	border-right : none;
	background-color : transparent;
	background-image :url(../images/backgroundSubTopicTop.jpg);
	background-repeat : no-repeat;
	background-position : right bottom;
	background-attachment : scroll;
	/* to hide menu title */
	font-size : 1px;
	color : #FFFFFF;
	vertical-align : top;
	padding : 0px;
}
#topicSubMenu LI.itemLast	{
	height : 30px;
	border-bottom : none;
	border-right : none;
	background-color : transparent;
	background-image :url(../images/backgroundSubTopicBtm.jpg);
	background-repeat : no-repeat;
	background-position : right top;
	background-attachment : scroll;
}
#topicRelatedLinks	{
	width : 100%;
	padding : 10px 30px 10px 20px;
	margin : 0px;
}
#topicRelatedLinks	UL	{
	margin : 0px;
	padding : 0px;
	background-image : none;
	border : none;
	border-bottom : 1px solid #E0E0E0;
}
#topicRelatedLinks	LI	{
	padding : 7px 10px 7px 10px;
	background-image : none;
	background-color : #FCFCFC;
	border : 1px solid #E0E0E0;
	border-bottom : none;
	list-style-type : none;
	text-align : center;
}



/* --------- Topic Optional Styling ---------*/


.minTopicHeight	{ height : 400px; }

.standardAdvertHeight	{ height : 240px; }
.smallAdvertHeight	{ height : 60px; }
.verySmallAdvertHeight	{ height : 40px; }
	

.styleA	{
	background-color : #FCFCFC;
	background-image : none;
}
.styleRelease	{
	background-color : #EFEFEF;
	background-image : url(../images/backgroundAdvert_release.jpg);
}
.styleWPS	{
	background-color : #757374;
	background-image : url(../images/backgroundAdvert_wps.jpg);
}

	
#advert	{
}
#advertMenu	{
	width : 215px;
	position : absolute;
	top : 0px;
	left : 0px; 
}
#advertMenu UL	{
	width : 100%;
	height : 240px;
}

#advertMenu LI.advertButtonOff {
	width : 100%;
	border-top : 1px solid #DCDCDC;
	border-right : 1px solid #DCDCDC;
	background-color : #999999;
	color: #DCDCDC;
	cursor : default;
	font-weight : bold;
	padding: 13px 0px 13px 15px;
	left : 0px;
	letter-spacing : -1px;
}
#advertMenu LI.advertButtonOn {
	width : 100%;
	border-top : 1px solid #DCDCDC;
	border-right : 1px solid #DCDCDC;
	background-color : #B5B5B5;
	color: #DCDCDC;
	cursor : default;
	font-weight : bold;
	padding: 13px 0px 13px 15px;
	left : 0px;
	letter-spacing : -1px;
}

.advertBanner {
	width : 100%;
	background-color : #EFEFEF;
	border-bottom : 1px solid #DCDCDC;
	border-top : 2px solid #FFFFFF;
	color: #AFAFAF;
	padding: 10px 10px 10px 15px;
	font-weight : bold;	
	letter-spacing : -1px;
	text-align : center;
}
	
.backgroundFadeout	{
	background-image : url(../images/backgroundFadeout.jpg);
	background-position : top;
	background-repeat : repeat-x;
	background-color : #FFFFFF;
}

/* ------ footer  -------------------- */
/*				footerMenu
/* ----------------------------------- */

#footer{
	z-index: 300;
	font-family:  Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #999999;
	width : 100%;
	text-align : centre;
}

#footerMenu	{
}
#footerMenu UL{
	list-style: none;
	padding : 0px;
	margin : 0px;
	background-color : transparent;
}
#footerMenu LI	{
	float: left;
	padding : 0px 15px;
	margin: 0px;
	list-style-type : none;
}
#footerMenu LI.itemFirst	{
}
#footerMenu LI.item{
}
#footerMenu LI.itemLast	{
	float: right;
}



/* ------------Forms --------- */

TD.formTabOn	{
	white-space : nowrap;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border-left : 1px solid #DCDCDC;
	border-right : none;
	border-top : 1px solid #DCDCDC;
	border-bottom : none;
	background-color : #F5F5F5;
	background-image : url(images/backgroundTab_on.jpg);
	background-position : top left;
	background-repeat : repeat-x;
}
TD.formTabOff	{
	white-space : nowrap;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border-left : 1px solid #DCDCDC;
	border-right : none;
	border-top : 1px solid #DCDCDC;
	border-bottom : 1px solid #DCDCDC;
	background-image : url(images/backgroundTab_off.jpg);
	background-position : top left;
	background-repeat : repeat-x;
	background-color : #FFFFFF;
}
TD.formTabBlank	{
	white-space : nowrap;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border-left : 1px solid #DCDCDC;
	border-right : none;
	border-top : none;
	border-bottom : 1px solid #DCDCDC;
}

TD.formItem	{
	padding : 10px;
	text-align : left;
	vertical-align : top;
	border : 1px solid #DCDCDC;
	border-top : none;
	background-color : #F5F5F5;
}
TD.formItemNoTab	{
	padding : 10px;
	text-align : left;
	vertical-align : top;
	border : 1px solid #DCDCDC;
	background-color : #F5F5F5;
}
TH.formTitle	{
	padding : 25px;
	padding-top : 20px;
	padding-bottom : 10px;
	text-align : left;
	vertical-align : top;
	border : 1px solid #DCDCDC;
	border-top : none;
	border-bottom : none;
	background-color : #F5F5F5;
	background-image : none;
	font-style : italic;
}


/* ------------ Lists (Tables) ------------- */


.listWrapper	{
	border : 1px solid #E5E5E5;
	background-color : #FCFCFC;
	margin : 0px 0px 10px 0px;
	padding : 6px;
	width : 99%; /* fix for IE */
	color : #808080;
}
TABLE.list	{
	width : 100%;
	border-top : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	border-right : none;
	border-bottom : none;
	background-color : #F4F4F4;
}


.listItem,
.listItemAlt	{
	font-family: Arial, Helvetica;
	color : #808080;
	text-align : left;
	padding : 4px;
	padding-top : 6px;
	padding-bottom : 6px;
	border-top : 1px solid #FFFFFF;
	border-left : 1px solid #FFFFFF;
	border-right : 1px solid #DCDCDC;
	border-bottom : 1px solid #DCDCDC;
	background-color : #F4F4F4;
	
}
.listItemAlt	{
	background-color : #EEEEEE;
	
}
TH.listItem	{
	font-weight : bold;
	padding : 7px;
	padding-left : 8px;
	padding-right : 8px;
	background-color : #E3E3E3;
	border-left : none; /* using border of background image instead */
	background-image : url(../images/backgroundTab_on.gif);
	background-position : bottom left;
	background-repeat : no-repeat;
}


.doubleHeight	{
	height : 40px;
}
.tripleHeight	{
	height : 60px;
}
.slightlyBiggerHeight	{
	height : 30px;
}
.listIcon	{
	text-align : right;
	vertical-align : middle;
	padding : 0px;
	padding-right : 1px;
	width : 1%;
}

TD.listItemLeft	{
	border-left : none;
	border-right : none;
	padding-right : 0px;
	text-align : left;
	vertical-align : top;
}

TD.listItemRight	{
	border-left : none;
	padding-left : 0px;
	text-align : right;
	vertical-align : top;
}
UL.listKey	{
	list-style: none;	
	margin : 0px 0px 0px 0px;
	padding : 10px 0px 15px 0px;
	
}
LI.keyItem	{
	font-size : 10px;
	float : left;
	padding : 0px 10px 0px 5px;
	list-style-type : none;	
}


/* ------ Links ------ */

A,
A:LINK {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
	cursor : hand;
	color : #1B9DAF;
	/* global settings if images are used */
	background-position : 0px;
	background-repeat : no-repeat;
}

A:HOVER	{
	text-decoration : underline;
	color : #1B9DAF;
}


A.more,
A.more:LINK {
	background-image : url(../images/more_off.gif);
	background-position : 10px;
	padding-left : 40px;
	}
A.more:HOVER{
	background-image : url(../images/more_on.gif);
	background-position : 10px;
	padding-left : 40px;
	text-decoration : none;
}
IMG.moreFile {
	/* not really a link but displayed similar to a A.more */
	padding-left : 10px;
	padding-right : 5px;
}

.arrow,
A.arrow,
A.arrow:LINK {
	background-image : url(../images/arrow_off.gif);
	padding-left : 15px;
	/* settings for non hyperlink */
	background-position : 0px;
	background-repeat : no-repeat;	
	}
A.arrow:HOVER{
	background-image : url(../images/arrow_on.gif);
	padding-left : 15px;
	text-decoration : none;
	color : #08788B;
}

A.button100,
A.button100:LINK {
	background-image : url(../images/button100_off.gif);
	background-position : center top;
	background-repeat : no-repeat;
	padding : 1px 21px 5px 21px;
	color : #FFFFFF;
	display : inline-block;
	}
A.button100:HOVER	{
	color : #333333;
	text-decoration : none;
	}

A.tab,
A.tab:LINK {
	color : #808080;
	}
A.tab:HOVER{
color: #FF9900;
	}

A.info,
A.info:LINK {
	color : #808080;
	background-image : url(../images/info_off.gif);
	padding-left : 20px;
	width : 14px;
	white-space : nowrap;
	}
A.info:HOVER	{
	color : #EFAB00;
	background-image : url(../images/info_on.gif);
	padding-left : 20px;
	width : 14px;
	white-space : nowrap;
	}
	
A.form,
A.form:LINK,
A.form:HOVER {
	background-image : url(../images/fileForm.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.pdf,
A.pdf:LINK,
A.pdf:HOVER {
	background-image : url(../images/filePdf.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.zip,
A.zip:LINK,
A.zip:HOVER {
	background-image : url(../images/fileZip.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.txt,
A.txt:LINK,
A.txt:HOVER {
	background-image : url(../images/fileTxt.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.rtf,
A.rtf:LINK,
A.rtf:HOVER {
	background-image : url(../images/fileTxt.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.xls,
A.xls:LINK,
A.xls:HOVER {
	background-image : url(../images/fileXls.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.eMail,
A.eMail:LINK,
A.eMail:HOVER {
	background-image : url(../images/fileEmail.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.mail,
A.mail:LINK,
A.mail:HOVER {
	background-image : url(../images/fileMail.gif);
	padding : 2px;
	padding-left : 20px;
	}
A.webPage,
A.webPage:LINK,
A.webPage:HOVER,
A.html,
A.html:LINK,
A.html:HOVER	{
	background-image : url(../images/fileHtml.gif);
	padding : 2px;
	padding-left : 20px;
}

A.headerItem,
A.headerItem:LINK {
	color : #FFFFFF;
/*	padding : 6px 30px 6px 30px; */  /* 7 menu items */
/*	padding : 6px 40px 6px 40px; */  /* 6 menu items */
	padding : 6px 57px 6px 57px;  /* 5 menu items */
	}
A.headerItem:FOCUS,
A.headerItem:HOVER	{
	color: #AFE2E6;
	text-decoration : none;
	}
	
A.topicItem,
A.topicItem:LINK {
	background-image : none; /* to stop file icons being displayed */
	color : #444444;
	}
A.topicItem:HOVER	{
	background-image : none; /* to stop file icons being displayed */
	color : #1B9DAF; /* link doesnt change colour in IE if never been clicked */
	text-decoration : none;
	}	
	
A.topicSubItem,
A.topicSubItem:LINK {
	background-image : url(../images/arrow_off.gif);
	background-position : 10px;
	padding-left : 25px;
}
A.topicSubItem:HOVER	{	
	color : #08788B;
	background-image : url(../images/arrow_on.gif);
	background-position : 10px;
	padding-left : 25px;
	text-decoration : none;
	}
LI.itemActive A.topicSubItem{
}

A.normalMenuItem,
A.normalMenuItem:LINK {
	background-image : url(../images/more_off.gif);
	padding-left : 28px;
	text-decoration : none;
}
A.normalMenuItem:HOVER	{
	background-image : url(../images/more_on.gif);
	padding-left : 28px;
	text-decoration : none;
	color: #08788B;
}

A.footerItem,
A.footerItem:LINK {
	background-image : none; /* to stop file icons being displayed */
	}
A.footerItem:HOVER	{
	background-image : none; /* to stop file icons being displayed */
	}

.normalWeight,
.normalWeight:LINK
.normalWeight:HOVER {
	font-weight : normal;
	letter-spacing: -1px;
}



/* ----- breadcrumb Links ------*/	



#breadcrumbTrail	{
	position : relative;
	display : block;
	float : left; /* for firefox */
	width : 100%;
	border-bottom : 1px dotted #E0E0E0;
}
.breadcrumb,
.breadcrumbHome	{
	padding : 0px 0px 0px 12px;
	background-image : url(../images/breadCrumbSeparator.gif);
	background-position : left;
	background-repeat : no-repeat;
	color : #A9A9A9; 
}
.breadcrumbHome	{
	background-image : none;
	padding : 0px 0px 0px 0px;
}


/*------  Site Map ------*/

.siteMap UL	{
	list-style: none;
	padding-left : 0px;
}

.siteMap UL.menu LI {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight : bold;
	list-style-type : none;	
}
.siteMap UL LI A,
.siteMap UL LI A:LINK,
.siteMap UL LI A:HOVER	{
	color : #1B9DAF;
	padding-left :20px;	
	background-position : left;
}
.siteMap UL LI A:HOVER	{
	color : #1B9DAF;
	text-decoration : underline;
}

.siteMap UL LI A.webPage,
.siteMap UL LI A.webPage:LINK,
.siteMap UL LI A.webPage:HOVER	{
	background-image : url(../images/fileHtml.gif);
}
.siteMap UL LI A.mail,
.siteMap UL LI A.mail:LINK,
.siteMap UL LI A.mail:HOVER	{
	background-image : url(../images/fileMail.gif);
}
.siteMap UL LI A.eMail,
.siteMap UL LI A.eMail:LINK,
.siteMap UL LI A.eMail:HOVER	{
	background-image : url(../images/fileEmail.gif);
}
.siteMap UL LI A.txt,
.siteMap UL LI A.txt:LINK,
.siteMap UL LI A.txt:HOVER	{
	background-image : url(../images/fileTxt.gif);
}
.siteMap UL LI A.rtf,
.siteMap UL LI A.rtf:LINK,
.siteMap UL LI A.rtfFile:HOVER	{
	background-image : url(../images/fileTxt.gif);
}
.siteMap UL LI A.pdf,
.siteMap UL LI A.pdf:LINK,
.siteMap UL LI A.pdf:HOVER	{
	background-image : url(../images/filePdf.gif);
}
.siteMap UL LI A.xls,
.siteMap UL LI A.xls:LINK,
.siteMap UL LI A.xls:HOVER	{
	background-image : url(../images/fileXls.gif);
}
.siteMap UL LI A.zip,
.siteMap UL LI A.zip:LINK,
.siteMap UL LI A.zip:HOVER	{
	background-image : url(../images/fileZip.gif);
}

.siteMap UL LI A.form,
.siteMap UL LI A.form:LINK,
.siteMap UL LI A.form:HOVER	{
	background-image : url(../images/fileForm.gif);
}

.siteMap #topicRelatedLinks	{
	visibility : hidden;
	display : none;
}



/*------ menus & popups ------*/



UL.vrt	{ list-style : none; padding-left : 0px; }
UL.vrt LI	{ list-style-type : none; }

UL.hrz 	{ list-style-type : none; }
UL.hrz LI	{ list-style-type : none; float : left; display : inline; position : relative;}
/*
UL LI A { display : block;  }
UL LI A:HOVER {  }
UL LI UL { 
	position : absolute;
	display : none;
	float : none;
	z-index : 300;
	
	left : -48%; /* adjust to centre of person icon */
/*	top : 50px; 
	width : auto; 
	background-color : #F7F7F7;
	border : 1px solid #E0E0E0;
	padding : 10px;
	
}
LI UL LI { }
LI UL LI A {
	display : block; 
	width : auto; 
	background-color : transparent;
	text-align :  left
}
LI UL LI A:HOVER {
	background-color: #FF0000;
}

UL LI:HOVER UL { display : block ; background-color : Aqua;}
UL LI:OVER UL { display : block; }
*/

/*------ Columns ------*/



.column	{ 
	float : left;
  	position: relative;
}

.quarter	{ width : 24.9%; }
.half,
.twoQuarters,
threeSixths	{ width : 49.9%; /* to accomodate seperator tag */ }
.threeQuarters	{ width : 74.9%; }
.third,
.twoSixths	{ width : 33.2%; /* for firefox */ }
.twoThirds,
fourSixths	{ width : 66.4%; }
.fifth	{ width : 19.9%; }
.twoFifths	{ width : 39.9%; }
.threeFifths	{ width : 59.9%; }
.fourFifths	{ width : 79.9%; }
.sixth	{ width : 16.6%; }
.fiveSixths	{ width : 83%; }
.twoSevenths	{ width : 28.6%; }
.sixSevenths	{ width : 86%; }

/* ----------- extras ------------ */

.subTopic	{
	float : left;
	width : 100%;
	border-top : 1px dotted #D6D6D6;
	padding : 20px 0px 0px 0px;
	margin : 20px 0px 0px 0px;
}

.footnote	{
	width : 99%; /*  to stop any italic font  causing width increase, particualalry inside a column */
	font-size : 10px;
	color : #BBBBBB;
}

.slogan	{
	font-family : "Times New Roman", Times, serif;
	font-style : italic;
	font-size : 13pt;
	color : #999999;
}

.quote	{
	font-style : italic;
	color : #999999;
	width : 99%; /* to stop wrapping problem inside a column tag */
}

.forRobots	{
	font-size : 1px;
	margin : 0px;
	border : none;
	padding : 0px;
	color : #FFFFFF;
	visibility : hidden;
	display : none;
}

.maxWidth	{ width : 100%; float : left; /* for firefox */ }
.minWidth	{ width : 1%; }
.maxHeight	{ height : 100%; }
.warning	{ color : #FF6347; }

.title	{ 
	font-weight : bold;
	white-space : nowrap;
	color : #808080;
}

.noWeight	{ font-weight : normal; }

.hide { display : none; visibility : hidden; padding : 0px ;	margin : 0px; border : none; }
.show { display : block; visibility : visible; }

.nowrap	{ white-space : nowrap; }
.wrapText	{ float : left; }

.inline	{ display : inline; }
.inlineBlock	{ display : inline-block; }
.block	{ display : block; }

.centre	{ text-align : center; float : none; margin : 0 auto 0 auto; }
.right	{ text-align : right; }
.left	{ text-align : left; }
.top	{ vertical-align : top; }
.bottom	{ vertical-align : bottom; }
.middle	{ vertical-align : middle; }

.noSpace	{ padding : 0px; margin : 0px; }
.noTopSpace	{ padding-bottom : 0px; margin-bottom : 0px; }
.noBottomSpace	{ padding-top : 0px; margin-top : 0px; }

.noBorder	{ border : none; }
.noLeftRightBorder	{ border-left : none; border-right : none; }
.border	{ border : 1px dotted  #E0E0E0; }
.rightBorder	{ border-right : 1px dotted  #E0E0E0; }
.leftBorder	{ border-left : 1px dotted #E0E0E0; }
.leftRightBorder	{ border-left : 1px dotted #E0E0E0;	border-right : 1px dotted  #E0E0E0; }
.bottomBorder	{ border-bottom : 1px dotted #E0E0E0; }
.topBorder	{ border-top : 1px dotted #E0E0E0; }

.rightBorderSolid	{ border-right : 1px solid  #E0E0E0; }

.leftBorderWhite	{ border-left : 1px solid #FFFFFF; }
.topBorderWhite	{ border-top : 1px solid #FFFFFF; }

.noMargin	{ 	margin: 0px; }
.noTopMargin { margin-top: 0px; }
.noBottomMargin { margin-bottom: 0px; }
.margin	{	margin: 20px;	}
.leftMargin	{	margin-left:  20px;	}
.rightMargin	{	margin-right: 20px;	}
.leftRightMargin	{	margin-left: 20px; margin-right: 20px;	}
.topMargin	{	margin-top: 20px;	}
.bottomMargin	{	margin-bottom: 20px;	}
.topBottomMargin	{	margin-top: 20px; margin-bottom: 20px;	}
.marginSmall	{	margin: 10px;	}
.marginVSmall	{ margin : 5px; }

.noPad {	padding: 0px; }
.noTopPad { padding-top: 0px; }
.noBottomPad { padding-bottom: 0px; }
.noTopBottomPad { padding-top: 0px; padding-bottom: 0px; }
.noLeftPad { padding-left: 0px; }
.noRightPad { padding-right: 0px; }
.noLeftRightPad { padding-left: 0px; padding-right: 0px; }
.pad	{	padding: 20px;	}
.leftPad	{	padding-left: 20px;	}
.rightPad	{	padding-right: 20px	}
.leftRightPad	{	padding-left: 20px; padding-right: 20px;}
.topPad	{	padding-top: 20px;	}
.bottomPad	{	padding-bottom: 20px;	}
.topBottomPad	{	padding-top: 20px; padding-bottom: 20px;	}
.padSmall	{ padding : 10px; }
.padLeftRightSmall	{ padding-left : 10px; padding-right : 10px; }
.padVSmall	{ padding : 5px; }
.padLarge { padding : 30px; }
.padLeftLarge	{	padding-left: 30px;	}
.padLeftRightLarge	{ padding-left : 30px; padding-right : 30px; }
.padVLarge { padding : 40px; }