<style>
	/*
	Set the basic font-size and areas. This css file contains positioning and
	sizing color.css contains colors background-images and any adjustments
	to padding and indenting they require as well as border colors.

	This way base.css can be used to do 90% of the print style sheet too.

	------------------------------------------------------------------------------*/
	body {
		font-family: arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	}

	<cfoutput>
	html, body {
		color: black;
		background: ##87AAE7 url(#application.SiteRoot#/images/canvas-bg.jpg) left top repeat-x; /* the blue gradient*/
	}
	</cfoutput>



	/*
	generic link colors

	------------------------------------------------------------------------------*/
	a {
		font-family: Verdana;
		font-size:12px;
		text-decoration : none;
	}

	a:hover {
		background-color: transparent;
		color: #0097d0;  /* dark light blue color */
	}

	.Navigation {
		color:white;
		font-family: Verdana;
		font-size:12px;
		text-decoration : none;
	}

	.Navigation a {
		color:white;
		font-family: Verdana;
		font-size:12px;
		text-decoration : none;
	}

	/*
	columns

	*/
	.TableNavigation {
		vertical-align : top;
		margin-top : 0px;
		padding : 0px 0px 0px 0px;
		margin-bottom : 0px;
		margin-left : 0px;
		margin-right : 0px;
	}
	div{
		vertical-align : top;
		white-space : pre;
	}
	p{
		vertical-align : top;
		white-space : pre;
	}


	.btn{
		color: White;
		font-family:Arial,helvetica,sans-serif;
		font-size:90%;
		font-weight:bold;
		background-color:#fed;
		border: 1px solid #0099cc;
		border-top-color:#0099cc;
		border-left-color:#0099cc;
		border-right-color:#0099cc;
		border-bottom-color:#0099cc;
		background-color:#0099cc;
		padding-bottom : 2;
		padding-left : 2;
		padding-right : 2;
		padding-top : 2;
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E8F2F9',EndColorStr='#0024AA');*/
	}
	td {
		font-family: Arial;
		font-size: 12px;
	}

	text {
		font-family: Arial;
		font-size: 12px;
	}

	.heading1{
		font-family: Arial;
		font-size: 16px;
		color :#0024AA;
		font-weight:bold;
	}
	.heading2{
		font-family: Arial;
		font-size: 14px;
		color :#678ADF;
		font-weight:bold;
	}

	.headerRow1 {
		font-family: Arial;
		font-size: 11px;
		color :white;
		font-weight:bold;
		background-color : #4186C6; 
	}

	.headerRow2 {
		font-family: Arial;
		font-size: 11px;
		background-color :#C6D7F4;
	}
	.note{
		font-family: Arial;
		font-size: 11px;
		color :#000000;
		font-weight:normal;		
	}
</style>