/*****************************************************************************************************************/
/*                                                                                                               */
/* popup.css                                                                                                     */
/*                                                                                                               */
/* Contains css for the popup sections.  Basically, its a link in the general format:                            */
/*                                                                                                               */
/*       <a class=summary>link text visible in on the page.                                                      */
/*           <span class=detail>                                                                                 */
/*               <span class=popupHeading>Text appearing as a pseudo-titlebar</span>                             */
/*               Body of text appearing in the popup...                                                          */
/*           </span>                                                                                             */
/*       </a>                                                                                                    */
/*                                                                                                               */
/*****************************************************************************************************************/
.summary, .news
{
	position: relative;
        	
	text-decoration: none;
	color: #999;
				
	border-bottom: double 3px #999;	
	margin-right: .3em;
}
        
.news
{
	font: bold 1.2em/125% Arial, Sans-Serif;
}

.news img
{
	border: none;
}
        
.summary .detail, .news .detail
{
	display: none;
}
                
.summary .detail .popupHeading, .summary .news .popupHeading

{
	display: block;
			
	background-color: #dd6611;
	color: #fff;
	text-align: center;
	font-weight: bold;
			
	padding: 0;
	margin-bottom: 1em;
}

/*****************************************************************************************************************/
/* Hovering over a link causes the popup to appear (display=block)                                               */
/*****************************************************************************************************************/
		
/* Wierd IE 6 bug: must include summary:hover with unique css style */
.summary:hover, .news:hover
{
	border-bottom: double 3px #dd6611;
	color: #dd6611;
}

.summary:hover .detail, .news:hover .detail
 {
	display: block;
	position: absolute;
	top: 2em;
	left: -10em;
	
	
	font: .9em/125% Arial, Sans-Serif;
	color: #dd6611;
	padding: 1em;
	width: 35em;
	
	border-top: solid 2px #999;
	border-left: solid 2px #999;
	border-bottom: solid 2px #000;
	border-right: solid 2px #000;
	background-image: url(../image/whitepixel.jpg);
	background-repeat: repeat-x repeat-y;
			
	z-index: 100;
}

.news:hover .detail
 {
 	position: absolute;
	top: -40em;
	left: 9em;
	
	width: auto;
}

.news#newsLast:hover .detail
 {
 	position: absolute;
	top: -60em;
	left: 9em;
	
	width: auto;
}