body {
	padding: 0;
	background-image: url(bgtile2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #fffdf3;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	position: relative; /*for IE*/
	margin-top: 4%; /*for IE*/
	}

html>body { /*for web standard browsers*/
/* \*/
	position: static;
	margin-top: 0;
/* */
	} 
/*to get compromise on IE to work. Unfortunately the very meagre 4% is to make it fit in a typical old MS IE window*/

#header {
	/*background-color: teal;*/
	}

#header h1 {
	margin: 0 0 0 20px;
	padding: 10px 0 15px 2px;
	font-family: 'gill sans', futura, 'lucida grande', arial, sans-serif;
	font-size: 36px;
	font-weight: lighter;
	letter-spacing: 4px;
	}

#picholder {
	margin-left: 20px;
  	width: 740px;
  	height: 390px;
  	background:#fff url('loading.gif') 50% 50% no-repeat;
z-index: 5;
	}

#thephoto {
 	width: 740px;
  	height: 390px;
	}

#navbarbox {
	background-color: transparent;
	position: absolute;
	margin-top: 395px;
	left: 0;
	width: 780px; /*for IE*/
	height: 22px;	
	text-align: center;
	}

html>body #navbarbox {
/* \*/
	width: 100%; /*for web standard browsers*/
	margin-left: 1px;
/* */
	}


#navbar {
	background-color: transparent;
	padding: 0 10px 0 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	font: normal 11px Verdana, sans-serif; 
	}

html>body #navbar {
/* \*/
	padding: 0 0 0 0; 
/* */
	}
/*above is for web standard browsers*/

#navbar li {
	list-style: none; 
	margin-left: -4px; 
background-color: transparent;
	padding: 0;
	display: inline; 
	color: #688;
	}

#navbar a {
	padding: 0 1.2em 7px; 
	background-color: transparent; 
	text-decoration: none;
	}

#navbar a:link { 
	color: black;
background-color: transparent;
	} 

#navbar a:visited { 
	color: black;
	} 

#navbar a:link:hover, #navbar a:visited:hover {
	color: #666; 
	background: url(tab_pyra.gif) no-repeat bottom center;
	}

#navbar a:active, #navbar a:hover {
	color: #666;
	background: url(tab_pyra.gif) no-repeat bottom center;
	}

#navbar a.current {
color: #666;
	background: transparent; 
background: url(tab_pyra.gif) no-repeat bottom center;
	}

#navbar a.norborder {
	border-style: none;
	}

#centerbox {
	background-color: white;
	visibility: visible;
	position: absolute;
	left: 50%;
	height: 560px;
	margin-left: -390px;
	width: 780px;
	border: solid 1px;
	border-color: #ddd #888 #888 #ddd;
	padding: 0 0 0 0; 		
	top: 0; 				/*for IE*/
	margin-top: 0;				/*for IE*/
	}

html>body #centerbox { /*for web standard browsers*/
/* \*/
	top: 50%;
	margin-top: -271px; 
/* */
	}

#contentmain {
	margin-top: 0;
	margin-right: 0; 
	margin-bottom: 0;
	margin-left:0; /*done in this longwinded way because IE Win playing up 13 April*/
	}

#contentmain h2 {
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
	text-align: right;
	font-family: 'century gothic', 'gill sans', futura, 'lucida grande', arial, sans-serif;
	color: #898989;
	font-weight: normal;
	font-size: 40px;
	letter-spacing: 1px;
	}

#contentmain p {
	margin: 0;
	padding: 10px 0 8px;
	font-size: 10px;
	text-align: center;
	}


#footer {
	text-align: right;
	background-color: white;
	font-size: 11px;
	}

#tempwarning {
	position: absolute;
	top: 220px;
	left: 299px;
	width: 200px;
	height: 90px;
	border: 1px solid red;
	color: red;
background: white;
	}

#tempwarning p {
margin: 0 10px 0;
}