td,font,body {
	    font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
}

.footer {
	    font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
                                        color: #dddddd;
}

a {
		text-decoration:none;
}

a:hover {
		text-decoration:underline;
}



	#demo {position:relative;}

	#clippingsMenu, #content {position:relative; margin-top:20px}
	
	#sampleContent {left:230px; position:absolute}
	
	/*
	Holds the chosen/active Clippings and the Clippings description if empty
	*/
	#clippingsContainer{
		position:relative; 
		width:130px; 
		height:100%; 
		overflow:visible; 
		border:0px #000000 solid; padding:5px}



	#clippingsContainer A{    }
/*
	#clippingsContainer A{
		display:block;
                }
*/	
	/*
	Controls for the active Clippings (Clear Read, Clear All, Next Unread, etc) are housed here
	*/

	#clippingControls{width:200px; border:0px #000000 solid; padding:5px}
	#clippingControls A {display:block; font-weight:bold}
	
	/*
	An active Clipping located in the ClippingsContainer 
	*/
/*	.clippingItem, .clippingItem:visited, .clippingItemRead  {color:#000000; display:block;}
*/
	.clippingItem, .clippingItem:visited, .clippingItemRead  {color:#000000; border-width:2px; border-color:#ffffff; border-style:solid; display:block; float:left; }
	
	.clippingItemRead, .clippingItemRead:visited {color:#999999}
	.clippingItemRead:hover { color:#FFFF00;}
	
	/*
	The icon for Clippings
	*/
/*
	.clippingIcon {color:#FFFFFF; background-color:#000000; font:16px arial; position:relative; top:1px; line-height:12px; font-weight:bold; cursor:move}
*/