body {
	margin:10px;
	padding:10px;
	background:#FFF8DC;
	color:#000;
	text-align:center;/*centre for ie5 */
	font-family: 'Comic Sans MS', sans-serif;

}
#container {
	width:770px;
	background:#FFF8DC;/*this colour will be left nav column colour */
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:1px solid #800000;
		background-image: url(images/image2.jpg);
}
#header {
	height:125px;
border-bottom: 1px solid #800000;
	background:#FFF8DC;
	text-align:center;
		background-image: url(images/image2.jpg);

}
#navcontainer {
	margin-left:-169px;/*must be 1 pixel less than width */
	float:left;
	width:170px;/* this width is the same as the margin on #middle */
	position:relative;
	left:-2px;/* line it up exactly without losing pressure on footer*/
}
#navcontainer p {padding-left:5px}
#middle {

	background:#FFF8DC;/* background colour of right column */
	margin-left:170px;/*this is the space for the left nav column */
		background-image: url(images/image2.jpg);
}
#inner {width:100%;
	float:left;
	margin-right:-1px;
} /* contain cleared elements from clearing other floats*/

#footer {
	clear:both;
	border-top:1px solid #800000;
	height:50px;
	background:#FFF8DC;
	text-align:center;
		background-image: url(images/image2.jpg);
}
h2,h3,p {margin-top:0}

/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/

/* buttons in left hand nav container */

ul#navlist
{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
}

ul#navlist li
{
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #555;
	text-decoration: none;
	background: #FFF8DC;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#current a
{
	background: #f0e7d7;
	color: #800000;
}

ul#navlist li a:hover
{
	color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li#current a:link, ul#navlist li#current a:hover
{
	background: #f0e7d7;
	color: #800000;
	cursor:default; 
	border-color: #ffe #aaab9c #ccc #fff;
}

/* general styling */

#middle p
{
	padding-left: 15px;
	padding-right:10px;
}
#footer p {
	padding-top: 10px;
}

.imageLeft {
	float: left;
	padding-left: 80px;
	padding-top: 5px;
}

.imageRight {
	float: right;
		padding-right: 80px;
	padding-top: 5px;

}

.imageCenter {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.imageBox
{
	width: 100%;
	text-align: center;
}

img
{
	border: 0;
}

.imageBox img
{
	padding-top: 100px;
}


.centre
{
	text-align: center;
}

h1  {
	padding-top:20px;
}

h2  {
	font-size: 130%;
	font-weight: normal;
	color: #800000;
}


#inner a:link, #footer a:link, .red a:link {
	color: #800000;
}
#inner a:visited, #footer a:visited, .red a:visited {
	color: #800000;
}
#inner a:hover, #footer a:hover, .red a:hover {
	background-color: #800000;
	color: #FFF8DC;
}

.myTable {
	width: 100%;
	border: 0;
}
.myTable td {
	vertical-align: top;
}

.myTable2 {
	width: 90%;
	border: 0;
	margin-left: 30px;

}
.myTable2 td {
	vertical-align: top;
	padding-top: 10px;
}

.maghanger{

	margin-left: 0px;

	text-indent: -15px;

}

.threeImg {
	width: 100%;
	text-align: center;
}

.threeImg img {
	padding: 0 10px 0 10px;
}

#photoholder {

  background:#fff url('images/loading.gif') 50% 50% no-repeat;
}