/*
 * Vertical menu
 *
 */

#MenuV
{
	/*left: 0.3em;*/                             /* Effectively leaves a little margin           */
   margin: 0em;                             /* Leave no room for a browser to               */
	padding: 0em;                            /*  misinterpret these values                   */
	overflow: hidden;                        /* Chop off anything that doesn't fit           */ 
	position: absolute;                      /* Has to be, otherwise 3pixel jog screws up IE */
	left: 0em;
   top: 8.2em;                                /* set in EMs to align with WorkArea            */ 
	width: 9.5em;                              /* Limit size to display in WorkArea margin     */
	height: 65em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	background-color:#ffffaa;
}   



#MenuV A.MenuVItem {
/*   color: black;*/                             /* 'Pushes' the item back                       */
   display: block;                          /* So we use the box model                      */
	margin: 0em;                             /* Reset margins                                */
   margin-bottom: 0.5em;                    /*  then set for bottom                         */
	margin-top: 0.5em;                       /*  and top. Works consistant on IE and FF      */  
   text-decoration: underline;                   /*  hovered over.                               */
   white-space: normal;                     /* Wrap menu items                              */
}



#MenuV A.MenuVItem:hover {
/*	color: black;  */                          /* Menu items are 'brought forward' when they   */
   text-decoration: underline;             /*  they are hovered over.                      */
	/*border-bottom: ridge;
	border-bottom-color: Black;*/
}
#MenuV A.MenuVSelected {
   color: black;                            /* Bring the link forward                       */  
   display: block;                          /* Rest all like MenuVItem                      */
	margin: 0em;                             /*                                              */
   margin-bottom: 0.5em;                    /*                                              */
	margin-top: 0.5em;                       /*                                              */  
   text-decoration: none;                   /* Except we bring this forward too             */
   white-space: normal;                     /*                                              */
 }
#MenuV A.MenuVSelected:hover {
	color: black;                            /* Menu items are 'brought forward' when they   */
   text-decoration: underline;              /*  they are hovered over.                      */
 }
#MenuV Div.MenuVSep {
 }
#MenuV SPAN.Break {
	 height: 0px;                            /* This is the same as the class settings    */
	 left: 0px;                              /* for Invisible. Basically, we don't want   */
	 overflow: hidden;                       /* to see the break characters when we are   */
    position: absolute;                     /* using CSS to control layout               */
	 top: 0px;                               /*                                           */
	 width: 0px;                             /*                                           */
    visibility: hidden;                     /*                                           */
}



/*
** These classes position the information text in the menu area
*/

div.ContactDetails
{
   margin: 0em;                             /* Leave no room for a browser to               */
	padding: 0em;                            /*  misinterpret these values                   */
	overflow: hidden;                        /* Chop off anything that doesn't fit           */ 
	position: absolute;                      /* Has to be, otherwise 3pixel jog screws up IE */
	left: 0em;
   top: 55em;                                /* set in EMs to align with WorkArea            */ 
	width: 11.5em;                              /* Limit size to display in WorkArea margin     */
	padding-left: 0.7em;
	background-color:transparent;
	text-align: left;
}
div.ContactDetails h2
{
	font-size: 1.2em;
}
div.ContactDetails div.Logos
{
	text-align: center;
}

#MenuV a.File
{
	padding-left: 0.5em;
}
#MenuV a.File_Home
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	background-color: red;
	color: white;
}

#MenuV .File_Text
{
	padding: 0px;
	margin-bottom: 0px;
	font-size: 1.3em;
}

#MenuV .File_Bold
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	font-weight:bold;
}