html{
  height:100%;
}
/*html Gradient Background*/
body{
  background-color:#440951;
  background-image: -moz-radial-gradient(center 45deg,circle cover, #b032cb, #440951);
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#b032cb), to(#440951));
  background-image: radial-gradient(center 45deg,circle cover, #b032cb, #440951);

  font-family: arial, helvetica, sans-serif;  
  line-height: 1.4em;  
 
}

A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}

/*Top Navigation Bar settings*/
.button {
   padding: 7px 8px 7px 8px;
   color: white;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   /*text-transform:uppercase;*/
   vertical-align: middle;
   }
.button:hover {
   background: #28597a;
   color: white;
   -moz-box-shadow: 0 0 5px #888;
   -webkit-box-shadow: 0 0 5px#888;
   box-shadow: 0 0 5px #888;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.bg1{  /*Top Navigation*/
   border-top: 0px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e779d, endColorstr=#65a9d7);
   padding: 7px 6px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

.bg2{
   border-top: 0px solid #c0c0c0;
   /*background: #3e779d;*/
   padding: 8px 0;
   /*
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   */
   color: #808080;
   font-size: 10px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

.button-sub {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin:1px;
	color: #808080;
	padding: 27px 29px;
	text-decoration: none;
	vertical-align: middle;
    background: #ebebeb;
	list-style-type:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px solid #ffffff;
}

.button-sub:hover {
   background: #333333;
   color: white;
   }
.button-sub:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
/*button-test = left sub-menu button*/
.button-test{
    width: 180px;  /*button's total width*/
    /*border-right: 1px solid #000;*/
	padding: 0;
	margin-top: 18px;
	font-family: Verdana;
	/*
	font-family: "Arial Unicode MS";
	*/
	/*background-color: #DFDFDF;*/
	font-size: 10pt;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}
.button-test ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
.button-test li {
		border-bottom: 5px solid white; /*seprator between buttons*/
		margin: 0;
		}

.button-test li a {
		display: block;
		padding: 10px 0px 10px 0px;
		background-color: #EAEAEA;
		color: #333333;
		border: thin solid #ccc;
		/*border: thick solid #99CCFF;*/
		text-decoration: none;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 150px; /* (button's total width) - (button left padding) = 175px */
		padding-left: 10px; /* button left padding */
		}
		
html>body #button li a {
		width: 100%;
		}
		
.button-test li a:hover {
		/*background-color: #C6E2FF;    initial color   B18CFF*/
		/*background-color: #B98BFF;*/
		/*
		background-color: #C48189;
		color: white;
		*/
		border: thin solid #888;
		   -moz-box-shadow: 0 0 5px #888;
   -webkit-box-shadow: 0 0 5px#888;
   box-shadow: 0 0 5px #888;

		}
/*
.button-test li a:active{
		color: white;
}
*/

h2 {
				color: #333;
				font-size: 15pt;
				/*border-bottom: thin dotted gray;*/
}