body 	{ font-size:1em; font-family: arial, Century Gothic; }
/* body just here for testing */

div#menu {  width: 130px; }

/* any div inside a menu  i.e. a  menu box*/
#menu div
{
  color: white;
  background-color: #a2866a;
  display: block;
  padding: 0px;
  width: 100%;
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
  font-size: 0.9em;
  letter-spacing: 1px;
  margin: 0px 0px 4px 0px;
}

div#mainselected, div#subselected
{
  padding: 4px;
}

div#mainselected a
{
  margin: -4px;
  background-color: transparent; 
}

#menu a
{
  color: white;
  background-color: #a2866a;
  display: block;
  padding: 4px;
  width: 100%;
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
}

div#submenu
{
  background-color: white;
  margin: 0px;
  padding: 0px;
  
}



/* any div inside a sub menu  i.e. a sub menu box*/
#submenu div  
{
  position: relative;
	left: 6px;
  padding: 0px;
	width: 125px;
/*	font-size: 0.9em;*/
}

#submenu div  a
{
  letter-spacing:0px;
}

div#subselected
{
  padding: 4px;
  letter-spacing:0px;
  font-size: 0.9em;
  padding-right: 2px;
	width: 135px;
}



#menu div a
{
  display: block;
  width: 100%;
  text-decoration: none;
}

/* Change on value to change bgcolors in three places */

#submenu.home  div#subselected,	#menu div#mainselected.home,
#submenu.home a:hover, #menu div.home a:hover {background-color: #2780ed;}
  
#submenu.about div#subselected, #menu div#mainselected.about,
#submenu.about a:hover, #menu div.about a:hover  {background-color: #2780ed;}

#submenu.accommodation div#subselected , #menu div#mainselected.accommodation,
#submenu.accommodation a:hover, #menu div.accommodation a:hover {background-color: #2780ed;}

#submenu.activities div#subselected , #menu div#mainselected.activities,
#submenu.activities a:hover, #menu div.activities a:hover {background-color: #2780ed;}

#submenu.attractions div#subselected , #menu div#mainselected.attractions,
#submenu.attractions a:hover, #menu div.attractions a:hover {background-color: #2780ed;}

#submenu.events div#subselected , #menu div#mainselected.events,
#submenu.events a:hover, #menu div.events a:hover {background-color: #2780ed;}

#submenu.foodanddrink div#subselected , #menu div#mainselected.foodanddrink,
#submenu.foodanddrink a:hover, #menu div.foodanddrink a:hover {background-color: #2780ed;}

#submenu.healthandbeauty div#subselected , #menu div#mainselected.healthandbeauty,
#submenu.healthandbeauty a:hover, #menu div.healthandbeauty a:hover {background-color: #2780ed;}

#submenu.services div#subselected , #menu div#mainselected.services,
#submenu.services a:hover, #menu div.services a:hover {background-color: #2780ed;}

#submenu.shop div#subselected , #menu div#mainselected.shop,
#submenu.shop a:hover, #menu div.shop a:hover {background-color: #2780ed;}

#submenu.shopping div#subselected , #menu div#mainselected.shopping,
#submenu.shopping a:hover, #menu div.shopping a:hover {background-color: #2780ed;}



/* add left color bar on sub menu */

#submenu.home div   	{border-left: 6px solid #2780ed}
#submenu.about div 	{border-left: 6px solid #2780ed}
#submenu.accomodation div {border-left: 6px solid #2780ed}
#submenu.activities div {border-left: 6px solid #2780ed}
#submenu.attractions div {border-left: 6px solid #2780ed}
#submenu.events div 	{border-left: 6px solid #2780ed}
#submenu.foodanddrink div {border-left: 6px solid #2780ed}
#submenu.services div 	{border-left: 6px solid #2780ed}
#submenu.shopping div 	{border-left: 6px solid #2780ed}