.pr_centre { display: none; }
.pr { display: none; }
.so_bg_centre { z-index: -1; }
.so_bg { z-index: -1; }
.so { }
.displayBlock { display: block; }
.screenBold{
	color: black;
	cursor:pointer;
	font-weight: bold;
}
.screenBG {
 background: cyan url("old%20pages/image.asp?path=images/&name=listBackground.jpg&width=115") no-repeat;
 background: cyan url("images/listBackground.jpg") no-repeat;
}
.so_bg_centre { text-align: center; }
.centre { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.pr_centre { text-align: center; }
.so_bg_centre { position: absolute; width: 100%;}
body { margin: 12px 30px 10px 30px; background-color: #FFFFE9; }
#imgHolder {
	z-index:-1;
	text-align:center;
	position:absolute;
	width:100%;
}
#imgHolder img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50); /* IE uses this instead of the rgba thingo, but we can reset child elements with a position:relative setting */
}
.bullet {white-space: nowrap; border-style: solid; border-width: 1px; padding:  1px 4px 1px 4px; background-color: gold;}

/*.menu_li_r { text-align: center; }
.menu_li { text-align: center; }
.CrumbTrail { text-align: center; }*/

.menu_ul {
 width: 100%;
 list-style: none;
 margin: 0;
 padding:0;
  white-space: nowrap;
}
.menu_li {
 display: expression( li_display( this ) );
 float: left;
 margin:4px 0px 0px;
 clear: right;
  padding: 0px 0 0px 0px;
 /*white-space: nowrap;*/
}
.menu_li span, .CrumbTrailRight {
 margin:4px 0px 0px;
 padding-left: 5px;
 background:#FFFFE4 url("images/cleartab.gif") left top no-repeat;
}
.CrumbTrailRight {
 background: url("images/yellowtab.gif");
  padding: 0px 0 0px 5px;
 clear: left;
 float: right;
}
.menu_li a, .CrumbTrailRight a {
 text-decoration: none;
 display: block;
 color: blue;
 padding:0px 5px 0px 0px;
 margin-bottom: 0px;
 background:#FFFFE4 url("images/cleartab.gif") right top no-repeat;
}
.CrumbTrailRight a {
 background: url("images/yellowtab.gif") right top no-repeat;
}
/*.menu_ul a:hover {
 background: url("images/redtab.gif") right top no-repeat;
 color: white;
 color: red;
}
.menu_ul span:hover {
 background:url("images/redtab.gif") left top no-repeat;
}
*/
.menu_li a:hover , .tabMenu_li a:hover {
  color: #FFBC09;
  }
.LastNoWidget {
 position: relative;
 height: 3px;
 font-size: 1%;
 margin:0;
 clear: left;
/* background:0; */
 background-color: #C80000;
}
.pictureText {
	font-family: Calibri;
	color: white;
	font-weight: bold;
	margin: 0px 5px 2px 0px;
}
/* NIFTY CORNERS */
.rbottom{display:block}
.rtop{display:block}
.rbottom *{display:block;height: 1px;overflow: hidden}
.rtop *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.boldWhite {
	font-weight:bold;
	vertical-align:top;
	color:white;
}

#overlay {
	z-index: 2;
	top: 0px;
	left: 0px;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
/* This is the transparent box - supports everything but opera and seamonkey and other browsers that don't support the rgba alphchannel colours as at 24/11/08 */
#transbox {
	width:100%;
	height:100%;
	background-color: black;
	background-color: rgba( 0, 0, 0, 0.75 );
/* This fails to load in SeaMonkey and Opera, so you get a solid background instead. */ /* Opera 10 fixed this! 9/9/9*/
	/*opacity: 0.75;*/ /* - this would work, but it imposes transparency on all child elements - like the image we're trying to look at! */
	/* -moz-opacity: 0.75; - this is obsolete now */
}
/* position: relative used for IE to reset opacity */ 
#transbox img {
	position: relative;
}