@charset "utf-8";
/* CSS Document */

/* style the outer div to give it width */
/* remove all the bullets, borders and padding from the default list styling */
#top-nav  ul.menu-level1 {padding:0;margin:0;list-style-type:none; height:33px; background:transparent; font:bold 14px Verdana, Arial, Geneva, sans-serif}


.menu-level1 {
overflow:visible; /* wrap floats */
min-height:33px; /* trips haslayout, wrap floats IE */
xlist-style:none;
xfont-size:1.2em;
xfont-weight:bold;
xline-height:1.0em;
}

.menu-level1 li.l1-li {
display:inline;
}

.menu-level1 li.l1-li a {
  float:left;
  position:relative;
  padding-left:15px;
  padding-right:10px;
  margin-right:6px; /* adjust space between tabs ... */ 
  font:bold 14px Verdana, Geneva, sans-serif;
  text-decoration:none;
  color:#ffffff;
  background:transparent url(../images/topmenu-hover.gif) 0 -100px no-repeat;
  text-align:center;
  height:33px;
  line-height:30px;
   }

.menu-level1 li.l1-li a span {
  position:absolute;
  top:0;
  left:100%;
  width:8px;
  height:33px;
  background:transparent url(../images/topmenu-hover.gif) 100px 0 no-repeat;
  }

.menu-level1 li.current a {
  color:#023f88;
  background-position:0 0px;
   }

.menu-level1 li.current a span {
  background-position:-193px 0px;
  }

.menu-level1 li.l1-li a:active,
.menu-level1 li.l1-li a:hover {
  color:#023f88;
  background-position:0 0px;
   }

.menu-level1 li.l1-li a:active span,
.menu-level1 li.l1-li a:hover span {
	xbackground-color:#F00;
  background-position:-193px 0px;
  }



/* style the sub-level lists */
#top-nav  ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#top-nav  ul li {float:left;height:33px;line-height:1em; display:block; z-index:1000;}

/* style the sub level list items */
#top-nav  ul ul li {
	display:block; 
	xwidth:12em; 
	height:auto; 
	xline-height:1em; 
	xborder:1px #000000 solid; 
	z-index:1000;

	}

/* style the links for the top level */

/*
#top-nav  a, #top-nav  a:visited {
	display:block;
	float:left;
	height:100%; 
	xwidth:7em; 
	font-size:1em;
	text-decoration:none;
	color:#000;
	background:#949e7c url(top_grad.gif) center center; 
	padding:0 3em 0 1em; 
	xborder-left:1px solid #eee; 
	xborder-right:1px solid #000;
	}
	
	*/
	
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html #top-nav  a, * html #top-nav  a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
#top-nav  ul.menu-level1 ul.menu-level2 a, #top-nav  ul.menu-level1 ul.menu-level2 a:visited {
	display:block;
	background:transparent url(../images/topmenu-sub.gif) no-repeat 0 -27px; 
	color:#000;
	width:12em;
	height:100%;
	line-height:1em; 
	padding:0.5em 1em; 
	xborder-bottom:1px solid #7aa;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	}
#top-nav  ul.menu-level1 ul.menu-level2 a span {
  position:absolute;
  top:0;
  left:100%;
  width:8px;
  height:100%;
  background:transparent url(../images/topmenu-sub.gif) -244px -27px no-repeat;
  }
  
  
#top-nav  ul.menu-level1 ul.menu-level2 a:active,
#top-nav  ul.menu-level1 ul.menu-level2 a:hover {
  color:#023f88;
  background-position:0 0px;
   }

#top-nav  ul.menu-level1 ul.menu-level2 a:active span,
#top-nav  uul.menu-level1 ul.menu-level2 a:hover span {
	xbackground-color:#F00;
  background-position:-244px 0px;
  }


  
  
  

* html #top-nav  ul ul a, * html #top-nav  ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
#top-nav  table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
#top-nav  ul ul ul a, #top-nav  ul ul ul a:visited {background:#b4be9c url(sub_grad.gif);}
/* style the fourth level background */
#top-nav  ul ul ul ul a, #top-nav  ul ul ul ul a:visited {background:#c4ceac url(sub_grad.gif);}
/* style the sub level 1 background */
#top-nav  ul :hover a.sub1 {background:#447b7b;}
/* style the sub level 2 background */
#top-nav  ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html #top-nav ul.menu-level1 a:hover {color:#ff0;background:#d4d8bd url(../images/topmenu-hover.gif) 0 0; position:relative; z-index:100;}
#top-nav ul.menu-level1  li:hover {position:relative;}
#top-nav ul.menu-level1  :hover > a {color:#023f88;background:#d4d8bd url(../images/topmenu-hover.gif) 0 0;}
#top-nav ul.menu-level1  :hover > a span {   position:absolute;
  top:0;
  left:100%;
  width:8px;
  height:33px;
  background:transparent url(../images/topmenu-hover.gif) -193px 0 no-repeat;}
/* second */
* html #top-nav  ul.menu-level1 ul.menu-level2 a:hover{color:#000000;background:#7aa; position:relative; z-index:110;}
#top-nav  ul.menu-level1 ul.menu-level2 li:hover {position:relative;}
#top-nav  ul.menu-level1 ul.menu-level2 :hover > a {  color:#000000; background-position:0 0px;}
#top-nav  ul.menu-level1 ul.menu-level2 :hover > a span {    background-position:-244px 0px;}

/* third */ 
* html #top-nav  ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
#top-nav  ul ul ul :hover > a {background:#7aa;}
/* fourth */
#top-nav  ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#top-nav  ul ul {visibility:hidden;position:absolute;height:0;top:33px; left:0; width:14em;}

/* position the third level flyout menu */
#top-nav  ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
#top-nav  ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
#top-nav  ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#top-nav  ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#top-nav  ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
#top-nav  ul :hover ul :hover ul :hover ul {visibility:visible;}







/* -----------------  Footer list ------------------------*/

#center-col ul#footerlist
{
list-style: none;
padding: 0;
margin: 0;
}
#center-col ul#footerlist a {
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#023f88;

	
}

#center-col ul#footerlist li
{
display: inline;
padding: 0px 5px 0px 5px;
margin:0;
border-right:1px #023f88 solid;
background:none;
}
#center-col ul#footerlist li.last
{ border:none;
}
x#footerlist li:before { content: "| "; 	 margin:0px 5px; }
x#footerlist li:first-child:before { content: ""; margin-left:0px; }

/*IE workaround*/
/*All IE browsers*/
* html #footerlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footerlist { height: 1%; }

* html #footerlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #footerlist li:first-child { border-left: 0; }