BODY, TD, P, LI, BLOCKQUOTE {
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;	
}
BODY {
	background-color: #0066CC;
	background-image: url(../img/qamea-cocos-hammock-bg.jpg);
	background-repeat: repeat-y; background-position:center;
	
}

.body1
 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;
	font-size: 10px; color: #333333
	}

a, a:link
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #336600; text-decoration: underline
	}

a:hover, a:visited:hover
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #333333; text-decoration: underline
	}

a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #999999; text-decoration: underline
	}
	
.listheading1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #336600
; font-weight: bold
	}
	
.listheadingr
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #CC0000
; font-weight: bold
	}


input
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	}

input.textbox
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000000;
	background-color: #EEEEEE;
	border-width: 0px;
	}




select
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000000;
	background-color: #eeeeee;
	}

textarea
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000000;
	background-color: #eeeeee;
	border-width: 1;
	}
	.check {  background-color: #eeeeee}
	
td#bulink {
	background-color: #B4CE5B; /* Background colour for the button area (mostly for debugging) */
	border: 1px solid #666; /* Colour of button borders */
	text-align: center; /* Centres the button text in IE */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 1px;
}
#bulink a {

	display: block;
	border: 0px solid #ccc; /* Colour of button borders */
	padding: 2px 4px;
	color: #336600;
	font-weight: bold;
	text-decoration: none; /* Do not Underline menu buttons? */
	text-align: center; /* alignment of button text */
}
#bulink a:hover {
	color: #fff; /* Hover text colour for button text */
}
	
#dropmenu, dropmenu div {
	background-color: #0066CC; /* Background colour for the menu area (mostly for debugging) */
	text-align: left; /* Centres the menu in IE */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
}

#dropmenu ul {
	background-color: transparent;
	margin: 0px auto; /* Centres the menu in Mozilla/Opera */
	padding: 0px; /* border area around meun items */
	text-align: center; /* aligns text inside the menu button ????? see below*/
	width: 680px; /* Width of the whole menu */
}

#dropmenu li {
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	float: left;
	width: 160px; /* Width of the menu buttons - includes space between so make larger than popup width*/
	margin-right: 10px;
	padding: 0px;
	list-style: none;
	position: relative;
}

#dropmenu li a {

	display: block;
	border: 0px solid #ccc; /* Colour of button borders */
	padding: 2px 4px;
	color: #fff;
	font-weight: bolder;
	background-color: transparent; /* Background colour of menu buttons */
	text-decoration: none; /* Do not Underline menu buttons? */
	text-align: center; /* alignment of button text */
}

#dropmenu ul ul {
	display: none;
	position: absolute;
	left: 0px;
	top: -200px; /* IMPORTANT! Set so that the menu sits *exactly* on top of the button */
	margin: 0px;
	background-color: #336600; /* Background colour of pop-up menu header */
	border-bottom: 1px solid #666; /* Colour of bottom border of the menu */
	width: 160px; /*width of the popup menu */
}

#dropmenu ul li ul {
	width: 160px;
}

#dropmenu ul ul li {
	float: none;
	width: auto;
}

/* Stops IE6 from inserting gaps between items */
* html #dropmenu ul ul li {
	display: inline;
	width: 99.99%;
	padding: 0px;
	margin: 0px;
}

#dropmenu ul ul li a {
	margin: 0px;
	display: block;
	border: 1px solid #ccc; /* Colour of border around menu items */
	background-color: #ffffff; /* Background colour of pop-up menu */
	color: #666;	/* colour of menu item text, 'none' sets it to the  colour in default .css */
	text-decoration: none; /* Underline popup items? */
	border-bottom-width: 0px; /* width of the bottom border of each menu item */
	width: 100%; /* width of menu item relative to the width of the menu */
	text-align: left; /* alignment of menu item text */
	font-weight: bold;
}

#dropmenu ul ul li a:hover {
	color: #336600; /* Hover text colour for menu items */
}

#dropmenu li:hover ul,
#dropmenu li.sfhover ul {
	display: block;
}

#dropmenu li:hover a,
#dropmenu li.sfhover a {
	background-color: none; /* Hover background colour for menu buttons */
}

#dropmenu li:hover ul a,
#dropmenu li.sfhover ul a {
	background-color: none; /* background colour for menu items */
}

#dropmenu ul ul li.header {
	display: block;
	background: #CCFF66; /* Background colour for menu headers */
	color:  #FFFFFF; /* #Text colour for menu headers */
	padding: 3px 4px;
	margin: 0px;
	width: 160;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc; /* Colour of border around menu items */
	background-color: #0066CC;
}

/* If the menus are different heights, you can set them individually here */

#dropmenu #botmenu1 ul {
	top: -140px;
}

#dropmenu #botmenu2 ul {
	top: -117px;
}


#dropmenu #botmenu3 ul {
	top: -89px;
}

#dropmenu #botmenu4 ul {
	top: -111px;
}
h1.body1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 0px;
	line-height: normal;
}