/*
Developed by Kanmi Durotoye
*/
*
  /*Set's border, padding and margin to 0 for all values*/
{
	padding: 0;
	margin: 0;
	border: 0;
}
body,html {
  background-color: #fff;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 1px;
  margin-top:0px;
  vertical-align: top;
}

div#outer {
		  min-width: 884px;
          width: 70%;
          margin-top: 0px;
          margin-left: auto;
          margin-right: auto;
          padding: 0px;
          /* Below fix from: http://www.antix.co.uk/code/css/imposing_minimum_width/  */
	      /* IE Dynamic Expression to set the width */
	      width:expression(document.body.clientWidth < 885 ? "884px" : "70%" );          
}

div#topnav {
  width: 100%;
  clear: both;
}

div#middle {
  width: 860px;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  border-color: #f0e0ff; 
  padding: 0px;
  background-color: #fff;/*#fcf9fc*/
  clear:both;
  overflow:hidden;/*Ensures auto height for mozila etc*/
}


div#middle div#maincontainer {
	width: 98%;
	clear: both;
	border: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
    margin-top: 5px;	
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	color:#003;
    font-size:12px;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ 
	z-index:25;
}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; 
    left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #003;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../../images/firmbase/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../../images/firmbase/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	/*color: #548912;*/
    background: url(../../images/firmbase/bubble.gif) no-repeat bottom;
}