@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-align:center;
min-width:870px;

}

p {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px
}
a { font-weight:bold; text-decoration:none; color:#333333;}
a:hover {text-decoration:underline;}
a:active {outline:none;}
a img {border:none;}

/***** DIVs *******************************************/
#NAVBAR {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height:22px;
	/*padding-left:120px;*/
	background-image:url(menuBTN.png);
	background-repeat:repeat-x;
	z-index:100;
}
#navbarINNER {
	margin: 0 auto;
	width:870px;
	height:22px;
	
}

#CONTENT {
	position:absolute;
	left:0px;
	top:21px;
	width:100%;
	height:100%;
	padding-top: 10px;
	padding-left:40px;
	padding-right:40px;
	z-index:1;
}
#CONTENT_HOME {
	position:absolute;
	left:1px;
	top:1px;
	width:100%;
	height:100%;
	/*padding-top: 50px;*/
	background-image:url(menuBTN.png);
	background-repeat:repeat-x;
}
/***** MENU ******************************/
.ebul_cbnav, .ebul_cbnav ul {
  background-color: #DEE9F3;
  border: 1px solid #27415E;
  display: block;
  font-size: 1px;
  margin: 0px;
  overflow: auto;
  padding: 0px;
  position: absolute;
  visibility: hidden;
}

.ebul_cbnav_shadow {
  background-color: #777777;
  display: block;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
}

.ebul_cbnav table {
  border-collapse: separate;
}

.ebul_cbnav tr {
  background-color: #DEE9F3;
  cursor: pointer;
  font-size: 1px;
}

.ebul_cbnav td {
  border: 0px solid #DEE9F3;
  padding: 2px;
  text-align: left;
}

.ebul_cbnav td a {
  color: #27415E;
  font-family: "Arial", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.ebul_cbnav tr.hot, .ebul_cbnav tr.expanded {
  background-color: #27415E;
}

.ebul_cbnav tr.hot td, .ebul_cbnav tr.expanded td {
  border-color: #DEE9F3;
}
.ebul_cbnav tr.hot a, .ebul_cbnav tr.expanded a {
  color: #FFFFFF;
  font-family: "Arial", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

ul.ebul_cbnav {
  position: absolute;
  visibility: hidden;
}                               

.cbnavebul_menulist .spaced_li {
  padding: 0px 0px 0px 0px;
}

.cbnavebul_menulist li {
  list-style-type: none;
  float: left;
}

.cbnavebul_menulist img {
  vertical-align: bottom;
  
}

.cbnavebul_menulist {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
/***************************************************/

.mainstyle_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.mainstyle_bodyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.clockStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-position: right;
}
.topTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/bgTandB.jpg);
}
.mainBG {
	background-color: #FFFFCC;
	background-image: url(images/Culpho-Hall_1.gif);
	background-repeat: no-repeat;
}
.dropDown_Main1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #0066CC;
	color: #00CCFF;
	background-position: center;
	text-align: center;
	vertical-align: top;
}
.menuTable {
	vertical-align: top;
}
.tideTable_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCFFFF;
}
.tideTable_Y {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFCC;
}
.tideTable_G {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #99FF99;
}
.tideTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.InStep_body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #0066CC;
	text-align:left;
}
.photoBody_Blu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6887aa;
}
.photoBody_Blk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
}
.photoHeading_Blu {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #6887aa;
}
.photoBody_Wht {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.photoHeading_Blu_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #6887aa;
	text-align: center;
}
.photoBody_Notes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16pt;
}

#innerCONTENT {
	margin: 0 auto;
	top:91px;
	width:870px;
	height:460px;
	text-align:left;
	/*
	background-image:url(images/Culpho-Hall_1.gif);
	background-position:center;
	background-repeat:no-repeat;
	*/
}
#innerLEFT {
	float:left;
	margin: 0 auto;
	margin-top:45px;
	width:440px;
	height:450px;

}
#innerRIGHT {
	float:right;
	margin: 0 auto;
	margin-top:45px;
	width:420px;
	height:450px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	text-align:center;
}
/***** DROP SHADOW ***************************/

/***** Example code ***
		<div class="dropOuter">
			<div class="dropInner"><img src="images/EThe Shard and Tower Bridge" alt="Picture 1"/></div>
			<p>The Shard and Tower Bridge</p>
		</div>
***********************/
.dropOUTER {
	float: left;
	width: auto;
	margin: 0 10px 10px 10px;
}
.dropOUTER p {
	/* Set caption style */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	text-align: center;
	/* Set distance below image */
	margin: 0px 0 0 0;
}

.dropINNER{
	/* This image MUST be presant ... */
	background: url(../images/shadow.gif) no-repeat right bottom;
	/* ... OR use this for basic shadow rather than the above 'shadow.gif' */
	/*background-color: #EFEFEF;*/

}
.dropINNER img {
	/* Set image style */
	border: 1px solid #939393;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left:-5px;
}
/********************************************/