body {
	background-color: #FFFFCC;
	background-image: url(../images/SandTexture.jpg);
}
#page {
	border: 1px solid #FF6600;
	margin: 15px;
	padding: 10px 20px 10px 10px;
	background-color: #FFFFCC;
	height: auto;
	width: 780px;
	text-align: center;
	/* display & overflow settings both solve the FireFox overflow issue - included both incase one fix doesn't work with a previous version */
	display: inline-block;
	overflow: hidden;
}
#header {
	text-align: left;
}
#menu {
	float: left;
	width: 200px;
	text-align: left;
}
#menu ul {
  margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 10px;
}
#menu li {
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
#menu li:hover{
	background-color: #FF6600;
	color: #FFFFFF;
}
#menu a{
	text-decoration: none;
}
#menu a:hover{
	color: #FFFFFF;
}
#content {
	float: right;
	width: 570px;
	text-align: left;
}
h1 {
	font-family: "Arial Black", Verdana;
	font-size: 17px;
	line-height: normal;
	color: #000000;
}
.bodytextOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FF6600;
	font-weight: bold;
}
.bodytextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}.photo {
	border: 1px solid #FF6600;
}