/*
	Style sheet for www.graceresearchfund.org[.uk]
	Peter Griffiths, tvmh for Grace Research Fund UK 2007
	
	Other GRF people -- don't edit this. You only need to 
	change the text in the .html files. Fiddle with this at
	your peril. Not only will you possibly ruin the site,
	you'll almost certainly annoy me!


*/

#page {
	border: 1px solid black;
	margin: 5px auto;
	width: 1000px;
	font-family:"trebuchet ms",tahoma,verdana,helvetica,arial,sans-serif;
	
}

#masthead {
	width: 1000px;
	height: 156px;
	background: transparent url("./masthead.jpg") no-repeat top left;
}


#masthead img {
	margin-top: 20px;
	margin-right: 20px;
	float: right;
}


#footer {
	background-color: #F5F5DC;
	font-size: 9px;
	color: black;
	border-top: 1px dotted gray;
	padding: 5px;
	text-align: center;
	clear: both;
}


#body {
	background: transparent url("./background.png") repeat-y top left;
}


#main {
	margin-left: 180px;
	margin-top: 12px;
	width: 610px;
	background-color: white;
	padding-left: 1em;
	padding-right: 1em;
}


#main H3 {
	color: 6FC4ED;
	font-size: 30pt;
}

#main H4 {
	color: 6FC4ED;
	font-size: 14pt;
	padding-top: 1ex;
	margin-bottom: 0;
}

#main img {
	float: right;
}

#main img.left {
	float: left;
	margin-right: 1em;
}


#main ul li.doc {
	font-weight: bold;
	list-style-position: inside;
	margin-left: -20px;
	padding-top: -0.4em;
	list-style-image: url("./dotdoc.png");
	height: 20px;
	
}


#mail ul li.doc a {
	text-decoration: none;
}


#main p.author {
	text-align: right;
	text-decoration: italic;
	font-size: 9px;
	color: #333;
}


.mainbox {
	border: 1px solid grey;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}


.mainboxlined {
	padding-left: 25px;
	padding-top: 5px;
	border-top: 1px solid grey;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 8pt;
}


#right {
	margin-top: 3em;
	width: 180px;
	float: right;
}

#right img {
	display: block;
	margin-left: auto;
	margin-right:auto;
}

#left {
	margin-top: 3em;
	width: 150px;
	float: left;
}


#left a:link {
	display: block;
	text-decoration: none;
	color: #000;
}


#left a:hover {
	color: #61BBE6;
}


#left ul.disc li {
	font-weight: bold;
	list-style-position: inside;
	margin-left: -20px;
	padding-top: 0.4em;
	list-style-image: url("./dotBlue.png");
	height: 20px;
}

#left ul.disc li.selected {
	background-color: #F7ADC4;
}


#left img {
	margin-left: 10px;
}


#navigation {
	width: 1000px;
	height: 28px;
	position: relative;
	display: block;
	background:transparent url("./btnBlue.png") repeat-x top left;
	font-family:"trebuchet ms",verdana,helvetica,arial,sans-serif;


}


body {
	font-size: 10pt;
}


p {
	margin-bottom: .75em;
}


table#menu{
	display:block;
	text-transform:uppercase;
	font-size:13px;
}


table#menu td.selected{
	background:transparent url("./btnRed.png") repeat-x top left;
}


table#menu td a{
	display:block;
	float:left;
	color:black;
	text-decoration:none;
	height:25px;
	padding: 0.4em 20px 0 20px;
}


table#menu td a:hover{
	text-decoration:underline;
}