﻿/* ================================================================ 
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/drop_examples.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/*Topnav Style Sheet*/
#topnavbar {
	position: absolute;
	top:97px;
	width: 100%;
	height: 30px;
	min-width: 900px;
	background:#aaa url('../images/navbak.jpg') repeat-x center;
	/*border-bottom: 3px solid #aaa;*/
}

.menu2 {
	/*float:left;*/ 
	width:640px; 
	font-family: verdana, arial, sans-serif;
	font-weight:bold;  
	font-size:11px; 
	background:#aaa url('../images/navbak.jpg') repeat-x center; 
	margin:0 0 0 182px;   
}
.menu2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu2 ul li {
	float:left; 
	position:relative;
}
/* 2nd level drop downs of the group class*/
.menu2 ul li.group {
	display:block; 
	text-indent:10px; 
	/*background:#666;*/
	background:#aaa url('../images/navbak1.jpg') repeat;
	font-size:11px; 
	color:#ff0; 
	width:152px;
	padding:4px 0;
}

/* main level */
.menu2 ul li a, .menu2 ul li a:visited {
	float:left; 
	display:block; 
	text-decoration:none;
	font-size:11px; 
	color:#000066; 
	padding:0px 16px; 
	line-height:25px; 
	height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {
	background:#aaa url('../images/navhover.jpg') repeat-x center;  
	color:#0000ff;
}

/* main level hover*/
.menu2 ul li:hover a {
	background:#aaa url('../images/navhover.jpg') repeat-x center;  
	color:#0000ff;
}

.menu2 ul li ul {
	display: none;
}
.menu2 table {
	margin:0; 
	border-collapse:collapse; 
	font-size:11px; 
	position:absolute; 
	top:0; 
	left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
	display:block; 
	position:absolute;
	top:29px; 
	background:#fff;
	margin-top:1px; 
	left:0; 
	width:152px;

}

.menu2 ul li:hover ul.scroller {
	height:138px; 
	/*width:172px;*/ 
width:193px;
	overflow:auto;
}

.menu2 ul li:hover ul.endstop {
	left:-44px;
}
.menu2 ul li:hover ul li ul {
	display: none;
}

/* 1st level drop links style */
.menu2 ul li:hover ul li a {
	display:block; 
	/*background:#aaa; 
	color:#fff;*/
	background:#aaa url('../images/navbak1.jpg') repeat;
	color:#000066;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	height:auto;
	line-height:15px;
	padding:4px 16px;
	/*width:120px;*/
	width:141px;
}


/* 1st level drop links of the drop class */
.menu2 ul li:hover ul li a.drop {
	/*background:#888;*/
	/*background:#aaa url('../images/navbak1.jpg') repeat;*/
}

/* 1st level drop links of the dropnaro class */
.menu2 ul li:hover ul li a.dropnaro {
	/*background:#888;*/
	/*background:#aaa url('../images/navbak1.jpg') repeat;*/
	width:90px;
}

/* 1st level drop hover style */
.menu2 ul li:hover ul li a:hover {
	/*color:#ff0; 
	background: #888;*/
	background:#aaa url('../images/navhover1.jpg') repeat;  
	color:#0000ff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;

}
/* 1st level drop of the drop class hover style */
.menu2 ul li:hover ul li a:hover.drop {
	/*background: #888;
	color:#ff0;*/
}
/* 2nd level drop*/
.menu2 ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	/*left:153px;*/ 
	left:174px;
	/*top:-70px;*/
	top:-1px; 
	/*color:#000;*/  
	height:138px; 
	width:193px; 
	overflow:auto; 
	/*background:#888;*/
	/*background:#aaa url('../images/navbak1.jpg') repeat;*/
	background:#fff;
}

/* 2nd level drop of the pos1n narrow class */
.menu2 ul li:hover ul li:hover ul.pos1n {
	left:123px;
}

/* 2nd level drop of the pos1en endstop narrow class */
.menu2 ul li:hover ul li:hover ul.pos1en {
	left:-174px;
	width:175px;
}

/* 2nd level drop of the pos2 class */
.menu2 ul li:hover ul li:hover ul.pos2 {
	top:-24px;
}

/* 2nd level drop of the pos2n narrowclass */
.menu2 ul li:hover ul li:hover ul.pos2n {
	top:-24px;
	left:123px;
}

/* 2nd level drop of the pos2en endstop narrowclass */
.menu2 ul li:hover ul li:hover ul.pos2en {
	top:-24px;
	left:-174px;
	width:175px;
}

/* 2nd level drop of the pos2w wide class */
.menu2 ul li:hover ul li:hover ul.pos2w {
	top:-24px;
	width:190px;
}

/* 2nd level drop of the pos3 class */
.menu2 ul li:hover ul li:hover ul.pos3 {
	top:-47px;
}

/* 2nd level drop of the pos3n narrow class */
.menu2 ul li:hover ul li:hover ul.pos3n {
	top:-47px;
	left:123px;
}

/* 2nd level drop of the pos3en endstop narrow class */
.menu2 ul li:hover ul li:hover ul.pos3en {
	top:-47px;
	left:-174px;
	width:175px;
}

/* 2nd level drop of the pos4 class */
.menu2 ul li:hover ul li:hover ul.pos4 {
	top:-70px;
}

/* 2nd level drop of the pos4n narrow class */
.menu2 ul li:hover ul li:hover ul.pos4n {
	top:-70px;
	left:123px;
}

/* 2nd level drop of the pos4en endstop narrow class */
.menu2 ul li:hover ul li:hover ul.pos4en {
	top:-70px;
	left:-174px;
	width:175px;
}

/* 2nd level drop of the pos5 class */
.menu2 ul li:hover ul li:hover ul.pos5 {
	top:-93px;
}

/* 2nd level drop of the pos6 class */
.menu2 ul li:hover ul li:hover ul.pos6 {
	top:-116px;
}

/* 2nd level drop links */
.menu2 ul li:hover ul li:hover ul li a {
	/*background:#888;*/
	background:#aaa url('../images/navbak1.jpg') repeat;
	/*width:143px;*/
}
/* 2nd level drop of the group class for sizing and padding */
.menu2 ul li:hover ul li:hover ul li.group {
	width:152px; 
	padding:5px 0;
}

/*uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu*/

/* 2nd level drop of the pos2w class */
.menu2 ul li:hover ul li:hover ul.pos2w {
	top:-24px;
	width:193px;
}

/* 2nd level drop links of the wide class  */
.menu2 ul li:hover ul li:hover ul li.wide a {
	width:142px; 
}
/*uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu*/

/* 2nd level drop links of the left class*/
.menu2 ul li:hover ul li:hover ul.left {
	left:-172px;
}

/* 2nd left drop links of the lpos3 class*/
.menu2 ul li:hover ul li:hover ul.lpos3 {
	left:-172px;
	top:-47px;
}


/* 2nd level drop hover style */
.menu2 ul li:hover ul li:hover ul li a:hover {
	/*background:#666;
	color:#0ff;*/
	background:#aaa url('../images/navhover1.jpg') repeat;  
	color:#0000ff;
}

/**************************************************************************************/

/* specific to IE5.5 and IE6 browsers */

.menu2 ul li a:hover ul {
	display:block;
	position:absolute;
	top:30px; 
	t\op:29px; 
	/*background:#aaa;*/
	/*background:#aaa url('../images/navbak1.jpg') repeat;*/
	left:0; 
	marg\in-top:1px;
	height:145px;
}

.menu2 ul li a:hover ul.scroller {
	height:138px; 
	overflow:auto;
}

.menu2 ul li a:hover ul.endstop {
	left: -45px;
}
/* 1st level drop style */
.menu2 ul li a:hover ul li a {
	display:block; 
	/*color:#fff;*/
	background:#aaa url('../images/navbak1.jpg') repeat; 
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	height:1px; 
	line-height:15px; 
	padding:4px 16px;
	/*width:152px;*/
	width:174px;
	w\idth:142px;
}
/* 1st level drop of the drop class */
.menu2 ul li a:hover ul li a.drop {
	/*background:#888;*/ 
	background:#aaa url('../images/navbak1.jpg') repeat;
	padding-bottom:5px;
}

/* 1st level drop of the dropnaro class */
.menu2 ul li a:hover ul li a.dropnaro {
	/*background:#888;*/ 
	/*background:#aaa url('../images/navbak1.jpg') repeat;*/
	/*padding-bottom:5px;*/
	width:123px;
	w\idth:91px;
}


.menu2 ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}
.menu2 ul li a:hover ul li a:hover {
	/*color:#ff0;*/ 
	/*background: #888;*/
	background:#aaa url('../images/navhover1.jpg') repeat;  
	color:#0000ff;
}
.menu2 ul li a:hover ul li a:hover.drop {
 	/*background: #888;*/ 
	/*color:#ff0;*/
	background:#aaa url('../images/navhover1.jpg') repeat;  
	color:#0000ff;
}
.menu2 ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:0px; 
	t\op:-1px; 
	color:#000; 
	/*left:152px; */
	left:175px;
	height:138px; 
	/*width:172px;*/
	width:193px;
	overflow:auto; 
	/*background:#888;*/
	background:#fff;
}

/* 2nd level drop of the pos1n narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos1n {
	left:124px;	
}

/* 2nd level drop of the pos1en endstop narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos1en {
	left:-175px;
	width:176px;	
}

/* 2nd level drop of the pos2 class */
.menu2 ul li a:hover ul li a:hover ul.pos2 {
	top:-24px; 
	t\op:-25px;	
}

/* 2nd level drop of the pos2n narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos2n {
	top:-24px; 
	t\op:-25px;	
	left:124px;
}

/* 2nd level drop of the pos2en endstop narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos2en {
	top:-24px; 
	t\op:-25px;	
	left:-175px;
	width:176px;
}

/* 2nd level drop of the pos3 class */
.menu2 ul li a:hover ul li a:hover ul.pos3 {
	top:-48px; 
	t\op:-49px;	
}

/* 2nd level drop of the pos3n narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos3n {
	top:-48px; 
	t\op:-49px;
	left:124px;	
}

/* 2nd level drop of the pos3en endstop narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos3en {
	top:-48px; 
	t\op:-49px;
	left:-175px;
	width:176px;	
}

/* 2nd level drop of the pos4 class */
.menu2 ul li a:hover ul li a:hover ul.pos4 {
	top:-72px; 
	t\op:-73px;	
}

/* 2nd level drop of the pos4n narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos4n {
	top:-72px; 
	t\op:-73px;
	left:124px;	
}

/* 2nd level drop of the pos4en endstop narrow class */
.menu2 ul li a:hover ul li a:hover ul.pos4en {
	top:-72px; 
	t\op:-73px;
	left:-175px;
	width:176px;	
}

/* 2nd level drop of the pos5 class */
.menu2 ul li a:hover ul li a:hover ul.pos5 {
	top:-94px; 
	t\op:-95px;	
}

/* 2nd level drop of the pos6 class */
.menu2 ul li a:hover ul li a:hover ul.pos6 {
	top:-118px; 
	t\op:-119px;	
}


.menu2 ul li a:hover ul li a:hover ul.left {
	left:-170px;
}

.menu2 ul li a:hover ul li a:hover ul.lpos3 {
	left:-170px;
	top:-48px; 
	t\op:-49px;	
}


.menu2 ul li a:hover ul li a:hover ul li a:hover {
	/*background:#666;*/ 
	color:#ff0;
	background:#aaa url('../images/navhover1.jpg') repeat;  
	color:#0000ff;
}

/*uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu*/
/* 2nd level drop of the pos2w class */
.menu2 ul li a:hover ul li a:hover ul.pos2w {
	top:-24px; 
	t\op:-25px;	
	width:193px;
}
/* 2nd level drop of the pos2w class */
.menu2 ul li a:hover ul li a:hover ul li.wide a {
	top:-24px; 
	t\op:-25px;	
	width:142px;

}
/*uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu*/

.left {clear:both;}
