body 		
{
	background-color: white;
}

body, p, h1, li, input, textarea, td, blockquote, blockquote p
{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size:small;
}

.main
{
	margin-left:180px;
	margin-top:20px;
	margin-right:20px;
	border-top: thin maroon solid;
}

#menulogo
{
	position:absolute;
	top:0px;
	left:0px;
}

#menu 
{
	position:absolute;
	top:135px;
	left:67px;
	width:100px;
	height:1000px;
	background:black;
}

#menu2
{
	position:absolute;
	left:67px;
	bottom:5px;
}

.footer
{
	clear:both;
	margin-top:20px;
	height:50px;
	border-top: thin maroon solid;
	border-bottom: thin maroon solid;
}

.footer p, .footer td
{
	font-size:x-small;
	font-style:italic;
}

#menu p, #menu2 p
{
	display:none;
}

#menu a, #menu2 a
{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	display:block;
	width:100px;
	color:white;
	padding-top:1px;
	padding-bottom:1px;
	background:black;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

#menu a:hover, #menu2 a:hover
{
	width:100px;
	color:white;
	text-decoration:none;
	padding-top:1px;
	padding-bottom:1px;
	background:maroon;
	border-top: 1px white solid;
	border-bottom: 1px white solid;
}

ul
{
	list-style-image: url('http://www.teachinleeds.org.uk/images/arrow-right.gif');
	vertical-align:text-top;
}

input, textarea 	
{
	font-style: italic;
}

.left, .right, .center
{
	text-align:center;
	font-size:x-small;
	font-style:italic;
}

.left
{
	float:left;
	margin-right:10px;
}

.right
{
	float:right;
	margin-left:10px;
}
	
.center
{
	margin-left:10px;
	margin-right:10px;
}

a
{
	text-decoration: none; 
	color:maroon;
	border-bottom:1px maroon dotted;
}

a:hover		
{
	text-decoration:none;
	border-bottom:1px maroon solid;
}

.noborder, a:hover.noborder, img
{
	border:none;
}

h1					
{
	font-size:x-large;
}

h2
{
	padding-top:5px;
	font-size:large;
}

h3
{
	font-size:medium;
}

h4
{
	font-size:small;
	font-weight:bold;
}

img
{
	border:none;
	vertical-align: text-top;
}