/*<![CDATA[*/

				body {
				background-image: url(canvas.png); 
				background-position: top left;
				background-repeat: repeat ;

				
				Background-color: #FFFFFF;
				color: #000000;
				font-size: 1.5em;
				font-family: "URW Chancery L", "Apple Chancery", "Zapf Chancery", cursive;
				margin-top: 95;
				margin-left: 15;
				margin-right: 15;
				padding: 0;
			}
				blockquote div { 
				font-family: serif;
				font-size: 0.8em;				
				padding: 0 58px; 
				background: transparent url(quote.png) left top no-repeat;
				}
			
				br {  
				margin-bottom: 1.5em; 
				}
			
			.BoxHeader {
				position: absolute;
				top: 5px;
				right: 25px;
			}
         .ReviewBox{
			 /*position: absolute;
			   top: 200px;
			   right: 25px;*/
            padding-left: 10px;
            float: right;
            margin: 0;
			}	
			:link {
				color: #4659FF;
			}
			:visited {
				color: #10A103;
			}
			a:hover {
				color: #08C5F9;
			}
			h1 {
				text-align: center;
				margin: 0;
				padding: 0.01em 2em 0.01em;

				color: #000000;
				font-weight: normal;
				font-size: 2.0em;
				
			}
			h1 strong {
				font-weight: bold;
			}
			h2 {
				text-align: center;
				margin: 0;
				padding: 0.6em 2em 0.4em;
				
				color: #000000;
				font-weight: normal;
				font-size: 1.4em;
			}
			h3 {
				text-align: left;
				margin: 0;
				padding: 0.6em 2em 0.4em;
				
				color: #000000;
				font-weight: normal;
				font-size: 1.1em;

				border-top: 2px solid #000000;
			}
			h4 {
				text-align: center;
				margin: 2;
				padding: 0.6em 2em 0.4em;
			
				color: #000000;
				font-weight: normal;
				font-size: 1.4em;
			}
			h5 {
				text-align: left;
				margin: 0;
				padding: 0.6em 2em 0.4em;
				background-color: #000000;
				color: #FE831C;
				font-weight: normal;
				font-size: 0.95em;
			}
			h6 {
				text-align: center;
				margin: 0;
				padding: 0.6em 2em 0.4em;
				background-color: #FE831C;
				color: #000000;
				font-weight: bold;
				font-size: 0.95em;
				border-bottom: 2px solid #000000;
				border-top: 2px solid #000000;
			}
			hr {
				display: none;
			}
			.content {
				padding: 1em 5em;
			}
			.content-columns {
				/* Setting relative positioning allows for 
				absolute positioning for sub-classes */
				position: relative;
				padding-top: 1em;
			}
			.content-column-left {
				/* Value for IE/Win; will be overwritten for other browsers */
				width: 47%;
				padding-right: 3%;
				float: left;
				padding-bottom: 2em;
			}
			.content-column-left hr {
				display: none;
			}
			.content-column-right {
				/* Values for IE/Win; will be overwritten for other browsers */
				width: 47%;
				padding-left: 3%;
				float: left;
				padding-bottom: 2em;
			}
			.content-columns>.content-column-left, .content-columns>.content-column-right {
				/* Non-IE/Win */
			}
			/*img {
				border: 2px solid #fff;
				padding: 2px;
				margin: 2px;
			}*/
			a:hover img {
				border: 2px solid #f50;
			}
			
/* SINGLE PROGRESS BAR */


.prog-border {
				/* This section would make the position on the screen absolute
				position: absolute;
				top: 70px;
				right: 95px;*/
				
width: 200px;
height: 20px;
/* Margin-left and Margin-right, centres content block on screen */
Margin-left: auto ;
Margin-right: auto ;
background: #FFF;
padding: 3px;
border: 1px solid #000000;
}
.prog-bar-bad {
height: 20px;
background:  url(progress_pink1.gif) repeat-x; /* use the color or the background you want! */
}
.prog-bar-good {
height: 20px;
background: url(progress_blue1.gif) repeat-x; /* use the color or the background you want! */
}
/* You can also use images
.prog-bar-bad {
height: 20px;
background: url(progress_pink.gif) repeat-x; 

This is the format for adding progress bar into the html:
<div class="prog-border">
<div class="prog-bar-good" style="width: 25%;"></div>
</div>

}*/
			
/*]]>*/