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


/* *********************************************
* This notice MUST stay intact for legal use.
* This script was created for FREE CSS Menus.
* Visit: www.freecssmenus.co.uk for more CSS.
* Also visit our Free online menu creator.
************************************************ */
/* credits: www.freecssmenus.co.uk */


/* small horizontal menu */
#hzmenu1 { margin:0;
padding:0;
margin-left:95px;
width:765px;
list-style-type:none;
border-left: 1px solid #808080;
border-top: 1px solid #808080;
height:22px;
background: url(../img/minus10.gif) repeat top left;
background-position: 0px -74px;
float:left
}
#hzmenu1 li { background: url(../img/minus10.gif) no-repeat top left;
background-position: 0px -1px;
width:116px;
height:22px;
float:left;
}
#hzmenu1 a em { font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
font-style:normal;
}
#hzmenu1 a { text-decoration:none;
color:#000;
position:absolute;
width:120px;
height:22px;
display:block;
}
#hzmenu1 a.hzmove { 
line-height:21px;
color:#293B8F;
text-indent:37px;
}
#hzmenu1 a:hover { 
width:100px;
height:22px;
z-index:500;
}
#hzmenu1 a:hover em { position:absolute;
overflow:hidden;
width:148px;
height:22px;
left:0px;
top:0px;
text-indent:37px;
color:#fff;
line-height:22px;
cursor:pointer;
}
#hzmenu1 a:hover.hzmove em { 
	background: url(../img/minus10.gif) no-repeat top left;
	background-position: 0px -38px;
}

#hzmenu1 a.active { 
	width:100px;
	height:22px;
	z-index:500;
}
#hzmenu1 a.active em { 
	position:absolute;
	overflow:hidden;
	width:148px;
	height:22px;
	left:0px;
	top:0px;
	text-indent:37px;
	color:#fff;
	line-height:22px;
	cursor:pointer;
}
#hzmenu1 a.active.hzmove em { 
	background: url(../img/minus10.gif) no-repeat top left;
	background-position: 0px -38px;
}


/* -60px */
 #hzmenu1 li.small { width: 66px }
 #hzmenu1 li.small a { width: 70px }
 #hzmenu1 li.small a:hover { width: 50px }
 #hzmenu1 li.small a:hover em { width: 98px; background:url(../img/minus60.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.small a.active { width: 50px }
 #hzmenu1 li.small a.active em { width: 98px; background:url(../img/minus60.gif) no-repeat top left;
background-position: 0px -38px; }


/* -30px */
 #hzmenu1 li.med { width: 96px }
 #hzmenu1 li.med a { width: 100px }
 #hzmenu1 li.med a:hover { width: 80px }
 #hzmenu1 li.med a:hover em { width: 128px; background:url(../img/minus30.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.med a.active { width: 80px }
 #hzmenu1 li.med a.active em { width: 128px; background:url(../img/minus30.gif) no-repeat top left;
background-position: 0px -38px; }

/* +20px */
 #hzmenu1 li.mid { width: 136px }
 #hzmenu1 li.mid a { width: 150px }
 #hzmenu1 li.mid a:hover { width: 120px }
 #hzmenu1 li.mid a:hover em { width: 168px; background:url(../img/plus20.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.mid a.active { width: 120px }
 #hzmenu1 li.mid a.active em { width: 168px; background:url(../img/plus20.gif) no-repeat top left;
background-position: 0px -38px; }

/* +50px */
 #hzmenu1 li.big { width: 186px }
 #hzmenu1 li.big a { width: 200px }
 #hzmenu1 li.big a:hover { width: 170px }
 #hzmenu1 li.big a:hover em { width: 218px; background:url(../img/plus40.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.big a.active { width: 170px }
 #hzmenu1 li.big a.active em { width: 218px; background:url(../img/plus40.gif) no-repeat top left;
background-position: 0px -38px; }

/* Right End */
 #hzmenu1 li.rend a:hover em { background:url(../img/minus30end.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.rend a.active em { background:url(../img/minus30end.gif) no-repeat top left;
background-position: 0px -38px; }

/* Left End */
 #hzmenu1 li.lend a:hover em { background:url(../img/minus60end.gif) no-repeat top left;
background-position: 0px -38px; }
 #hzmenu1 li.lend a.active em { background:url(../img/minus60end.gif) no-repeat top left;
background-position: 0px -38px; }

#hzmenu1 li.lend { background: url(../img/minus60end.gif) no-repeat top left;
background-position: 0px -1px;
}

 #hzmenu1 li.small.lend { width: 46px }
 #hzmenu1 li.small.lend a { width: 50px;text-indent:15px; }
 #hzmenu1 li.small.lend a:hover { width: 30px }
 #hzmenu1 li.small.lend a:hover em { width: 78px; background-position: 0px -38px;text-indent:15px; }
 #hzmenu1 li.small.lend a.active { width: 30px }
 #hzmenu1 li.small.lend a.active em { width: 78px; background-position: 0px -38px;text-indent:15px;}

