a:hover {
	background-color:rgb(217,238,247);
	color:rgb(100,100,255);
}

/*  motivated by examples from http://webdesignerwall.com/tutorials/css3-gradient-buttons  */ 

.button { 
	color: rgb(0,0,0);
	display: inline-block; 
	outline: none; 
	cursor: pointer;
	text-align: left; 
                 left:-0px;
	text-decoration-color: #fffffff; 
	text-decoration: none;     
	font: 14px/100% Arial, Helvetica, sans-serif; 
	padding: .5em 2em .55em; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
                 width: 120px;
}

.button:hover { 
	text-decoration: none;
}
.button:active { 
	position: relative; top: 1px;
}
.blue {
	border: solid 4px rgb(213,231,247);
	border: solid 4px
                 background: #BACCE2 ; /* #5d92b3;    using colors picked for earlier design  */
	background: -webkit-gradient(linear, left top, left bottom, from(#BACCE2 /*#5daadd*/), to(#BACCE2 /*#5d8899*/));
	background: -moz-linear-gradient(top,  #BACCE2, #BACCE2 /*#5daadd,  #5d8899*/);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BACCE2' /* '#5daadd' */, endColorstr='#BACCE2'  /*#5d8899*/);
	width: 120px;
}

.blue:hover {
                 text-decoration-color: #000000; 
	background: #ffffff; /* 007ead */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff  /*#0095cc*/), to(#ffffff /*#00678e*/));
	background: -moz-linear-gradient(top,  #ffffff, #ffffff  /*#0095cc,  #00678e  */);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff' /*'#0095cc'*/, endColorstr='#ffffff'  /*'#00678e'*/); */
}
.blue:active {
/*	border: solid 4px rgb(213,231,247);  */
                 border: solid 4px #CEF6E0;
	color: #5d92b3;
/*	color: rgb(213,231,247); */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#cefff2), to(#cef6dd));
	background: -moz-linear-gradient(top,  #cefff2,  #cef6dd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cefff2', endColorstr='#cef6dd');  */
	width: 120px;

}

/*     end motivated by ................*/

/*   sub button for main menu  */

.button .blue .wrap {
      text-align: right; 
      width: 240px;
      z-index: 10;       
}

#wrap ul {
      margin: 0;
      padding: 5;
      list-style-type: none;
}

#wrap ul ul{
      display:none; 
      position:absolute;
      cursor: pointer;
      left:120px;
   }

#wrap ul li:hover ul {
      display: inline-block;
      text-decoration-color: #000000; 
}