/* The negatve margin on #outer must match the positive one
   on #header and on #footer, to keep the footer in view all the time 
   This is because #outer is 100% high so it needs to be pushed up a bit
   to show #footer */

* {margin:0;padding:0}
h1,h2,h3,p {margin:0 0 .5em 0;padding:5px;}
html,body {
	height:100%;
	text-align:center;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#outer{
	min-height:100%;
	width:770px;
	background:#fff;
	background-image: url(images/table-b-bg.gif);
	background-repeat:repeat-y;
		/* shows through as colour of right or left div depending on image */
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	color: #000;			/* shows through as colour of left div*/
	text-align:left;
	margin:-55px auto 0;
}
* html #outer{height:100%;} /*for IE as it treats height as min-height anyway*/
#header{
	width:770px;
	background:#304a00;
	border-bottom:1px solid #000;
	border-top:55px solid #000;
	background: #000066;
 	color: #fff;
}

#header  a{color:#fff}
#header2{
	width:770px;
	background:#000066;
	border-top:1px solid blue;
	border-left:1px solid blue;
	border-right:1px solid blue;
	border-bottom:1px solid #000066;
	color: #000;
	position:relative;
	height:160px;
	text-align: right;
	
}
#centrecontent {	
	width:770px;
	background-image: url(images/table-b-bg.gif);
	background-repeat:repeat-y;

	}
#right {
	float:right;
	width:75%;
}
#left {
	width:20%;
	float:left;
}

#footer {
	width:770px;
	clear:both;
	margin:auto;
	height:63px;
	border:1px solid #000;
	background: #000066;
	color: #fff;
	text-align:right;

}
#footer form {
	float:left;
}
* html #footer {/*only ie gets this style*/
	height:65px;/* for ie5 */
	he\ight:63px;/* for ie6 */
}
.clearer{clear:both;height:1px;overflow:hidden;margin-top:-1px;}

/* general div layout above, my own additional divs below */


#clocker {float:right;
	padding: 10px;
	margin-top:60px;
	}
	

#header2 img{ float:left;}

#topnav {
	float:right;
	width:100%;
	clear:both;
	margin-bottom:5px;
	background-color: #eee;
	padding-top:0px;

}

h2 {
	text-align:right;
	border-bottom: 2px solid #000066;
	color: #000066;
}

h1, h2 { font-family: "Times New Roman", Times, serif;}

h1 {
	font-size: 140%;
	width:400px;
	height:100px;
	position:relative;
	padding:0;
	margin:0;
	text-align: left;
}

h1 span {
	background: url(images/logo-2.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}


h3 {
	font-size: 110%; 
	color:#000066;
	padding-top:15px;
}

#centrecontent a:link, #centrecontent a:visited {
	color: #000066;

	}

#centrecontent a:hover {
	background: #000066;
	color: white;
	text-decoration: none;
	}

.news {
	margin:20px 20px 5px 5px;
	}

#centrecontent .news a:link, #centrecontent .news a:visited {
	text-decoration:none; 
	display:block;
	color:#000066;
	padding:10px;

	}
	
#centrecontent .news a:hover {
	background-color:#eee; 
	display:block; 
	text-decoration:none
	}
	
#footer a:link, #footer a:visited {
	color: #fff;

	}

#footer a:hover {
	background:#fff ;
	color: #000066;
	text-decoration: none;
	}
	
	
	
.newsletter {
	font-size:110%;
	font-weight:bold;
	}
.newssummary {
	font-weight:bold;
	}
	
.quotes {
	font-style: italic;
	}
	
.linked {
	text-decoration: underline;
	}

#right li {
	padding-left: 25px;
	padding-bottom: 10px;
	}

#mySearch {
	margin-top: 12px;

	}
ul {

	line-height: 1em;

	list-style-position: outside;

	list-style-type: square;
	padding: 10px;
	margin-left: 35px;
}

.events {
	background: #fff url(images/top-left-box.jpg) no-repeat;
	padding:15px 15px 20px 15px;
	margin-left:5px;
	}
	
#credits a:link, #credits a:visited {
	color: #000066;

	}

#credits a:hover {
	background: #000066;
	color: white;
	text-decoration: none;
	}

.img-left {float:left}
#lower {
	margin-top:130px;
}
#lower p{
	padding-left:35px;
	padding-bottom:0;
}

.tweet {
float:right;
width:530px;
text-align:left;
}