body {
	font : 72%/1.5 "Arial", Helvetica, sans-serif;
	color : #333333;
}
div#site_info p { 
color : #FFF; }

p { 
margin : 0 20px .75em; }

h2 { 
margin : 0 20px .75em; 
margin-bottom : .15em;
font : bold 150% "Arial", Helvetica, sans-serif; 
letter-spacing : 0.8px; }

h3 {
	margin : 5 20px 0.15em;
	font : bold 125% "Arial", Helvetica, sans-serif;
	letter-spacing : 0.8px;
	background: #FF9999;
	padding-top: 5px;
	text-align: center;
	padding-bottom: 5px;
}

h4 {
margin : 0 20px .75em;
font-size: 130%;
font :  "Arial", Helvetica, sans-serif;
letter-spacing: 0.8px;
}

h5 {
	font : 120% "Arial", Helvetica, sans-serif;
	letter-spacing: 0.8px;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 0.75em;
	margin-left: 20px;
	padding-top: 5px;
}

h6 {
	margin : 0 20px .75em;
	letter-spacing: 0.8px;
	font : bold 90% "Arial", Helvetica, sans-serif;
	
}

img { border: 1px solid #000000; }

/* this is an interesting use of code where if in the bottom div box site_info by adding a p (paragraph) style to a specific div the text paragrapgh or other styles can be changed in this area area only from black to white in this case by highlighting the text and clicking on the Format box in the property inspector and choosing Paragraph padding move copyright text below column border */




/* this controls the removal of the underline on the back to top links */
a:link, a:visited { 
text-decoration : none; }

/* this controls the colour of the back to top text */
a:link, a:visited { 
color : #CF4141; }