html {font-size: 81%;}
html, body {margin: 0px; padding: 0px; height: 100%;}
body {
	vertical-align: text-top;
	font-family: Consolas, "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; 
	line-height: 1.4em;
	text-align: center;
	color: #000; 
	background-color: #fff;
}
p, ol, ul, li, pre, table {font-size: 1.0em;}  
p, h1, h2, h3, h4, h5, h6 {margin: 1.2em 0em 1.2em 0em;}
h1 {font-size: 2.0em;}  
h2 {font-size: 1.3em; font-weight: bold;}  
h3 {font-size: 1.2em; font-weight: bold;}  
h4 {font-size: 1.0em; font-weight: bold;} 
h5 {font-size: 1.0em; font-weight: bold;}  
h6 {font-size: 0.8em;}  
tt, pre {font-family: Consolas, monospace;}
small {font-size: 0.8em;}
input, select, th, td {font-size: 1em;}
img {border: 0; display: block;}
hr {color: #000000; border: solid 1px;}
strong, b {font-weight: bold;}


/* LINKS */
a {
	color: #0E4377;
	text-decoration: none;
	border-bottom: 1px dashed #0E4377;
}
a:visited {color: #0E4377;}
a:hover {border-bottom: 1px solid #0E4377;}


/* LAYOUT */
#wrapper {
	width: 700px;
	margin: auto;
	text-align: center; 				/* for NN4 */
}
/*/*/ #wrapper {text-align: left;} 		/* hidden from NN4 */

#title {
	margin-top: 10px;
	margin-left: 70px;
}

#body {
	margin-top: 20px;
	text-align: left;
}
#footer {
	text-align: center;
	margin-top: 200px;
}

#banner {
	width: 100%; 
	height: 60px;
	background: #000 url(banner.jpg) no-repeat 0 0;
	z-index: 500;
}
#banner a {
	margin: 0.5em auto auto 1em;
	display: block;
	width: 50px; 
	text-decoration: none;
	text-align: center;
	color: #000;
    text-transform: uppercase;
	border: solid 1px #000;
}
#banner a:hover  {
	background: #F2E40C;
}

#flickr {
	position: relative;
	clear: left;
	float: left;
	width: 100%;
	margin: 0 auto 1em 0;
}
#flickr img {
	clear: none;
	float: left;
	margin-right: 5px;
}

/* CUSTOMISATIONS */
p.nospace, ul.nospace {margin-top: 0em;}
p.news-item {margin: 0 auto 3em auto;}
.indent {margin-left: 1.3em;}
h2, h3 {margin:0;}
h1, h2 {color:#105388;}

h1 {font-size:1.6em; text-transform:uppercase; font-family:Verdana, Sans-Serif;}
h2.grey {background:#aaa; padding:0.5em;}

p.invert {
	color: #999;
}

.lens {
	background:#eee;
	margin:1em;
	padding:1em;
}
.lens img {
	float:left;
	clear:none;
	margin-top:1em;
}
.lens .credit {
	float:right;
	font-size:0.8em;
	text-align:right;
}