BODY {
	BACKGROUND-COLOR: #FFFAC8;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-image:url(/graphics/ukms_title-wm.gif);
}
SPAN.nodec {
	TEXT-DECORATION: none
}
SPAN.copy {
	COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT"; FONT-SIZE: 10px
}
SPAN.error {
	FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
SPAN.blue {
	BACKGROUND-COLOR: #003366; COLOR: #ffffcc; FONT-SIZE: 10pt
}
A         { text-decoration: none; color: #DD3300; font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT"; }  
A:link    { text-decoration: none; color: #DD3300; }
A:visited { text-decoration: none; color: #B51A15; }
A:active  { text-decoration: none; color: #B51A15; }
A:hover   { text-decoration: underline; color: #990000; } 

A.imagelink:link 	{text-decoration: none; }
A.imagelink:visited {text-decoration: none; }
A.imagelink:active 	{text-decoration: none; }
A.imagelink:hover 	{background-color: #FFFFCC;}

.MENU     { color: #990033; font-size: 11px; text-indent: 1px; text-decoration: none}
.RESOURCE { font-size: 10px; font-style: normal; font-weight: bold; color: #FFFAC8; text-decoration: none}
.ITEM     { font-size: 10px}
.NEWS     { font-size: 12px; font-style: normal; color: #FFFAC8; text-decoration: none; font-weight: bold}

.SUPPLIERS  { font-size: 12px; font-style: normal; font-weight: bolder; text-decoration: none}
.CATEGORIES { font-size: 12px; font-style: italic; font-weight: bolder; text-decoration: underline; text-indent: 1px; }
.comments   { font-size: 12px }
.iblock     { font-size: 12px; font-style: italic; font-weight: bold; color: #000080; border: thin none; }
.zero { line-height:0px; display:none; }
.FRF { font-size: 12px;	background-color: #FFFF66; }
.Six         { font-size: 24px; }
.SixB        { font-size: 24px; font-weight: bold; }
.Five        { font-size: 18px; }
.FiveB       { font-size: 18px; font-weight: bold; }
.FiveBC      { font-size: 18px; font-weight: bold; border: thin none; }
.FiveBBlue   { font-size: 18px; font-weight: bold; color: #3300FF; }
.FiveBWhite  { font-size: 18px; font-weight: bold; color: #FFFFFF; }
.Four        { font-size: 16px; }
.FourB       { font-size: 16px; font-weight: bold; }
.FourBC		 { font-size: 16px; font-weight: bold; border: thin none; }
.FourBI		 { font-size: 16px; font-weight: bold; font-style: italic; }
.FourBBlue   { font-size: 16px; font-weight: bold; color: #310063; }
.FourBRed    { font-size: 16px; font-weight: bold; color: #CC3300; }
.FourBWhite  { font-size: 16px; font-weight: bold; color: #FFFFFF; }
.Three		 { font-size: 14px; }
.ThreeB		 { font-size: 14px; font-weight: bold; }
.ThreeBB	 { font-size: 14px; font-weight: bold; color: #FFCC33; }
.ThreeBC	 { font-size: 14px; font-weight: bold; color: #FFFAC8; }
.ThreeBI	 { font-size: 14px; font-style: italic; font-weight: bold; }
.ThreeBiO	 { font-size: 14px; font-style: italic; font-weight: bold; color: #FF8040; }
.ThreeBiR	 { font-size: 14px; font-style: italic; font-weight: bold; color: #ff3300; }
.ThreeBWhite { font-size: 14px; font-weight: bold; color: #FFFFFF; }
.ThreeC 	 { font-size: 14px; border: thin none; }
.Two		 { font-size: 12px; }
.TwoB 		 { font-size: 12px; font-weight: bold; }
.TwoC 		 { font-size: 12px; border: thin none; }
.TwoBC 		 { font-size: 12px; font-weight: bold; border: thin none; }
.TwoBR 		 { font-size: 12px; font-weight: bold; color: #FF0000; }
.TwoBI 		 { font-size: 12px; font-style: italic; font-weight: bold; }
.TwoBIR 	 { font-size: 12px; font-style: italic; font-weight: bold; color: #FF0000; }
.TwoGrey     { font-size: 12px; font-weight: normal; color: #666666; }
.TwoWhite    { font-size: 12px; font-weight: normal; color: #FFFFFF; }
.TwoBiBlue   { font-size: 12px; font-style: italic; font-weight: bold; color: #000080; }
.One		 { font-size: 10px; }
.OneC		 { font-size: 10px; border: thin none; }
.BGP_Green   { font-size: 16px; font-weight: bold; color: #008000; }
.BGP_Brown   { font-size: 16px; font-weight: bold; color: #800000; }
.SCRS_SixB   { font-size: 24pt; font-weight: bold; }
.SCRS_SevenB { font-size: 36pt; font-weight: bold; }
.bgAmber { font-size: 10px; background-color:#FF0; }
.bgRed { font-size: 10px; background-color:#F00; }
.panelBGC {	background:#F0C878; position:relative; z-index: 1; }
.panelBGClight { background:#FFEA9C; }
.entryBDRCon { border-width: 1px; border-style: solid; border-color: #FF9933; }
.entryBDRCoff { border:none; border-color: #FF9933; }
.boxAdvertUKMS { border-width: 1px; border-style: solid; border-color: #FF9933; background-color: #FFFFCC; text-align: center; }
.icon {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 display:block;
 color:#000;
 background: #fefefe;
 text-align:center;
 padding: 3px 2px 3px 2px;
 margin:0px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:2px solid #ccc;
 border-bottom:2px solid #666;
 line-height:15px;
}
.assocLinks a:link, .assocLinks a:visited, .assocLinks a:active {
text-decoration: none;
color:#0066FF;
}
.assocLinks a:hover {
text-decoration: none;
background-color:#0066FF;
color: #FFFFFF;
}
#btnInfoGreen {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 height: 20px;
 background-color: green;
}
#btnInfoRed {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 100px;
 background-color: green;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnSearch {
 background-color: #006600;
 color: #FFFAC8;
 font-weight: bold;
}
#btnSearch A:hover {
 background-color: #CCCC00;
 color: #B21414;
 font-weight: bold;
} 
.btnSmall {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 width: 100px;
}
.btnClubs {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 width: 210px;
}
.btnShops {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 6px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 175px;
}
.btnSupp {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FFFFCC;
 background-color: #993300;
 text-align: center;
 margin-left: 6px;
 margin-top: 1px;
 margin-bottom: 1px;
 width: 200px;
}
.btnDirections {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: inline;
 padding: 3px 0.5em;
 text-decoration: none;
 color: black;
 background-color: #FFF2BF;
 border: 2px solid #FFF2BF;
}
#btnIndex A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: inline;
 padding: 3px;
 background-color: #993300;
 border-bottom: 1px solid #FFFFCC;
}
#btnSmall A {
 font:bold 14px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 100px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnClubs A {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 210px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnRetailers {
 font:bold 16px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 margin:0px;
}
#btnRetailers A {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 175px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnSuppliers A {
 font:bold 12px Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
 text-align: center;
 display: block;
 padding: 3px 2px 3px 2px;
 margin:0px;
 width: 225px;
 background-color: #993300;
 border-top:2px solid #BE6036;
 border-left:2px solid #BE6036;
 border-right:3px solid #BE6036;
 border-bottom:3px solid #541C04;
}
#btnSuppliers A:link, #btnSuppliers A:visited, #btnRetailers A:link, #btnRetailers A:visited, #btnClubs A:link, #btnClubs A:visited, #btnIndex A:link, #btnIndex A:visited, #btnSmall A:link, #btnSmall A:visited {
 color: #FFFFCC;
 text-decoration: none;
}
#btnSuppliers A:hover, #btnRetailers A:hover, #btnClubs A:hover, #btnIndex A:hover, #btnSmall A:hover {
 background-color: #DC6642;
 color: #fff;
 border-top:2px solid #E8A084;
 border-left:2px solid #E8A084;
 border-right:3px solid #E8A084;
 border-bottom:3px solid #973A15;
}
#tabs A, #tabs0 A, #tabs1 A, #tabs2 A {
 font-family: Arial, Helvetica, sans-serif, "Gill Sans MT";
}
#tabs A:link, #tabs A:visited, #tabs0 A:link, #tabs0 A:visited, #tabs1 A:link, #tabs1 A:visited, #tabs2 A:link, #tabs2 A:visited {
 color: #FFFFCC;
 text-decoration: none;
}
#tabs A:hover, #tabs0 A:hover, #tabs1 A:hover, #tabs2 A:hover {
 color: #FF6633;
}
.lining {
 background-image: url(/graphics/lining.gif);
 background-repeat:repeat-x;
}
.trainBGR {
 background-image: url(/graphics/background.jpg);
}

DIV.table-row-lining {
 background-image:url(/graphics/lining.gif);
 background-repeat:repeat-x;
 border: 0px;
 color: #000000;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding: 1px;
 text-align: center;
 width: 100%;
}
DIV.table-row {
 background: #006600;
 border: 0px;
 color: #000000;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 padding: 0px;
 text-align: left;
 width: 100%;
}
DIV.left-container {
  border: none; float: left; margin: 0; padding: 1px; width: 50px;
}
DIV.right-container {
  border: none; margin: 0; padding: 1px; width: 1000px;
}
DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}
#map {
 height: 400px;
 margin: 0px 130px 0px 5px;
 padding: 2px;
 border: 1px solid #eeeeee;
 font:normal 12px Arial, Helvetica, sans-serif, "Gill Sans MT";
}
#crumbs {
 font:italic bold 14px Arial, Helvetica, sans-serif, "Gill Sans MT";
 color: #FF8040;
 padding: 4px; 
}
#crumbs h3 {
 display: none;
}
#crumbs ul {
 display: inline;
 padding-left: 0;
 margin-left: 0;
}
#crumbs ul li {
 display: inline;
}
#crumbs ul li a:link {
 padding: .2em;
}
#crumbs ul ul li{
 background-image: url(/graphics/arrows.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 12px;
}

.buttonSubmitHide {
 display: none;
}

.navTop ul{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
z-index:5;
}

/*Top level list items*/
.navTop ul li{
position: relative;
display: inline;
float: left;
background-color: #006600; /*overall menu background color*/
color: #FFFAC8; /* text formatting */
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans";
font-size: 12px;
font-weight: bold;
text-align: center;
border-top: 2px solid #6BA66B; /* button formatting */
border-left: 2px solid #6BA66B;
border-right: 3px solid #003300;
border-bottom: 3px solid #003300;
line-height: 21px;
width:125px;
}

/*Top level menu link items style*/
.navTop ul li a{
display: block;
width: 200px; /*Width of top level menu link items*/
margin-left: 2px;
margin-right: 2px;
line-height: 18px;
}
	
/*1st sub level menu*/
.navTop ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.navTop ul li ul li{
display: list-item;
float: none;
width:200px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.navTop ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
}

/* Sub level menu links style */
.navTop ul li ul li a, .navTop ul li a:visited {
display: block;
width: 195px; /*width of sub menu levels*/
color: #FFFAC8;
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 10px;
font-weight: bold;
text-align: left;
border-top: 1px solid #006600;
margin-left: 0px;
margin-right: 0px;
padding-left : 5px;
}

.navTop ul li a:hover {
color: #B21414;
width : 193px;
border : solid #FFFAC8;
border-width : 1px 1px 1px 1px;
white-space : nowrap;
background-color : #CCCC00;
padding-left : 5px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 10px;
font-weight: bold;
text-align: left;
}

/*Background image for top level menu list links */
.navTop .mainfoldericon{
 background-color: #006600;
 background-repeat: no-repeat;
 background-position: left;
}

/*Background image for subsequent level menu list links */
.navTop .subfoldericon{
 background-color: #006600;
 background-repeat: no-repeat;
 background-position: left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows navTop menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .navTop ul li { float: left; height: 1%; }
* html .navTop ul li a { height: 1%; }
/* End */

/* The following sets the "i" image in IE6 + IE7 */
.info{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 2px;
	padding:0;
	background:url(/graphics/info.gif) top left no-repeat;
	cursor:help;
	}

/* The following sets the "i" image for standard conforming browsers IE does not understand this */
html>/**/body .info{
	margin-left:5px;
	padding:0 0 0 14px;
	background:url(/graphics/info.gif) center left no-repeat;
	cursor:help;
}

/* form validation */
#wrapper {}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(/graphics/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* calendar - 11px */
td.cal{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; background-color : #d3d3d3;	}
select.month{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 85px;	}
input.year{font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 30px; }
td.calDaysColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #000000; }
td.calWeekend {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #c0c0c0; }
td.calBgColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #d3d3d3; }
.calBorderColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #a9a9a9; }
td.calHighlightColor {font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #ffffff; background-color : #ffffcc; }

/* The CSS that's required to position the footer */
/* 		<div id="divBottomLeft"> */
#divBottomLeft {
position: fixed;
bottom: 5px;
left: 20px;
width: 200px;
z-index:5
}

#divBottomUpdate {
position: absolute;
bottom: 5px;
left: 20px;
width: 200px;
z-index:1
}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../graphics/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../graphics/lb/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

