/* CSS Document */
<!--
td {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
}
.bodyBG {
	background-color:	#eeeeee;

}
.menu_BG {
	background-color:	#999999;
}
a {
	text-decoration: 	none;
	color:				#707BA8;
}
a:hover {
	text-decoration: 	underline;
	color:				#222222;
}
a.footerlink {
	text-decoration: 	none;
	color:				#FFFFFF;
}
a.footerlink:hover {
	text-decoration: 	underline;
	color:				#EEEEEE;
}
li { 
	list-style-type:	square;
}
.footer {
	font-family: "Courier New", Courier, mono;
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #707BA8;
	padding:	4px;
}
.main_table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12px;
	border:	1px solid #999999;
}
.header {
	font-family:"Courier New", Courier, mono;
	font-size: 0.8em;
	font-weight:bold;
	color: #333666;
	padding: 10px;
}
.menu {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			1.2em;
	font-weight:		bold;
	color:				#707BA8;
	text-align: 		left;
	background-color:	#ffffff;
	border-left:		10px solid #BBEA16;
	border-bottom:		1px solid #DDDDDD;
}
.menu:hover {
	background-color:	#FFFFFF;
	color:				#222222;
	border-left:		10px solid #999999;	
}
.cellborder1 {
	border-right:		10px solid #BBEA16;
}
.main_body {
	padding: 20px;
	background-color: #FFFFFF;
}
.menuHome {
	border-top:			1px solid #00FF33;
	border-left:		1px solid #00FF33;
	border-right:		1px solid #00FF33;
	vertical-align:		top;
	padding:			10px;
	background-color: 	#FFFFFF;
}
.menuSites {
	border-top:			1px solid #00FF33;
	border-left:		1px solid #00FF33;
	border-right:		1px solid #00FF33;
	vertical-align:		top;
	padding:			10px;
	background-color: 	#FFFFFF;
}
.menuContact{
	border-top:			1px solid #00FF33;
	border-left:		1px solid #00FF33;
	border-right:		1px solid #00FF33;
	vertical-align:		top;
	padding:			10px;
	background-color: 	#FFFFFF;
}
.InactiveHead {
	border-bottom:		1px solid #00FF33;
	vertical-align:		top;
	padding:			10px;
	background-color:	#FFFFFF;
}
.activeBG {
	border-left:		1px solid #00FF33;
	border-bottom:		1px solid #00FF33;
	vertical-align:		top;
	padding:			10px;
	background-color: 	#FFFFFF;
}
.activeBG_left {
	border-left:		1px solid #00FF33;
	border-bottom:		1px solid #00FF33;
	vertical-align:		bottom;
	text-align:			right;
	padding:			0px;
	background-color: 	#FFFFFF;
}
.activeBG_right {
	border-right:		1px solid #00FF33;
	vertical-align:		bottom;
	text-align:			right;
	padding:			0px;
	background-color: 	#FFFFFF;
}
.activeBG_none {
	padding:			0px;
	background-color: 	#FFFFFF;
	background:   		url(images/BRchamfer.gif) no-repeat bottom right;
}
.logo {
	padding: 			10px;
}
.iframeScroll {
	background-color:	#CCCCCC;
}
.casestudyTop {
	vertical-align:		middle;
	text-align:			center;
	font-weight:		bold;
	background-color:	#CCCCCC;
}
.casestudyMain {
	vertical-align:		middle;
	text-align:			center;
	font-weight:		bold;
	background-color:	#CCCCCC;
}
.casestudyBody {
	padding:			4px;
	font-weight:		normal;
	text-align:			left;
	border:				1px solid #00FF33;
}
.casestudyTitle {
	font-weight:		bold;
	font-size:			1.0em;
}
.casestudyL {
	background-color:	#CCCCCC;
}
.casestudyR {
	background-color:	#CCCCCC;
}
.casestudyBottom {
	vertical-align:		middle;
	background-color:	#CCCCCC;
}
.portfolioTBL {
	border-left:		1px solid #999999;
	border-top:			1px solid #999999;
	border-bottom:		5px solid #999999;
	border-right:		1px solid #999999;
}
.portfolioHead {
	font-size:			0.8em;
	font-weight:		bold;
	color:				#707BA8;
	background-color:	#EEEEEE;

}
.portfolioBody {
	font-size:			0.9em;
	background-color:	#EEEEEE;
	font-weight:		normal;
	padding:			2px;
}
.pagetitle {
	font-size:		1.1em;
	color:			#707BA8;
	font-weight:	bold;
}
.subtitle {
	font-size:		1.0em;
	color:			#707BA8;
	font-weight:	normal;
}
.scrollerTitle {
	background-color:	#707BA8;
	color:				#FFFFFF;
	padding:			2px;
}
.scroller {
  border-top:			1px solid #707BA8;
  border-bottom:		1px solid #707BA8;
  border-right:			1px solid #707BA8;
  background-color:		#DDDDDD;
  padding:				2px;
}

#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip {color:#111111;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background: url(../images/tooltip.gif) 0 0; display:block; font-size:1px;}