body {  font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 90%; font-weight: normal; margin: 10px auto 10px auto; padding: 0; min-width: 780px; width: 95%; line-height: 150%}

/* Links */
a {text-decoration: underline; font-weight: bold; /*border-bottom: solid 1px #4c9900;*/}
a:link {  color: #3333FF;  }	
a:visited {  color: #0000bb; }
a:active {  color: #CC0033; }
a:hover {  color: #4C9900; }
a img {border: none; }

/* Headings in the main and news sections */
h1, h2, h3, h4 {font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; color: #0000bb;
	margin-top: 0em;  line-height: 110%; font-weight: bold;}

h1 { font-size: 200%; display: block; width: 92%; font-weight: bold; padding-bottom: .5em; border-bottom: solid 1px #0000bb; margin-top: 20px; margin-left: 7%}
h1 a {color: #0000bb; text-decoration: none;}
h2 { font-size: 125%; padding-top: 0; margin-bottom: .5em; padding-bottom: 0}
h3{ font-size: 110%; padding-top: 0; color: #4c9900; margin-bottom: .5em; padding-bottom:0}
h4 { font-size: 100%; font-weight: normal; padding-bottom: 0em; margin-bottom: .5em}
h5{ font-size: 110%; padding-top: 0; color: #ff6600; margin-bottom: .5em; padding-bottom:0}

p, blockquote {margin-top: .5em}
#main h1 {margin-left: 0}
q {font-style: italic}
/* Breaks and horizontal lines */

hr {
	border-bottom: none; border-left: none; border-right: none;
	border-top: dotted 1px #0000bb; 
	float: none; height: 1px; 
	}
.hr {border-top: solid 1px #4c9900; float: none;}
h3.hr {padding-top: .5em}
.break {clear: both; float: none;}
/*br {float: none; clear: both;}*/


#main {width: 60%; float: left; padding-left: 7%}
#main .intro {font-size: 125%; color: #009900; line-height: 140%}
#menu {width: 24%; float: left; margin-left: 4%}
#menu h4 {padding-top: 0;}
#menu ul {margin:0;padding:0;}
#menu li {list-style-type:none; margin:0 0 .5em 0;padding:0 0 0 1em;}

.brief img {float: left; margin: 0 .5em .5em 0}
div.home li.lhome, div.about li.labout, div.intro li.lintro, div.forum li.lforum, div.subjects li.lsubjects, div.links li.llinks, div.directory li.ldirectory{
 border: dotted 1px #4c9900
}

#menu li.lhome {}
#menu ul {margin-bottom: 2em}
/* For printing */
img.centre {display:block; margin: 0 auto .5em auto; text-align: center; border: solid 1px black;}
img.left {float: left; margin: .5em .5em .5em 0; border: solid 1px black;}
img.right {float: right; margin: .5em 0 .5em .5em; border: solid 1px black;}

blockquote, address, .announce {background-color: #ddeeff; border: dotted 1px #99ccff; padding: .5em; margin: 1em; clear: left; }

@media screen {
	.printonly {display: none}
	#top span, #menu span, #footer span {display: none}  
				/* this hides |s which are there for screen readers, to separate links */

	legend {display: none;}	/* form legends are not needed on screen */	
	}
@media handheld {
	.printonly {display: none}
	#top span, #menu span, #footer span {display: none}  
				/* this hides |s which are there for screen readers, to separate links */

	legend {display: none;}	/* form legends are not needed on screen */	

}

@media aural {
	.printonly {display: none;}
	.hiddenText {display:  block;}
}

@media print {
	div.printonly {margin: 0; padding: 0}
	.printonly img{display: block; margin: 0 0 1em 0;}
	.printonly p{color: #0000ff; margin: 0 0 1em 0; font-size: 130%}
	#menu, #submenu, #top , #footer {display: none;}
	#trail, #main, #news {float: none; margin: 0 auto 0 auto; width: 80%}
	
	.screenonly {display: none}
	
}

/*td.j {display: none;}*/
h2.r a {font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; color: #0000bb;
	margin-top: 0em; padding-top: 1em; line-height: 110%; font-weight: bold
	}
div.diagram {border: solid 1px #4c9900; text-align:center}
object {border: solid 1px #4c9900;}
object.mp3 {border: none}

.caption { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; color: #4c9900; font-weight: bold; margin: .5em 0 .5em 0; display:block}
blockquote cite {display:block; text-align: right}
#footer {display: block; clear: both; margin: 2em auto 2em auto; padding: 1em 0 0 0; text-align: center; border-top: solid 1px #4c9900;}

strong em, em strong {font-style: normal; background-color: #0000bb; color: #ffffff; text-transform: uppercase; font-size: .8em; font-weight: bold; padding: 0 .5em 0 .5em}