/* DYYSG site formatting style sheet

colours: 
brown text		#990000
beige background	#ffff99
page background 	#ffffe0
*/



#menu, #bodycontent, #navblock, #backdrop {
  position: absolute;
}

body, h1, h2, h3, p {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #990000;
}

h1, h2, h3, blockquote {
	  text-align: center;
}


em, blockquote {
	font-style: italic;
}

table {
	border-collapse: collapse;
	
}

td {
	border: 1px solid #600000;
	padding: 4px;
}

tr:hover {background-color: #ffff80;}

/* To put a capion under an image*/
.items{
text-align:center;
margin:50px auto;}


.items figure{
margin:0px 20px;
display:inline-block;
text-decoration:none;
color:black;
float: right;
}

/* currently only float left but could create more for other image positions */

em, blockquote {
	font-style: italic;
}

#header {
	
  border-top: 3px solid #990000;
  background-color: #ffff99;
}

#sitebranding {
  height: 50px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  margin-top:-10px;
  margin-bottom: 10px;
  margin-left:10px;
  margin-right:10px;
}

#tagline p {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  border-top: 3px solid #990000;
  border-bottom: 3px solid #990000;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  font-weight: bold;
  margin: 0;
  background: #ffff99 url(meridian50.png) repeat-y;
  text-align: center;
}

#bodycontent, #backdrop, #map {
  left: 188px;
  top: 117px;
  background: #ffffe0;
}
/* for IE6 and below  */
* html #bodycontent, #backdrop, #map {
  left: 190px;
  top: 132px;
}

#bodycontent {
  border: 1px solid #ffffe0;
  padding-left:20px;
  z-index: 0;
}

#feature {
	font-style: italic;
	min-height:350px;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
}

#sfeature {
	font-style: italic;
	min-height:200px;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
}

#vfeature {
	font-style: italic;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
}


/* for IE6 and below  */
* html #feature {
	height:350px;
}

#backdrop {
  height: 100%;
  width: 100%;
}

img.fleft {
	float: left;
	margin-right: 20px;
}

img.fright {
	float: right;
}

img.map {
  float: left;
  margin:1em;
}

.lhs {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.rhs {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.toplhs {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.toprhs {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}


.button {
	text-decoration: none;
	color: #990000;
	font-weight:bold;
	background-color: #ffff99;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #990000;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #990000;
	display: inline;
	margin: 0.5em;
	padding: 0.3em;
}

.updated {
	color: green;
	font-size: 70%;
}

.plaintext {
	color: black;
	font-size: 90%;
	font-family: serif;
}



/*
Temporary borders to highlight blocks


#header, #sitebranding, #tagline, #menu, #bodycontent, navblcok {
  border: 1px solid red;
  padding: 2px;
  margin-bottom: 2px;
}
*/