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

/*Controls the position and style of the main menu
Margin & Padding both required for accurate display in all browsers*/
#cssdropdown, #cssdropdown ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#cssdropdown li {
	float:left;
	position:relative;
}

/*Places a space between menu items on main menu*/
.mainitems{
	margin-right:10px;
}

/*Controls the main menu items & all preceding submenu items*/
.mainitems a{
	padding-left:0px;
	padding-right:7px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF; /*Main menue text colour*/
}

/*Controls the sub menu positions & visibility.
The width of the submenus are controlled in the html*/
.subuls{
	display:none;
	position:absolute;
	top:1.2em;
	left:-7px;
	background-image:url(../pictures/subpages/bg.png);
}


/*Controls the submenu text*/
.subuls li{
	text-align:left;
	margin-top:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
}


/*Controls the submenu text items which are links*/
.subuls li a{
	text-decoration: none;
	color:#FFFFFF; /*Sub menus text colour*/
	background-color:#0000FF;
	font-family: Arial, Helvetica, sans-serif;
}

/*Style of the dropdowns underneath the hovered items*/
#cssdropdown li:hover ul, li.over ul {
	display:block;
}

/*Controls the width of submenu items*/
.aboutus{width:128px;}
.safaris{width:150px;}
.itinerary{width:185px;}

/*Controls the hover effect for subitems*/
ul.subuls li:hover{
	background-image:none;
	background-color:#4169E1; /*hover over colour*/
}