table {border-collapse:collapse;}
.sibo {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}
.xmasflash{
	top: 6px;
	left: 400px;
	width:468px;
	height:60px;
	position:absolute;
	float:left;
	margin:0;
}
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}
.maintext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.link {
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.link:hover {
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}
.copywrite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.ionlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.ionlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFF00;
	text-decoration: underline;
}
.maintext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.maintext4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.fibrelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.fibrelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
}
.sidelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.sidelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
}
.term {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.maintitle {
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.farlink {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.farlink:hover {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}


.headertop{
	width:920px;
	height:120px;
	margin: 0 auto;
	
	position: relative;
	}
.header {
    width:920px;
    height:120px;
    margin:0px auto;
    position: relative;
}
.logo {
	top: 0px;
	left: 0px;
	width:920px;
	height:80px;
	position:absolute;
	float:left;
	margin:0;
background-image:url(img/toplogo.jpg);
	
}



/* style the outer div to give it width */
.menu {
    font-family: arial, geneva, verdana, sans-serif;
    width:920px;
    height:35px;
background-image:url(img/topmenu.jpg);
    float:right;
    margin:80px 0 0 0px;
    font-family: arial, geneva, verdana, sans-serif;
    position: relative;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0 0 0 10px;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width:0em; list-style-type:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*.mainmenu li {float:left;height:35px;line-height:35px; display:block;}*/
.menu ul li {
    float:left;
    position:relative;

    line-height:35px;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;height:100%; width:100px; font-size:12px;text-decoration:none; text-align:center;color:#fff; padding:0 0px 0 0px; border-left:0px solid #eee; border-right:0px solid #fff;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}





/* style the sub level links */
.menu ul ul a, 
.menu ul ul a:visited {
    display:block;
    background-color: #0798F3;
    background-repeat:repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/trans.png');
    filter: alpha(opacity=85);
    color:#fff;
    width:220px;
    height:100%;
    line-height:12px; 
    padding:6px 6px; 
    border-bottom:1px solid #004774; 
border-left:1px solid #004774;
border-right:1px solid #004774;
    text-align:left;
}
* html .menu ul ul a, 
* html .menu ul ul a:visited  {width:220px; w\idth:220px;}


/* style the table so that it takes no part in the layout - required for IE to work */
html>/**/.menu table {border-collapse:collapse; padding:0; margin:-1px auto; width:0; height:0; font-size:12px; z-index:1; position:inherit;}
* html .menu table {border-collapse:collapse; padding:0; margin:-1px auto; width:0; height:0; font-size:12px; z-index:1; position:inherit;}


/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff;background-image:url(img/toproll.gif); opacity:1.0; position:relative; z-index:100;}
.menu :hover > a {color:#fff;background-image:url(img/toproll.gif);opacity:1.0;}
/* second */
* html .menu ul ul a:hover{color:#fff;background:#015C95; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#015C95;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute; height:0;top:3em; left:0; width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0px 3em 3em 3em; left:-4em; top:34px;}