.QPEM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.welcome, .announcement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.rt-nav a, .rt-nav a:link, .rt-nav a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
	padding:3em 10px 35px 10px;
	height:35px;
	vertical-align:middle;
}
.rt-nav a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#FF6600;
	text-decoration: none;

}


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #FF6600;
}
.footer
{
	margin: 12em 12em 12em 12em;
}
.copyright2
{
		  color: #FFFFFF;
		  font-size: 10px;
		  font-family: tahoma, sans-serif;		  
}

/* For drop-down navigation menu */

.spaced a, .spaced a:link, .spaced a:hover, .spaced a:visited
{
	background-image: url(../images/nav_bkgd.jpg);
	text-decoration: none;
	color:#000000;
	padding:0px 1px 1px 1px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.hovermenu {
background-image:url(../images/nav_bkgd.jpg);
font-size:10px;
text-align:center;
}

/* remove all the bullets, borders and padding from the default list 
styling */
.hovermenu ul {
padding:0;
margin:0;
list-style-type:none; 
height:3em; 
text-align:center;
background:#FFFFFF; 
background-image:url(../images/nav_bkgd.jpg);}

/* style the sub-level lists */
.hovermenu ul ul {width:10px; }

/* float the top list items to make it horizontal and a relative positon 
so that you can control the dropdown menu positon */
.hovermenu ul li {float:left;height:3em;line-height:3em;}

/* style the sub level list items */
.hovermenu ul ul li 
{display:block;width:14em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.hovermenu a, .hovermenu a:visited {
	display:block;
	float:left;
	font-size:11px;
	color:#FF6600;
	text-decoration:underline;
	padding:0 5px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/nav_bkgd.jpg);
}

/* style the sub level links */
.hovermenu ul ul a, .hovermenu ul ul a:visited 
{
	display:block;
	background:#f2f2f2; 
	color:#FF6600;
	width:10.75em;
	line-height:1em; 
	padding:0.5em 1em;
	text-decoration:none;
}



* html .hovermenu ul ul a, * html .hovermenu ul ul a:visited  {width:14em; 
w\idth:14em;}

/* style the table so that it takes no part in the layout - required for 
IE to work */
.hovermenu table {position:absolute; left:0; top:0; font-size:1em; 
z-index:-1; }

/* style the third level background */
.hovermenu ul ul ul a, .hovermenu ul ul ul a:visited {background:#F2F2F2;}
/* style the fourth level background */
.hovermenu ul ul ul ul a, .hovermenu ul ul ul ul a:visited 
{background:#F2F2F2; text-decoration:none;}

/* style the sub level 1 background */
.hovermenu ul :hover a.sub1 
{background:#FF6600;text-decoration:none;}
/* style the sub level 2 background */
.hovermenu ul ul :hover a.sub2 
{background:#FF6600;text-decoration:none;}

/* style the level hovers */
/* first */
* html .hovermenu a:hover {color:#FFFFFF;background:#FF6600; 
position:relative; text-decoration:underline;z-index:100;}
.hovermenu li:hover {position:relative;}
.hovermenu :hover > a 
{color:#FFFFFF;background:#FF6600;text-decoration:underline;}
/* second */
* html .hovermenu ul ul a:hover{color:#FFFFFF;background:#FF6600; 
position:relative; text-decoration:underline; z-index:110;}
.hovermenu ul ul li:hover {position:relative;}
.hovermenu ul ul :hover > a {color:#FFFFFF;background:#ff6600; text-decoration:underline;}
/* third */
* html .hovermenu ul ul ul a:hover {color:#FFFFFF; background:#FF6600; position:relative; 
z-index:120;}
.hovermenu ul ul ul :hover > a {color:#FFFFFF; background:#FF6600;}
/* fourth */
.hovermenu ul ul ul ul a:hover {background:#FFFFFF; position:relative; 
z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take 
up no room */
.hovermenu ul ul 
{visibility:hidden;position:absolute;height:0;top:2.5em;left:0;width:14em;}

/* position the third level flyout menu */
.hovermenu ul ul ul{left:14em;top:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
.hovermenu ul li:hover ul, .hovermenu ul a:hover ul {visibility:visible; 
height:auto; padding-bottom:3em; background:transparent 
url(/images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link 
*/
.hovermenu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR 
link */
.hovermenu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR 
link */
.hovermenu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR 
link */
.hovermenu ul :hover ul :hover ul :hover ul {visibility:visible;}
