/*  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; 
	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: #5d92b3;   /* using colors picked for earlier design  */
	background: -webkit-gradient(linear, left top, left bottom, from(#5daadd), to(#5d8899));
	background: -moz-linear-gradient(top,  #5daadd,  #5d8899);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5daadd', endColorstr='#5d8899');
	width: 120px;
}

.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#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;

}

/*    for handling layout and position and action */

a:hover {
	background-color:rgb(217,238,247);
	color:rgb(100,100,255);
}
#menulist {
margin: 0;
padding: 0;
list-style-type: none;
}
#aboutus {
left:0px;
margin-left:0px;
padding:0px;
width:120px;
}