/* I split this apart from content_index as this style is used on the other pages as well */


div#content {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;
}
/* To overcome a problem in IE6 where it would cut the bottom off the page unless refreshed */



div#content a {
	text-decoration: underline;
	color: #999999;
}
div#content a:hover {
	text-decoration: none;
	color: #666666;
}
/* Style for any hyperlinks in content */



div#column1 {
	width: 320px;
	float: left;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* The first of two columns created with divs and postioned left and rigth respectively */



h3 {
	font-size: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/* Style for any heading 3*/



div#picSpace {
	background-repeat: no-repeat;
	width: 310px;
	margin: 0px;
	padding: 0px;
	height: 250px;
}
/* Similar to index page but different width and height as picture is bigger, text is underneath this so no padding rqd */
 


.hide {
	display: none;
}
/* Also needed to apply to text behind animated gif to hide it */



div#column2 {
	width: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 380px;
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
h4 {
	margin: 0px;
	padding: 0px;
	font-size: medium;
}