
	
#Wheelwrap{width: 580px; margin: 0 auto;  }
#Wheel
{	margin: 0;
	padding: 0;
	font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  width:580px; color:#333333; }
	



		
a.divgreen{
    position:relative;
    z-index:50;
     text-decoration:none 
	
    
}
a.divgreen span{ display: none; text-decoration:none }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.divgreen:hover{ z-index:100; color: #ffffff; text-decoration:none }
a.divgreen:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:50px;
	padding: 15px 0 0 0;
	width:320px;
	color: #333333; font-weight:normal; font-size:9px; text-decoration:none; 
    text-align: left; 
}
a.divgreen:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/div-green.png) no-repeat top; text-decoration:none   
}
a.divgreen:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/div-green-m.png) repeat bottom;  text-decoration:none 
}
a.divgreen:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #333333;
    background: url(images/div-green.png) no-repeat bottom;  text-decoration:none 
}

/* CSS Document */

a.divlightblue{
    position:relative;
    z-index:50;
     text-decoration:none 
	
    
}
a.divlightblue span{ display: none; text-decoration:none }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.divlightblue:hover{ z-index:100; color: #ffffff; text-decoration:none }
a.divlightblue:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:50px;
	padding: 15px 0 0 0;
	width:320px;
	color: #333333; font-weight:normal; font-size:9px; text-decoration:none; 
    text-align: left; 
}
a.divlightblue:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/div-lightblue.png) no-repeat top; text-decoration:none   
}
a.divlightblue:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/div-lightblue-m.png) repeat bottom;  text-decoration:none 
}
a.divlightblue:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #333333;
    background: url(images/div-lightblue.png) no-repeat bottom;  text-decoration:none 
}

#whellima1
{	margin: 0;
	padding: 0;
	z-index: 3000}

#whellima1 div
{	position: absolute;
	visibility: hidden;
	margin-top:-240px; margin-left:60px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	background-image:url(images/div-darkblue-bg.png); background-repeat:no-repeat; width:317px; height:230px; color:#FFFFFF; font-size:11px;
	 }

	#whellima1 div a
	{	position: relative;
		display: block;
		margin: 0;  
		
		text-align: left;
		text-decoration: none; 
		color: #ffffff;}

	#whellima1 div a:hover
	{	
		color: #cc0000}
	#whellima1textspan
	{	padding:10px; width:295px }
		
#whellima3 div
{	position: absolute;
	visibility: hidden;
	margin-top:-240px; margin-left:150px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	background-image:url(images/div-blue-midim-bg.png); background-repeat:no-repeat; width:317px; height:230px; color:#FFFFFF; font-size:11px;
	 }

	#whellima3 div a
	{	position: relative;
		display: block;
		margin: 0;  
		
		text-align: left;
		text-decoration: none; 
		color: #ffffff;}

	#whellima3 div a:hover
	{	
		color: #cc0000}
	#whellima3textspan
	{	padding:10px; width:295px }
		

#whellima2 div
{	position: absolute;
	visibility: hidden;
	margin-top:-240px; margin-left:240px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	background-image:url(images/div-blue-bg.png); background-repeat:no-repeat; width:317px; height:230px; color:#FFFFFF; font-size:11px;
	 }

	#whellima2 div a
	{	position: relative;
		display: block;
		margin: 0;  
		
		text-align: left;
		text-decoration: none; 
		color: #ffffff;}

	#whellima2 div a:hover
	{	
		color: #cc0000}
	#whellima2textspan
	{	padding:10px; width:295px }

#whellima4 div
{	position: absolute;
	visibility: hidden;
	margin-top:-240px; margin-left:290px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	background-image:url(images/div-darkblue-bg.png); background-repeat:no-repeat; width:317px; height:230px; color:#FFFFFF; font-size:11px;
	 }

	#whellima4 div a
	{	position: relative;
		display: block;
		margin: 0;  
		
		text-align: left;
		text-decoration: none;  
		color: #ffffff;}

	#whellima4 div a:hover
	{	
		color: #cc0000}
	#whellima4textspan
	{	padding:10px; width:295px }
		
#whellima5 div
{	position: absolute;
	visibility: hidden;
	margin-top:-240px; margin-left:-20px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	background-image:url(images/div-green-bg.png); background-repeat:no-repeat; width:317px; height:230px; color:#FFFFFF; font-size:11px;
	 }

	#whellima5 div a
	{	position: relative;
		display: block;
		margin: 0;  
		
		text-align: left;
		text-decoration: none; 
		color: #ffffff;}

	#whellima5 div a:hover
	{	
		color: #cc0000}
	#whellima5textspan
	{	padding:10px; width:295px }
		

