BODY       { margin: 0px; padding: 0px; font-family: arial, verdana; font-size: 10px;
	      background-image:url(Images/flag.jpg); }

.title   { background-image: url(Images/titles/rotate.php); background-repeat: no-repeat; background-position: center top; }

#mainfooter { background-image: url(Images/footer.gif); background-repeat: no-repeat; background-position: center; font-family: arial, verdana; font-size:10px; }

 A:link     { text-decoration: none; background-color: transparent; color: #0000FF; }
 A:visited  { text-decoration: none; background-color: transparent; color: #0000FF; }
 A:hover    { text-decoration: none; background-color: transparent; color: #FF0000; }

.printfriendly { font-family: arial, verdana; font-size: 9px; }

.contentpad { margin: 10px; padding: 10px; }

.imgborder  { border-style:solid; border-width:1px; border-color:#9F9F9F; }
.imgborder2  { border-style:solid; border-width:2px; border-color:#9F9F9F; }

.pagetitle     { text-align: center; text-transform: uppercase; letter-spacing: .3em; font-size: 150%; padding-top: .5em; }

 TD	    { font-family: arial, verdana; font-size: 13px; }

.keytext a:link { color:#000000; font-family: arial, verdana; font-size: 10px; }
.keytext a:visited { color:#000000; font-family: arial, verdana; font-size: 10px; }
.keytext a:hover { color:#000000; font-family: arial, verdana; font-size: 10px; }

table#accommodationgrid {
	border-width: 1px;
	border-style: solid;
	border-color: #C2C4C4;
	border-collapse: collapse;
      text-align:left;
}

table#accommodationgrid TD { font-family: arial, verdana; font-size:10px; font-weight: bolder; border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #C2C4C4;
      text-align:left;
 }

table#accommodationgrid2 {
	border-width: 1px;
	border-style: solid;
	border-color: #C2C4C4;
	border-collapse: collapse;
}

table#accommodationgrid2 TD { font-family: arial, verdana; font-size:12px; 	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #C2C4C4;
}

.cricketborder { border-style:solid; border-width:1px; border-color:#000000; }
.cricketborder th { border-style:solid; border-width:1px; border-color:#000000; background-color:#fbc953;}
.cricketborder td { border-style:solid; border-width:1px; border-color:#AAAAAA; }

#upperLeftCorner {
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    overflow: visible;
    width: 81px;
    height: 70px;
    margin: 0 0 0 0;
    padding: 0;
    z-index: 9999;
    border: none;
    float: none;
  }


/*////////////////////////////*/
/*//MENU STYLING STARTS HERE//*/
/*////////////////////////////*/

.menu { width: 760px;
	height:18px;
	position: relative;
	z-index: 100;
	border-right:1px solid #fbc953;
	font-family: arial, verdana;
	text-align: center;
 	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:761px; w\idth:760px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
.menu ul ul {
	width:152px;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:152px;
	position:relative;
	}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	font-family: arial, verdana;
	text-decoration:none; 
	color:#0000FF; 
	width:138px; 
	height:16px; 
	border:1px solid #fbc953; 
	border-width:1px 0 1px 1px; 
	background:#fbc953; 
	padding-left:10px; 
	line-height:15px;
 	font-weight:normal;
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:152px;
	w\idth:141px;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#fee5ab 
	}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#a7c0fa 
	}
.menu ul ul :hover > a.drop {
	background:#a7c0fa 
	}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#fee5ab;
	}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#a7c0fa;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:17px;
	left:0; 
	width:152px;
	border-top:1px solid #fbc953;
	}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:16px;
	t\op:17px;
	}

/* position the third level flyout menu */
.menu ul ul ul{
	left:152px; 
	top:-1px;
	width:152px;
	}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-152px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} 

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#fee5ab; 
	color:#0000FF; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:131px;
	border-width:0 1px 1px 1px;
	/* yet another hack for IE5.5 */
	}
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:153px;
	w\idth:131px;
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#FFFF00; 
	background:#a7c0fa;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#FFFF00;
	background:#4e80f3;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
	}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
	}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
	}

/*////////////////////////////*/
/*///MENU STYLING ENDS HERE///*/
/*////////////////////////////*/