/* 

CSS from the article at: http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

License: Attribution-Share Alike 2.0 UK: England & Wales
http://creativecommons.org/licenses/by-sa/2.0/uk/
 
N.B. CSS is included here for easy reference only. Always separate content and presentation by using separate CSS files, rather than inserting it in the document head.

*/


html{
font-size: 100%; /* WinIE text resize correction */
} 

body{
font-size: 1em;
font-family: arial, serif;
text-align: center;
color: #444;
background: #e6e6e6;
padding: 0;
margin: 0;
}

#wrap{
width: 90%;
margin:   auto;
background: #fff;
border: 0.063em solid #ccc;
text-align: left;
}

h1{
font-size: 1.125em;
line-height: 1em;
margin: 1em;
font-weight: 300;
}

p{
font-size: 0.750em;
line-height: 1.5em;
margin: 1.5em;
}

table.tablestyle{
font-size: 0.750em;
line-height: 1.5em;
margin: 1.5em;
}

p img{
margin:.1em 1.5em .1em 1.5em;
float:left;
}

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;