@charset "utf-8";
/* CSS Document */

:focus {
  -moz-outline-style:none;
}

/* root element for tabs  */
.tabsmenuclass ul { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
.tabsmenuclass li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	margin-left:-30px;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabsmenuclass a{ 
/*	background: url(/homepage/homepageimages/managebuttons/blue.png) no-repeat -420px 0;*/
	background: url(/homepage/homepageimages/managebuttons/blue.png) no-repeat -553px 0;
  	/*font-size:11px;*/
  	font-size:.8em;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	/*width: 134px;*/
	width: 81px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
/* get rid of those system borders being generated for A tags */
.tabsmenuclass a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabsmenuclass a:hover {
	/*background-position: -420px -31px;	*/
	background-position: -553px -31px;
	color:#fff;	
}

/* active tab uses a class name "selected". its highlight is also done by moving the background image. */
.tabsmenuclass a.selected {
/*	background-position: -420px -62px;		*/
	background-position: -553px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* active tab uses a class name "selected". its highlight is also done by moving the background image. */
.tabsmenuclass a.selected:hover {
/*	background-position: -420px -62px;		*/
	background-position: -553px -62px;		
	cursor:default !important; 
	color:#000 !important;
}
/* active tab uses a class name "selected". its highlight is also done by moving the background image. */

.tabsmenuclass li.selected a {
/*	background-position: -420px -62px;		*/
	background-position: -553px -62px;		
	cursor:default !important; 
	color:#000 !important;
}


/* initially all panes are hidden 
.panes .pane {
	display:none;		
}*/ 

.tabsmenucontentclass div {
	display:none;		
	/*padding:15px 10px;*/
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
	border:1px solid #999;
	border-top:0;
	height:175px;
	font-size:.9em;
	line-height: 1.3em;
	background-color:#fff;
}
/* 
.How{
	background-image:url(/homepage/homepageimages/servicetabs/how2.png);background-repeat: no-repeat;height: 200px;
	
}
.GetInvolved{
	background-image:url(/homepage/homepageimages/servicetabs/how.png);background-repeat: no-repeat;height: 200px;
}
.Education{
	background-image:url(/homepage/homepageimages/servicetabs/education.png);background-repeat: no-repeat;height: 200px;
	}
.Research{
	background-image:url(/homepage/homepageimages/servicetabs/research.png);background-repeat: no-repeat;height: 200px;
}*/