
body{ 
   font-family: arial, helvetica, sans-serif;
   font-size: 8pt;
	background: #fff !important;
   }

* html body{
	font-size: 9pt;
	}	

/* Hide the clutter!! */
#navbar, 
#leftCol, 
#rightCol, 
ul.folder p.actions,
#folderPage input,
#header form,
#footer 
{
	display:none;
}	 
#header  {
	margin-bottom: 1em;
}

#header img.mainLogo {
	margin-left: 0;
}

ul.folder li{
	height: 190px;
}

#pageWrapper {
	width: 100%;
	margin:0; 
	}
   
#content { 
	background-color: none;	
	padding:0;
	}   

#midCol {
	display:block;
	float:none;
	width: 100%;
	margin:0;
	padding:0;
	overflow:visible !important;
	}	
	
	
/* ------------------------------------------------------------------------
	Home page should display as it does on the web
--------------------------------------------------------------------------- */
#home #navbar, 
#home #leftCol, 
#home #rightCol, 
#home #header form,
#home #footer 
{
	display:block;
}		

#home #pageWrapper {
	width:994px;
	margin:0 auto;
}

#folderPage div.actionButtons, 
#folderPage h1,
#folderPage h2.underline,
#folderPage p.cssForPrint{
	*display:none;
}

/* ------------------------------------------------------------------------
	Misc specific printing fixes - mainly for report page
--------------------------------------------------------------------------- */

/* issue where text is wrapping images. */
div.toptf,
div.toptf div.imageWrapper,
div.toptf div.imageWrapper img {
	float:none !important;
}

/* greatly simplify report page */
div.toptf {
	border:0;
	padding:0;
	margin-bottom: 1em;
	padding-bottom:1em;
}
div.toptf div.topActionLinks {
	display:none;
}
div.tfsection {
	background: none;
	padding: 0;
	color:#000 !important;
	page-break-inside:avoid;
	border-top: 1px solid #aaa;
	padding-top: 1em;
	margin-bottom: 1em;
	clear:both;
}	
div.tfsection h2 {
	color:#000 !important;
}
div.tfimages {
	float:left; 
	width: 100%; 
	margin-bottom: 1em;
	padding:0;
}	
div.tfimages div.image {
	float:none;
	display:inline;
	width: 100px;
	overflow: hidden;
	position: relative;
}
/* Because we are no longer floating the images (to prevent print layout images) need to absolutely position the copyright not so it still appears below its image. */
div.tfimages div.image span.copyright {
	display:inline !important;
	position: absolute;
	left: -115px;
	bottom: -10px;
}
div.tfimages div.image a {
	display:inline;
	
}
div.tfimages div.image br {
	display:none;
}
div.tfimages a.add,
div.tfimages a.download,
div.tfimages a.remove  {
	display:none;
}

/* Positioning of popup image */
#colorbox {
	top:0px !important;
	left:20px !important;
}	
#colorbox a.next, #colorbox a.prev {
	display: none;
}
div.hr {
	clear:both;
}
div.clearing {
	clear:both;
}


/* sIFR stuff: */	
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

h1 { font-size: 3.5em !important; color: #000;
	font-family:"Courier New", Courier, monospace;
	letter-spacing: -1px;
	margin-top: 0 !important;}

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	height:auto !important;				/* I added the width and height in, - didn't work without */
	width:auto !important;
}	