/* CSS reset and font normalisation from Yahoo! User Interface Toolkit
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 0.10.0
 * 
 * Changes made: added 'button' to a couple of rules
 * Changes made by Guy Woodward: g<dot>woodward<at>ucl<dot>ac<dot>uk
 * Effectively a complete rewrite, but some things are the same (16/06/2007)
 * 
 *****************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,button{margin:0;padding:0; font-family: arial, helvetica;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {font:13px arial,helvetica,clean,sans-serif;/**font-size:small;*font:x-small;*/}
table {font-size:inherit;}
select, input, textarea, button {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

/* Base typography
 *****************************************************************/

h2,h3,h4,h5,h6 { font-weight: normal; }




#email-subscribe-button {
	margin-top: 0px;
}

#email-subscribe-button img {
	vertical-align: middle;
}


/* Font Styles
 *****************************************************************/
 html {
	margin: 0px;
	padding: 0px;
	}
p { 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	color: gray;
	text-decoration: none; 
	/*color: #D4CDDC;*/
	}
a:visited {
	text-decoration: none; 
	color: gray;
	}
a:hover, a:active { 
	color: black;
	}


/* Body Styles
 *****************************************************************/

body {  
	color: #555753; 
	background: #66CCFF;
	min-height: 100%;
	padding-bottom: 10px;
	margin: 30px; 
	position: absolute;
	text-align: center;
}
#wrapper {	
	width: 790px;
	margin: 0px auto;
	text-align: left;
	background: url(sidebar1.jpg) top left;
	background-repeat: repeat-y;
}
/* Main Styles
 *****************************************************************/
#main {
	width: 600px; min-height:400px;
	float: left;
	margin-left: 170px;
	padding-right: 5%;
}
.main-bd h2, .middle-hd h2 { 
	font-size: 24px;
}
.main-bd h3, .middle-bd h2 {
	font-size: 20px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*Sidebar Styles
 *****************************************************************/
 
#sidebar {
	position: absolute;
        margin-top: 20px;
	width: 110px;
	left: 18px;
	padding: 10px;
	background-color: white;
	border: dashed 1px;
	
}
#sidebar h2 { font-size: 20px; }
#sidebar h3 { font-size: 18px; 
              margin-bottom: -0.8em;
}
#sidebar.hd { display:none; }
#sidebar.ft { height:24px; }


/* Header Styles
 *****************************************************************/
 
#header {
	height:110px; 
	text-align: left;
	background: white url(headerimg.jpg) top right no-repeat;	
}
#header h2 {
	margin-top: 0px;
	font-size: 32px;
	padding: 20px;
}
#header img {
    margin:0px; margin-right:0px;
    float:left;
}
#tagline { padding-left:10px; }

/* Navbar Styles
 *****************************************************************/
#localnav { width:100%; height:20px; margin-bottom:10px;
  	background-color: #333366;
  	}
#localnav a {
	display:block;
	float:left;
	padding:2px 8px 2px 12px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

#localnav a:hover{
	background: white;
	color: black;
}



#footer {
	clear: both; font-size:11px; text-align:center;
	background-color: #333366
} 

.blog-post {
	margin-top: 20px;
}

.blog-post-title, .blog-post-body {
	margin: 5px 0;
}