/*
#
# general layout
#
*/
html {font-size: 62.8%; height:100%;    } /* now 1 em is about 10px  */

/* this makes the page 1000 wide and centers it */
body { 	margin: 0 auto;	width: 960px; background: #5f94b8; font-family: verdana, arial, sans-serif;	font-size: 1.3em;}
h1 { font-size: 24px;}
img {border:0;}
a {color: #Bd0304; text-decoration:underline; }
a:hover {text-decoration:underline; }
p {text-align: justify;}
.centre {text-align:center; font-weight: bold; }

/*div under the body tag, has class=afterJS if javascript enabled */
#wrapperBorder { position:relative; background: #fff; padding: 0px; top: 0px; width: 960px; margin-top: 20px; }
#wrapper { position:relative; background:white; top: 20px; left: 20px; width: 920px; }

#header {	position:absolute;top: 160px;	left:0px;	z-index:2; 	width:750px;}
#header div{	background: #fff;	height: 20px;	z-index:3; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
  opacity:0.6;}
#header h1 { font-size: 13px; color: #000; text-align:center; margin: 0px 0 0 0;width:750px;	position:absolute;	top: 2px;/**/} 

#trCorner { position:absolute; background:url(/images/_corners.gif) no-repeat bottom right; height:40px; width: 40px; left: 900px; top: -20px;}
#banner { position:relative; height:180px; width:940px;} /* background:url(/images/banner_home.jpg) no-repeat; top: 0;*/
#banner img{ position:relative; float:left;}
#banner a img{ position:relative; top: 0px; float:right;}
#brCorner { position:relative; background:url(/images/_corners.gif) no-repeat -40px -20px; height:12px; width: 40px; top: 0px; left: 900px;}

/* all the menu stuff  */
#menu { position:relative; top: 6px; z-index: 5;} 
#menu div { position:relative; float:left; width:122px; margin:2px 1px; line-height: 20px; height: 25px; text-align:center; color: white; background: #83aecb;}
#menu div.current { background: #900;}

#menu div div{padding:0; margin: 0; position:absolute; left:0; top:25px;/**/ visibility: hidden; } 
#menu div:hover div{  visibility: visible;   } 

#menu div a {color: white; text-decoration:none; display:block; }
#menu div div a{ text-decoration:none; color: white; background: #457ea5; border: solid #999; border-width: 0px 1px 1px 1px; font-size: 12px;} /* height:25px;*/
#menu div:hover, #menu div div a:hover{ background: #900;} 

#spacer { height: 22px; clear:both;} /* if you change this change the stylesIE6.css too */

/* content styles   */
#content { position:relative; top: 0px; }
#contentRight {position:absolute; top: -51px; /*left: 770px;*/ right: -20px;}
#topOfMore {background:url(/images/_clk4Bookings.jpg) no-repeat top right; height:128px; width: 170px;  }
#midOfMore {background: #ad1718; color: white; margin: 0 20px 0 0; padding: 5px; width: 140px;}
#botOfMore {background:url(/images/_clk4Bookings.jpg) no-repeat bottom right; height:35px; width: 170px;  }
#contentLeft { position:relative; width: 750px; }/* padding breaks IE6*/
#contentFooter { clear:left; text-align:center;}
#midOfMore a {color: white; text-decoration:none;}
.boximageright {
  border     : 1px solid #dedede;
  margin     : 0 0 5px 5px; /**/
  padding    : 3px 3px 1px 3px;
  float		 : right;
  clear      :both;
  text-align:center;
  color     : #000066;
  font-size : 9px;
  background: #F1F1F1;
}
.boximageleft {
  border     : 1px solid #dedede;
  margin     : 10px;
  padding-top: 3px;
  float		 : left;
}
.boximage_caption {
  /*margin-top: 3px;
  padding   : 5px;*/
}
/*
#
# from original site
#
#
*/
ul {list-style: none; padding:0 ; margin: 0;/*outside url(/images/bullet_sno.gif);*/}
ul.bar	{list-style: inside url(/images/bar/barbutton.gif) disc}
li,.bar li li  {	background: url(/images/bullet_sno.gif) 0px 2px no-repeat;	padding: 0px 0 7px 25px;	margin: 0 0 0.8em 0;/*outside url();*/}
.bar li {	background: none;	padding: 0;	margin: 0;}
img.right	{border: 1px solid #dedede; margin: 0 0 5px 5px; clear: both; padding-top:  3px; float:right;}
img.left	{border: 1px solid #dedede; margin: 0 5px 5px 0 ; clear: both; padding-top:  3px; float:left;}
p.captionright	{width: 300px; text-indent: 0em; text-align: left; float: right; clear: right; margin: -1em 0.5em 0.5em 1em}
p.captionright400	{width: 400px; text-align: left; float: right; clear: right; margin: -1em 0.5em 0.5em 1em; font-size: 80%}
p.captionrightbig	{width: 350px; text-align: left; float: right; clear: right; margin: -1em 0.5em 0.5em 1em;font-size: 80%}
h2.overlap	{clear: left}
h2	{clear: both}