/* dropdown css menu */
#wrapper {
	width: 750px;
	margin: 0px auto 0 auto;
	text-align: left;
	background: #fff;
}

.menu2 {
	float:left; 
	width:500px; 
	font-family: arial, helvetica, sans-serif; 
	font-size:11px; 
	background:#e4be48; /*#f0b310;  #BE8D0C;#8b846d; #8b7c65; #939179; #626057; #858F9D */
	/*border-top:1px solid #c00;
	margin:0 0 20px 0;  for this demo only  */
	position:relative;
	background:#cdc5b5;
}
.menu2 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.menu2 ul li {
	float:left; 
	position:relative;
	background:#e4be48; /*#f0b310; #939179; #626057; #8D98A7;*/
	background:#cdc5b5;
	text-align:left;
}

.menu2 ul li a, .menu2 ul li a:visited {
	font-weight:bold;
	float:left; 
	display:block; 
	text-decoration:none; 
	color:#444; /*#d0d0c0; dfdfce #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 */
}

.menu2 ul li a.menu2two, .menu2 ul li a:visited.menu2two {
	font-weight:bold;
	float:left; 
	display:block; 
	text-decoration:none; 
	color:#c00; /*#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 */
}

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

.menu2 ul li a:hover {
	background:#eee url(/itsecure/images/topnav/menu2.gif); 
	background:#ddd5c3; /*#e4d093; */
	color:#c00;
}

.menu2 ul li:hover a {
	background:#eee url(/itsecure/images/topnav/menu2.gif); 
	background:#ddd5c3; /*#e4d093; */
	color:#c00;
}

.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: 23px; /* where dropdowns start vertically */;
	background: #eee;
	margin-top: 1px;
	left: 0;
	width: 100px;
}
.menu2 ul li:hover ul li ul {
	display: none;
}
.menu2 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;
}
.menu2 ul li ul li {
	border-bottom: 1px dotted #c0c0c0;
}
.menu2 ul li:hover ul li a.dept {
	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: 100px;
}
.menu2 ul li:hover ul li a:hover.dept {
	color: #f00;
	background: #eee;
	width: 100px;
}
.menu2 ul li:hover ul li a.drop {
	background: #888;
}
.menu2 ul li:hover ul li a:hover {
	color: #f00;
	background: #eee;
	/*width:80px;*/
}
.menu2 ul li:hover ul li a:hover.drop {
	background: #888;
	color: #f90;
}
.menu2 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;
}
.menu2 ul li:hover ul li:hover ul li a {
	background: #888;
}
.menu2 ul li:hover ul li:hover ul li.group {
	width: 100px;
	padding: 5px 0;
}
.menu2 ul li:hover ul li:hover ul.left {
	left: -100px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {
	background: #666;
	color: #0ff;
}
/* specific to IE5.5 and IE6 browsers --------------------------------*/
.menu2 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;
}
.menu2 ul li a:hover ul.endstop {
	left: -80px;
}
.menu2 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;
}
.menu2 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: #888; /*#939179;/*#C1904b; #666; #888579; #949183; #8D98A7;*/	
	text-decoration: none;
}
.menu2 ul li a:hover ul li a.drop {
	background: #888;
	padding-bottom: 5px;
}
.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: #f00;
	background: #eee;
	/*width:80px;*/	
	text-decoration: none;
}
.menu2 ul li a:hover ul li a:hover.dept {
	color: #f00;
	background: #eee;
/*width:100px;*/	text-decoration: none;
}
.menu2 ul li a:hover ul li a:hover.drop {
	background: #888;
	color: #f90;
}
.menu2 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;
}
.menu2 ul li a:hover ul li a:hover ul.left {
	left: -170px;
}
.menu2 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; 
	width:500px; 
	font-family: arial, helvetica, sans-serif; 
	font-size:11px; 
}

.menu1 ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.menu1 ul li {
	float:left; 
	text-align:left;
	position:relative;
	display:block;
	line-height:22px; 
	height:24px; /* height of initial nav bar */
	padding-left:10px;  /* these two lines */
	width:90px;         /* add up to 100px */
	/*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;
}