.leftmenudiv {
	position:relative;
	left:0px;
	top:286px;
	width:209px;
	height:586px;
	background-image:URL(image/MenuBG5.gif);
	background-repeat:repeat;
}
#leftmenudiv_examp {
	position:absolute;
	left:0px;
	top:117px;
	width:209px;
/*	height:586px; */	  /* height is set on each page */
	background-image:URL(image/MenuBG5.gif);
	background-repeat:repeat;
/*
border-width:1px;
border-style:solid;
border-color:black;
*/
}
#leftmenudiv_ipad {
	position:absolute;
	left:0px;
	top:117px;
	width:158px;
	height:410px;
	line-height:37px;
	padding-left:0px;
	padding-right:0px;
	background-image:URL(image/MenuBG5.gif);
	background-repeat:repeat;
}

.leftmenutable {
	position:relative;
/* offsets relative to the surrounding div: */
	top:0px;
	left:0px;
	width:209px;
	height:450px;
	font-family:Arial, Lucida Sans;
	font-size:14px;
/*	color:#000000; */
	padding-left:0px;
	padding-top:0px;
	text-indent:10px;
/*background:#CDCDC1; */
}
.leftmenutableipad {
	position:relative;
/* offsets relative to the surrounding div: */
	top:0px;
	left:0px;
	width:158px;
	height:150px;
	font-family:Arial, Lucida Sans;
	font-size:14px;
	padding-left:0px;
	padding-top:0px;
	text-indent:10px;
}

.leftmenutable_short {
	position:relative;
/* offsets relative to the surrounding div: */
	top:0px;
	left:0px;
	width:220px;
	height:48px;
	font-family:Arial, Lucida Sans;
	font-size:14px;
/*	color:#000000; */
	padding-left:10px;
	padding-top:0px;
/*background:#CDCDC1; */
}

.menudiv {
	position:relative;
	left:0px;
	top:286px;
	width:209px;
	height:370px; 
	background: #EAEAEA;			/* the underlying div */
}

.menu-item {
  background: #dcdcf4;		/* the subitem background color, that appears to the left of the indent */
  width: 209px;
/*height:25px;*/
/*  height: 110px;		*/
}

.menu-item h4 {
 height:21px;  /*controls height of the colored bar */
 border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  font-family:calibri,arial,lucida sans;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #2903a9; /* Old browsers */
/*  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);*/    /* FF3.6+ */
/*  background: -moz-linear-gradient(top, #8080f0 0%, #7070d0 44%, #6060b0 100%);*/ /* FF3.6+ */ 
  background: -moz-linear-gradient(top, #aaaaf8 0%, #a0a0e4 44%, #8080c4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaf8), color-stop(44%,#a0a0e4), color-stop(100%,#8080c4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #aaaaf8 0%,#a0a0e4 44%,#8080c4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #aaaaf8 0%,#a0a0e4 44%,#8080c4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #aaaaf8 0%,#a0a0e4 44%,#8080c4 100%); /* IE10+ */
  background: linear-gradient(top, #aaaaf8 0%,#a0a0e4 44%,#8080c4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaf8', endColorstr='#8080c4',GradientType=0 ); /* IE6-9 */
}
/* make the whole menu item block a link */
.menu-item h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 209px;
}
.menu-item h4:hover { 
  background: #7070FF; /* Old browsers */
/*  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%);*/ /* FF3.6+ */ 
  background: -moz-linear-gradient(top,  #9090ff 0%, #7070c0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9090ff), color-stop(100%,#7070c0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9090ff 0%,#7070c0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9090ff 0%,#7070c0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9090ff 0%,#7070c0 100%); /* IE10+ */
  background: linear-gradient(top,  #9090ff 0%,#7070c0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9090ff', endColorstr='#7070c0',GradientType=0 ); /* IE6-9 */
}

.hormenu2 {
	position:relative;
	left:0px;
	top:116px;
	width:939px;
	height:31px; 
	background: #b0b0b0;			/* the underlying div */
	padding:0px;
	margin:0px;
	z-index:5;
}

.coolMenu  {
    list-style: none;
	margin:0px;
	padding:0px;	/*aligns left edge of the menu bar with left edge of the menu div*/
	z-index: 15;
	float:left;
}
.coolMenu ul {
top:33px;
    list-style: none;
	margin:0px;
	padding:0px;	
    position: absolute;
    display: none;
}
.coolMenu > li {
    float: left;
}
.coolMenu li a {			/*the block in the menu bar that hilites*/
	display: block;
	height:31px;
    line-height: 2em;
/*    padding: 0 1.5em;*/
	padding-top:3px;		/*vertical positioning of the main bar text*/
	padding-left:10px;		/*text indent*/
    text-decoration: none;
	margin:0px;
	background:#bcbcbc;		/*main bar color*/
	color:blue;				/*text color*/
}
.coolMenu li a:hover {
	background:#d0d0d0;
}
.coolMenu li li {  
	margin:0px;
	padding:0px 0px 7px 0px;	/*top,right,bottom,left*/
/*	background:#ffbcbc; */
	height:24px;
}
.coolMenu li li a { 
	margin:0px;
/*padding:0px;*/
/*padding-bottom:5px;*/
/*line-height: 2.5em;*/
	padding-top:0px;
	font-size:16px;
	background:#bcbcbc;
	color:black;
}
.coolMenu li li a:hover {  
	font-size:16px;
	background:#d0d0d0;
	color:black;
}
.coolMenu li:hover ul {
    display: block;
}