<style type="text/css">
	h2 {
	
	}
	
	h1 {
		font-size: 300%;
		color: #336aa7;
	}
	
	table {
		background-color: #eeeeee;
 		border: 2px solid #aaaaaa;
	}
	
	body {
		color:#336aa7;
		font-family:arial;
		text-align: center;
		background-color: #ffffff;
		scrollbar-DarkShadow-Color:; 
		scrollbar-Track-Color:; 
		scrollbar-Face-Color:;
		scrollbar-Shadow-Color:;
		scrollbar-3dLight-Color:;
		scrollbar-Highlight-Color:;
		scrollbar-Arrow-Color:;
	}

	a {
		color:#999999;
		font-weight: bold;
		padding: 0 0 0 20px;
		text-decoration:none;
		font-size: 90%;
	}

	a:hover {
		color: #666666;
	}
	
	img {
		moz-opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	.mission1 {
		position: absolute;
		font-size: 80%;
		top: 170;
		left: 240;
		width: 250;
		height: 70;
  		background-color: #336aa7;
 		border: 1px solid black;
  		margin: 30px 50px;
  		z-index: 70;
		padding: 20 20 20 20px;
		color: #000000;
	}
	
	.announcement {
		position: absolute;
		padding: 20 20 20 20px;
		color: #336aa7;
		top: 170;
		right: 30;
		width: 400;
		height: 300;
  		background-color: #cccccc;
 		border: 2px solid #bbbbbb;
 		font-size: 12;
  		margin: 10px 10px;
	}
	
	a:hover span{
		display: block;
	   	position: absolute; 
	   	color: #336aa7;
	   	top: 380px; 
	   	left: 50; 
	   	width: 420px;
   		padding: 5px; 
   		margin: 10px; 
   		z-index: 100;
	   	font: 10px Verdana, sans-serif; 
	   	text-align: center;
	}

	p {
		padding: 20 20 20 20px;	
	}
	
	
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

	.glossymenu{
		position: relative;
		padding: 0 0 0 20px;
		margin: 0 0 0 0;
		background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
		height: 46px;
		list-style: none;
	}

	.glossymenu li{
		float:left;
	}

	.glossymenu li a{
		float: left;
		display: block;
		color:#000;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
		height: 46px;
		line-height: 46px;
		text-align: center;
		cursor: pointer;	
	}

	.glossymenu li a b{
		float: left;
		display: block;
		padding: 0 24px 0 8px; /*Padding of menu items*/
	}

	.glossymenu li.current a, .glossymenu li a:hover{
		color: #fff;
		background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
		background-position: left;
	}

	.glossymenu li.current a b, .glossymenu li a:hover b{
		color: #fff;
		background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
	}
	
	
</style>