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

body
{
text-align: center;
font-family: Verdana, Geneva, sans-serif;
overflow:auto; /*remove disabled vertical scrollbar in IE*/
margin:0; /*Make margins and borders 0 in body to make page full width in IE*/
border:0;
}

select {
	background-color: #d6ddef;	
}


div#top {
	position: absolute;
	background: transparent url(images/header.jpg) repeat-x top; 
	left: 0px;
	top: 0px;
	width: 100%;
	height: 150px;
	float: center;
	text-align: center;
	z-index: 1;
	}

#top h1 span {
	display:none;
	}

/* SUBMENU */

div#subsubmenubar { /* Dark Blue background of submenu bar */
	position: absolute;
	height: 37px;
	background: #29256c;
	width: 100%;
	top: 150px;
	left: 0px;
	z-index: 2;
}

div#submenubar { /* Light Blue background of submenu bar */
	position: absolute;
	height: 30px;
	background: #dbeaf8;
	width: 100%;
	top: 5px;
	left: 0px;
	z-index: 3;
}

div#submenucontents {
	position: absolute;
	height: 25px;
	width: 100%;
	top: 5px;
	left: 0px;
	z-index: 4;
	color: #696698;
	font-weight:300;
}

div#thesearchbar
{
	position:absolute;
	margin-left: -75px;
	left: 50%;
	width: 550px;
	top: 115px;
	text-align: right;
	z-index: 1000;
	height:20px;
}

div#navbar{
	position:absolute;
	margin-left: -475px;
	top:112px;
	z-index:900;
	left: 50%;
}

div#container
{
	position:absolute;
	margin-left: -475px;
	left: 50%;
	width: 950px;
	top: 195px;
	text-align: left;
	z-index: 500;
	font-style:normal;
}

div#information{
	position: absolute;
	top: 15px;
	left: 151px;
	font-size:smaller;
}
div#informationwide{
	position: absolute;
	top: 15px;
	left: 0px;
	font-size:smaller;
}
#information img {padding:10px;}

#information table.contact tr td img, #informationwide table.contact tr td img {
	padding-right: 20px;	
	padding-bottom: 20px;
}

#information h1, #informationwide h1 { font-size:16px;}

#information a:hover {background:#ffffff; text-decoration:none; border:0;} /*BG color is a must for IE6*/
#information a.tooltip img {border:0;}
#information a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:750px; font-style:normal; }
#information a.tooltip:hover span{display:block; position:absolute; left:-5px; top:225px; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; text-align:left;}






#comparison td { padding-right:5px; max-width:200px;}



div#sidebar { width: 150px; margin-left: -40px; text-align:left; top: 0; position: absolute;}

#sidebar ul li { list-style: none; width: 100%; border-bottom:1px solid #055ee9; }
#sidebar ul li i { display: none; }

#sidebar ul li a:hover i {display:block; position:absolute; top:-5px; width:950px; left:0; text-align:center; font-size: small; background-color: #055ee9; color:#fff; opacity:0.8; filter:alpha(opacity=80); font-weight:normal; font-style:normal;}

#sidebar ul li a {color:#000; line-height:25px;  font-weight:bold; font-size:11px; text-decoration:none; width: 200px;}
#sidebar ul li a:hover {height:25px; line-height:25px; background:transparent; color:#055ee9;}
#sidebar ul li.current a {color:#4783e2;}
#sidebar ul li.last { list-style: none; width: 100%; border:0 }

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFF;
    color:#555753;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#CCCCCC}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000;
    background-color:#CCCCCC; color:#000;
    text-align: center}
	
a.info2{
    position:relative; /*this is the key*/
    z-index:24; background-color:#CCFFFF;
    color:#555753;
    text-decoration:none}

a.info2:hover{z-index:25; background-color:#CCCCCC}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000;
    background-color:#CCCCCC; color:#000;
    text-align: center}