/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

body
{
padding: 10px;
border: 0px;
background-color: #F9F7EC;
}

#header
   {
   width:100%;
   background: url("../images/headerJun.jpg") top left no-repeat;
   background-color: #e7ffef;
   }

#header h1
   {
   font: bold, Verdana, "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
   line-height: /*1.0*/1.2;
   letter-spacing: -0.03em;
   margin: 0;
   padding-top: 90px;
   color: white;
   font-size: xx-large;		/* 220%;  */
   text-align: center;
   }

img#clock {
top: 162px;
position: absolute;
left: 1em;							/*Edited */
width: 160px;
height: 149px;
}

#main p, #main ul, #main li {
font: 11pt, Verdana, 1em Arial, Helvetica, sans-serif;
color: navy;
}
#main p2{
font: 11pt, Verdana, 1em Arial, Helvetica, sans-serif;
color: #800000;
}
#main h1 {
font: bold italic 2.5em Verdana, "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
color: #800000;
}
#main h2 {
font: bold 1.5em Verdana, "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
color: #800000;
}
#main h3 {
font: Verdana, "Comic Sans MS", "Arial Rounded MT Bold", Arial, sans-serif;
font-size:14px;
color: #800000;

}
#main a {
color: #800000;
}

#main {
margin: 0px 140px 0px 170px;
font: 1em "Arial", Times, serif;
}

}
a.link:link, a.link:active, a.link:visited {		/* Email Links 'MouseOver' Formatting */
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#FF6600;
}
a.link:hover {
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#800000;
}

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	
	top:316px;
	left: 1em;							/*Edited */
	z-index: 10;
	width: 10em;						          /* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	
	}

#menuPHIL		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	
	top:490px;
	left: 1em;								/*Edited */
	z-index: 10;
	width: 10em;						          /* [1] width of menu item (i.e., box) #800000*/
	text-align: left;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	color: #800000;
	}


#menuv a
	{
	display:block;
	width: 100%;
	padding-left: 16px;
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom: 2px solid;		/* adds bottom border */
	white-space:nowrap;
	border-bottom-color: #963;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: #963;
	background-color: #F9F7EC;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url("images/arrow.gif");
	background-position: right center;
	background-repeat: no-repeat
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: #603;
	background-color: #F9F7EC;           /* Background colour of popout menu with mouse over!!! */
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 10.5em;				             /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	padding-left: 10px; /* */
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 10em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}