html, body {margin:0; padding:0; width:100%; height:100%; overflow-y:hidden}
#background {position:absolute; width:100%; height:100%}
#scroller {background: #FFFFFF; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; position:absolute; width:100%; height:100%; overflow-y:auto}
#content {font: 70% Verdana; color: #090909; text-align: justify; line-height: 1.4; padding: 3% 2% 3% 2%} 
a:link,a:visited {text-decoration:none; color: #260F57}
a:hover{font-weight:bold ; text-decoration:none}
#right {float: right; width:auto; padding-left: 3%}

.clearfloat {clear:both; height:0; line-height: 0px}

.menu{
float:left; border-bottom: 1px solid #260F57; 
}

.menu ul{
margin:0;
padding:0;
}

.menu li{
display:inline;
margin:0;
padding:0;
}

.menu a{
float:left;
background:url(../connet_images/connet-tab-left.gif) no-repeat left top;
margin:0; 
margin-right: 3px; /*spacing between each tab*/
padding:0 0 0 9px;
}

.menu a span{
float:left;
display:block;
background:url(../connet_images/connet-tab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
}

.menu a span {float:none;}

.menu a.current{
background-position:0 -82px; 
}

.menu a.current span{ 
background-position:100% -82px;
}

.menu a:hover{
background-position:0% -82px; 
}

.menu a:hover span{ 
background-position:100% -82px; 
}

.tabcontainer{
clear: left;
height:auto; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}