#layout {
position : relative; 
width : 100%; 
height : 100%; 
} 
#menu {
width : 23%; 
top : 2%; 
padding-bottom : 5%; 
} 
#contents {
position : absolute; 
left : 23%; 
top : 5%; 
border-left : 4px solid #4f0b7b; 
border-top : 4px solid #4f0b7b; 
padding-left : 2%; 
padding-top : 2%; 
} 
body {
margin-left : 1%; 
margin-right : 3%; 
font-size : 1em; 
font-family : sans-serif; 
background: transparent url(http://www.york.ac.uk/res/iht/testsite/images/background/ihtlogobackground<remove this to make it work).gif) 0 0 no-repeat fixed;
}

h1 {
font-family : arial, sans-serif; 
font-size : 1.1em; 
color : white; 
border : medium solid #001d3b; 
border-width : 2px; 
background-color : #00968c; 
padding : 2px 5px; 
} 
h2 {
font-family : arial, sans-serif; 
font-size : 1.1em; 
color : #d52b1e; 
} 
h3 {
font-family : arial, sans-serif; 
font-size : 0.8em; 
color : #ffa02f; 
} 


p {
font-size : 0.8em; 
color : #000000; 
} 
p.bold {
font-size : 1em; 
font-weight: bold;
}
p.italic {
font-stlye: italic;
}
p.red { color: red	;}

table {
font-size : 0.8em; 
color : #000000; 
} 
A:link {
color : #00968c; 
text-decoration : underline; 
} 
A:visited {
color : #4f0b7b; 
text-decoration : underline; 
} 
A:hover {
color : #4f0b7b; 
text-decoration : none; 
} 
A:active {
color : #4f0b7b; 
text-decoration : underline; 
} 
ul {
margin-left : 10%; 
font-size : 0.8em; 
} 
ul.italic {
font-style : italic; 
} 
ul.mainmenu {
list-style-type : square; 
font-size : 0.8em; 
padding-top : 2%; 
} 
ul.submenu {
list-style-type : circle; 
font-size : 0.8em; 
padding-top : 2%; 
font-style : italic; 
} 
td {
vertical-align : text-top; 
} 
td.directory {
font-size : 0.8em; 
} 
div.pullquote {
float : right; 
width : 150px; 
color : #000000; 
background-color : #cccccc; 
border : medium solid #ff9900; 
border-width : 3px 0; 
font : 1em Arial, Helvetica, Verdana, sans-serif; 
font-size : 0.7em; 
padding : 4px; 
margin : 1px 0; 
} 

div#sitenav {float: left; width: 90%; margin-top: 2.33em;
   font-size: 11px; background-color: white;
   border: 1px solid black;}
div#sitenav a {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none;
   color : #001d3b;
    text-align: left;
   border-top: 1px solid gray;}
div#sitenav a:hover {background: #00968c; color: white;}
div#sitenav h4 {background: #00968c; color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
   div#sitenav2 {width: 100%; 
    background-color: white;
   }
div#sitenav2 a {display: block; padding: 0.1em 0 0.1em 0; margin: 0; 
font-family : arial, sans-serif; 
font-size : 1.1em; 
   text-decoration: none;
   color : white;
   background: #00968c;
    text-align: center;
   border-top: 1px solid #001d3b;
   border-left: 1px solid #001d3b;
   border-right: 1px solid #001d3b;
   border-bottom: 1px solid #001d3b;
   }
div#sitenav2 a:hover {background: white; color: #00968c; border-top: 1px solid #00968c;
   border-left: 1px solid #00968c;
   border-right: 1px solid #00968c;
   border-bottom: 1px solid #00968c;}

hr {
	height: 7px;
	width: 90%;
	background: #00968c;
	border : none;
}
hr.bottom {
	height: 5px;
	width: 100%;
	background: #4f0b7b;
	border : none;
}
div.submenu {
float : right; 
width : 150px; 
color : #000000; 
background-color : #cccccc; 
border : medium solid #4f0b7b; 
border-width : 2px 2px; 
font : 1.2em Arial, Helvetica, Verdana, sans-serif; 

padding : 5px 5px 30px 5px; 
margin : 1px 1px; 
} 
table {
width: 100%;
font-family : arial, sans-serif;
}
.lftimg {
	margin: 0px 10px 10px 0px;
	float:left;
	border: solid black 2px;}
	
.rgtimg {
	margin: 0px 0px 10px 10px;
	float: right;
	border: solid black 2px;}

.img {	
	border: 0px;}
	
.imgcentre {	
	border: 0px;
	float: center;}