<style type="text/css">

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 18;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.style1
{
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-size : 12;
}

a
{text-decoration: none;}

a.menuparent:link {color: white; text-decoration: none; } /* unvisited link */
a.menuparent:visited {color: white; text-decoration: none;} /* visited link */
a.menuparent:hover {color: red; text-decoration: none} /* the mouse "hovers" over the link */
a.menuparent:focus {color: green; text-decoration: none; background-color: yellow;} /* :active and :focus are different states; Only :focus should leave the link marked until the next click of the mouse (:focus is designed primary into keyboard navigation and form control elements; browsers are not obliged to support it with the A element) */
.title
{
height: 20px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

.submenu
{
border: 0px solid black;
background-image: "images/BG-BLUE.jpg";
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
}



.menu{
margin: 5px 0;
padding: 0;
width: 190px; /*width of menu*/
border: 1px solid  #9A9A9A;
border-bottom-width: 0;
}

.menu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.menu a.openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/glossyback.gif);
color: #D1423E;
}


.menu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.menu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.menu a.menuitem:hover{
background-image: url(images/glossyback.gif);
color:  #D1423E;
}


.menu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.menu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.menu div.submenu ul li{
border-bottom: 1px solid #0060AF; /*Blue line between submenus*/
}

.menu div.submenu ul li a{
display: block;
font: normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.menu div.submenu ul li a:hover{
background: #a9a9a9;
colorz: #E1E1E1;
}

.menu a.openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/glossyback.gif);
color: #D1423E;
}

/* bottom menu style*/
.hovermenu ul{
margin: 3px 0;
padding: 0;  
border: 0px solid white;
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
background: black url(images/glossybackbottom.gif) repeat-x bottom left;
font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
text-align:center;
padding: 0px 1;
padding-right: 10px;
padding-left: 10px;


}

.hovermenu ul li a:hover{
background: black url(images/glossybackbottom.gif) repeat-x bottom left;
font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #D1423E;
}


/* top menu style*/
.topmenu ul
{
margin: 1px 0;
padding: 0;

font-size: 1px;


}

.topmenu ul li{

list-style: none;
display: inline;

}

.topmenu ul li a{
background: black url(images/glossybackbottom.gif) ;

font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 1px 0;
padding-right: 40px;
padding-left: 40px;
border: 1px solid #a9a9a9;


}

.topmenu ul li a:hover{
background: black url(images/glossybackbottom.gif) repeat-x bottom left;
font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #D1423E;
}

.rightmenu{
width: 180px; /*width of accordion menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.rightmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:Normal 12px "Arial";
color: #004181; 
background: white repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/

padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
display: block;
text-decoration: none;
}
.RIGHTMENU A.menuheader:HOVER
{
font:Normal 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:  #D1423E; #004181;
}
.rightmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/

}

.rightmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.rightmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.rightmenu ul li a{
font:Normal 10px "Arial";
color: #A70303;
background:   no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
font-size: 12px;
}

.rightmenu ul li a:visited{
color: #A70303;
}

.rightmenu ul li a:hover{ /*hover state CSS*/
color:  #A70303;
background-color: #004181;#0060AF; #F3F3F3;
}


.indented
   {
   padding-left: 30pt;
   padding-right: 30pt;
   }



</style>