﻿/* dropdown css menu */
#wrapper {
	width: 750px;
	margin: 0px auto 0 auto;
	text-align: left;
	background: #fff;
}

.Tmenu2 {
	float:left; 
	/*width:500px; */
	font-family: arial, helvetica, sans-serif; 
	font-size:12px; 
	/*border-top:1px solid #c00;*/
	position:relative;
	background:transparent;
}
.Tmenu2 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.Tmenu2 ul li {
	float:left; 
	position:relative;
	background:transparent;
	text-align:left;
}

.Tmenu2 ul li a, .Tmenu2 ul li a:visited {
	font-weight:bold;
	float:left; 
	display:block; 
	text-decoration:none; 
	color:#fff; 
	padding:0px 0px; 
	line-height:22px; 
	height:24px; /* height of initial nav bar */
	padding-left:10px;  /* these two lines */
	width:90px;         /* add up to 100px */
}

.Tmenu2 ul li a.Tmenu2two, .Tmenu2 ul li a:visited.Tmenu2two {
	font-weight:bold;
	float:left; 
	display:block; 
	text-decoration:none; 
	color:#fc0; /*#d0d0c0; dfdfce #fff; */
	padding:0px 0px; 
	line-height:22px; 
	height:24px; /* height of initial nav bar */
	padding-left:30px;  /* these two lines */
	width:70px;         /* add up to 100px */
}

.Tmenu2 ul li a:hover.Tmenu2two {
	color:#c00; /*#d0d0c0; dfdfce #fff; */
}

.Tmenu2 ul li:hover {width:auto;}

.Tmenu2 ul li a:hover {
	background:#eee url(/askit/images/topnav/menu2.gif); 
	background:transparent;
	color:#c00;
}

.Tmenu2 ul li:hover a {
	background:#eee url(/askit/images/topnav/menu2.gif); 
	background:transparent;
	color:#c00;
}

.Tmenu2 ul li ul {
	display: none;
}

.Tmenu2 table {
	margin: 0;
	border-collapse: collapse;
	font-size: 11px;
	position: absolute;
	top: 0;
	left: 0;
}
/* specific to non IE browsers ----------------------------------*/
.Tmenu2 ul li:hover ul {
	display: block;
	position: absolute;
	top: 23px; /* where dropdowns start vertically */;
	background: #eee;
	margin-top: 1px;
	left: 0;
	width: 100px;
}
.Tmenu2 ul li:hover ul li ul {
	display: none;
}
.Tmenu2 ul li:hover ul li a {
	font-weight: normal;
	display: block;
	background: #888; /*#8b8885; /*#939179;  /*#C1904b; #666; #888579; #949183; #8D98A7;*/	
	color: #fff;
	height: auto;
	line-height: 10px;
	padding: 4px 10px;
	width: 80px;
	background: #666;
}
/*.Tmenu2 ul li ul li {
	border-bottom: 1px dotted #c0c0c0;
}*/
.Tmenu2 ul li:hover ul li a.dept {
	font-size:11px;
	font-weight: normal;
	display: block;
	background: #888; 	
	color: #fff;
	height: auto;
	line-height: 10px;
	padding: 4px 10px;
	width: 100px;
	background: #666;
	border-bottom: 1px dotted #c0c0c0;
}
.Tmenu2 ul li:hover ul li a:hover.dept {
	color: #f00;
	background: #eee;
	width: 100px;
}
.Tmenu2 ul li:hover ul li a.drop {
	background: #888;
}
.Tmenu2 ul li:hover ul li a:hover.drop {
	background: #888;
	color: #f90;
}
.Tmenu2 ul li:hover ul li a:hover {
	color: #f00;
	background: #eee;
	/*width:80px;*/
}
.Tmenu2 ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	top: -70px; /* vertical postion of sub dropdowns */;
	color: #000;
	left: 100px;
	height: 138px;
	width: 100px;
	overflow: auto;
	background: #888;
}
.Tmenu2 ul li:hover ul li:hover ul li a {
	background: #888;
}
.Tmenu2 ul li:hover ul li:hover ul li.group {
	width: 100px;
	padding: 5px 0;
}
.Tmenu2 ul li:hover ul li:hover ul.left {
	left: -100px;
}
.Tmenu2 ul li:hover ul li:hover ul li a:hover {
	background: #666;
	color: #0ff;
}
/* specific to IE5.5 and IE6 browsers --------------------------------*/
.Tmenu2 ul li a:hover ul {
	display: block;
	position: absolute;
	top: 23px; /* where dropdowns start vertically */;
	background: #888; /*#8b8885; /*#939179; /*#C1904b; #666; #888579; #949183; #8D98A7;*/	
	left: 0; /*margin-top:1px;*/;
	text-decoration: none;
}
.Tmenu2 ul li a:hover ul.endstop {
	left: -80px;
}
.Tmenu2 ul li a:hover ul li a {
	font-weight: normal;
	display: block;
	color: #fff; /*height:1px; removing this corrects a problem with css dropdowns in IE8 */;
	line-height: 10px;
	padding: 4px 10px;
	width: 80px;
	text-decoration: none;
}
.Tmenu2 ul li a:hover ul li a.dept {
	font-weight: normal;
	display: block;
	color: #fff; /*height:1px; removing this corrects a problem with css dropdowns in IE8 */;
	line-height: 10px;
	padding: 4px 10px;
	width: 100px;
	background: #666; /*#939179;/*#C1904b; #666; #888579; #949183; #8D98A7;*/
	text-decoration: none;
	border-bottom: 1px dotted #c0c0c0;
}
.Tmenu2 ul li a:hover ul li a.drop {
	background: #666;
	padding-bottom: 5px;
}
.Tmenu2 ul li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}
.Tmenu2 ul li a:hover ul li a:hover {
	color: #f00;
	background: #eee;
	/*width:80px;*/	
	text-decoration: none;
}
.Tmenu2 ul li a:hover ul li a:hover.dept {
	color: #f00;
	background: #eee;
	/*width:100px;*/	
	text-decoration: none;
}
.Tmenu2 ul li a:hover ul li a:hover.drop {
	background: #666;
	color: #f90;
}
.Tmenu2 ul li a:hover ul li a:hover ul {
	visibility: visible;
	position: absolute;
	top: -69px; /*t\op:-70px; */;
	color: #000;
	left: 152px;
	height: 138px;
	width: 170px;
	overflow: auto;
	background: #888;
}
.Tmenu2 ul li a:hover ul li a:hover ul.left {
	left: -170px;
}
.Tmenu2 ul li a:hover ul li a:hover ul li a:hover {
	background: #666;
	color: #0ff;
}
.left {
	clear: both;
}


/* menu settings for icon horiz nav row */

.menu1 {
	float:left; 
	margin-left:30px;
	width:600px;
	font-family: arial, helvetica, sans-serif; 
	font-size:11px; 
}

.menu1 ul {
	padding-top:4px;
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.menu1 ul li {
	float:left; 
	display:block;
	/*padding-left:0px;   these two lines */
	width:120px;         /* add up to 100px */
/*	line-height:22px; 
	position:relative;
	height:24px;  height of initial nav bar */
/*	padding-top:1px; */
/*	border-bottom:1px dotted #c0c0c0;*/
}
.menu1 ul li a:link{
	color:#999;
}
.menu1 ul li a:visited{
	color:#999;
}
.menu1 ul li a:hover{
	color:#f00;
}