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: eurostile;
  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: eurostile;
  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: #F14330;}
  
#submenu.aboutus div#subselected, #menu div#mainselected.aboutus,
#submenu.aboutus a:hover, #menu div.aboutus a:hover  {background-color: #F9963C;}

#submenu.magazine div#subselected , #menu div#mainselected.magazine,
#submenu.magazine a:hover, #menu div.magazine a:hover {background-color: #3E5FB7;}


#submenu.av div#subselected , #menu div#mainselected.av,
#submenu.av a:hover, #menu div.av a:hover {background-color: #3E5FB7;}

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

#submenu.courses div#subselected , #menu div#mainselected.courses,
#submenu.courses a:hover, #menu div.courses a:hover {background-color: #5AAD61;}

#submenu.help div#subselected , #menu div#mainselected.help,
#submenu.help a:hover, #menu div.help a:hover {background-color: #F14330;}

#submenu.groups div#subselected, #menu div#mainselected.groups,
#submenu.groups a:hover, #menu div.groups a:hover {background-color: #7353B5;}

#submenu.children  div#subselected, #menu div#mainselected.children,
#submenu.children a:hover, #menu div.children a:hover {background-color: #F3B53F;}

#submenu.youth  div#subselected, #menu div#mainselected.youth,
#submenu.youth a:hover, #menu div.youth a:hover {background-color: #728B7A;}

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

#submenu.forms div#subselected, #menu div#mainselected.forms,
#submenu.forms a:hover, #menu div.forms a:hover  {background-color: #F9963C;}

#submenu.contact  div#subselected, #menu div#mainselected.contact,
#submenu.contact a:hover, #menu div.contact a:hover {background-color: #4A999D;}

/* add left color bar on sub menu */

#submenu.home div             {border-left: 6px solid #F14330}
#submenu.aboutus div       {border-left: 6px solid #F9963C}
#submenu.magazine div     {border-left: 6px solid #3E5FB7}
#submenu.events  div        {border-left: 6px solid #FC6565}
#submenu.courses  div      {border-left: 6px solid #5AAD61}
#submenu.groups div         {border-left: 6px solid #7353B5}
#submenu.children  div    {border-left: 6px solid #F3B53F}
#submenu.youth  div          {border-left: 6px solid #728B7A}
#submenu.activities div {border-left: 6px solid #AC6293}
#submenu.forms div       {border-left: 6px solid #F9963C}
#submenu.contact div       {border-left: 6px solid #4A999D}