body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; margin: 10px; padding: 0; min-width: 790px;}

/* 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; padding-top: 1em; line-height: 110%; font-weight: bold;}

h1 { font-size: 150%; margin-left: 2em;  }
h2 { font-size: 125%; }
h3{ font-size: 110%;  }
h4 { font-size: 110%; font-weight: normal;}
#main h1 {margin-left: 0}

/* 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: dotted 1px #0000bb; float: none;}
.break {clear: both; float: none;}
/*br {float: none; clear: both;}*/

/* Top section */
#top { height: 67px;
 width: 100%; 
 background-color: #0000bb; color: white;
 overflow: hidden; 
 /*min-width: 650px;*/
}
#top img {float: left; }
#top img.cltlogo {position: absolute; top: 10px; left: 220px;}
#top form.search {clear: both; position: absolute; right: 15px; top: 15px; }
#top form.search input.searchtext {width: 150px; }
#top form.search input.searchbutton {font-size: .7em}
#top form.search label {display: block; float: left; padding: 0;}

#top .links {
 color: white;
 position: absolute; right: 15px; top: 59px; 
 }
#top .links a {color: white;}
 
 

/* Top menu */
div#menu {clear: both; width: 100%; min-height:1.9em; background-color: #6699ff; font-size: 110%; border-top: solid 1px #ddeeff;  }
/*
#menu a{	padding: .2em .5em .4em .5em;
	float: left;
	color: #ffffff; background-color: #6699ff; 
	border-width: 1px;
	border-style: solid dotted solid none;
	border-color: #6699ff #ff9933 #6699ff #6699ff;		
	text-decoration: none;
	}
#menu a.current {background-color: #0000bb;
	border-color: #0000bb #ff9933 #0000bb #0000bb;
}
#menu a:hover {
	background-color: #0000bb;
	border-color: #0000bb #ff9933 #0000bb #0000bb;
	 }
#menu a.current:hover {
	
	}
	*/
#menu a{	padding: .2em .5em .4em .5em;
	float: left; color: #ffffff;
	background-color: #6699ff; 
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color: #6699ff #ddeeff #6699ff #6699ff;
		text-decoration: none;
	
	}
#menu a.current {background-color: #0000bb;
	border-color: #0000bb #ddeeff #0000bb #0000bb;
}
#menu a:hover {
	border-color: #0000bb #ddeeff #0000bb #0000bb;
	background-color: #0000bb; color: #B2FF65; }
#menu a.current:hover {
	background-color: #0000bb;
	}



/* Breadcrumb trail (You are in...) */
#trail { clear: left; padding: .5em; /*border-bottom: solid 1px #99ccff;*/ background-color: #ddeeff; border-bottom: solid 1px #ff9933}


/* Left-hand sub menu */
#submenu {/*position: absolute;
	top: 8em; left: 1em; */ float: left; width: 19%; padding: 1em 1% 0 0; overflow: hidden;}
#submenu h4 {margin: 0; padding: 0 0 .2em 0; border-bottom: dotted 1px #0000bb;}
#submenu ul {margin: .5em 0 1.5em 0; padding: 0;}
#submenu li {margin:0; padding:.5em 0 .5em 0; list-style-type: none;}


/*Left hand Google search box*/
form.search {margin:0; padding:0;}
.search fieldset {border: none; margin: 0; padding: 0;}
#submenu .search input.searchtext {margin-bottom: .5em; width: 80%;}
#submenu .search input.searchbutton {display: block; margin-top: 1em; clear: left; }
#submenu .search input.radio {margin-top: 5px; float: left; clear: left;}
#submenu .search label {display: block; float: left; padding-bottom: .5em; padding-top: .2em; width: 75%}

/* Learn higher search box */
form.learnhigher {margin: 0; padding: 0;}
.learnhigher fieldset {border: none; margin:1em 0 0 0; padding:0}
.learnhigher label.searchtext {margin-bottom: 1em; padding-bottom: 1em; float: none;}
.learnhigher input.searchtext {margin-top: 1em; float: none;  }

#wrapper {float: left; width: 73%; /*width: 100%; min-width: 390px; max-width: 49em; */ line-height: 135%; overflow: hidden; margin: 0 0 0 10px; border-bottom: solid 2px #ff9933; border-left: solid 2px #ff9933; padding-bottom: 2em;}

/* Main section */
#main { margin:0 17% 0 0; padding-left:3em; }
#main img.left {float: left; margin: .5em 1em .5em 0; max-width: 50%;}
#main img.right {float: right; margin: .5em 0 .5em 1em; }
#main p {margin-top: 0; color: #000000;	}
#main p.whenwhere {margin-top: -1em;}
#main p.subtitle {margin-top: -1.2em; font-weight: bold; }
#main p.highlight {font-family: Arial, Helvetica, sans-serif; color: black; font-size: 150%}

/* Boxes for quotations, addresses, and announcements */
blockquote, address, .announce {background-color: #ddeeff; border: dotted 1px #99ccff; padding: .5em; margin: 1em; clear: left; }
blockquote.highlight {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%}
cite {color: #808080; font-style: normal;}
blockquote cite {color: #666666; }
address {font-style: normal; }

.announce h3, .announce h4, .announce h5 {font-family: Arial, Helvetica, sans-serif; color: black;  line-height: 110%; font-weight: normal;}
.announce h3 {font-size: 150%; padding-top: 0;}
.announce h4 {font-size: 125%; padding-top: 0;}
.announce h5 {font-size: 110%; border-bottom: dotted 1px #99ccff; margin-bottom: .5em; padding-bottom: .2em }
.announce .whenwhere {color: gray; margin-bottom: 1em;}

#main table, #undertable table {border: solid 1px #6699ff; border-collapse: collapse;}
#main td, #undertable td, #main th, #undertable th {border: solid 1px #6699ff; padding: .4em; vertical-align: top;}
.smalltext {font-size: 85%}
#main ul.contents{margin: -1em 0 1.5em 0; padding: 0 0 0 1.4em;}
#main ol.contents{margin: -1em 0 1.5em 0; padding: 0 0 0 2em;}
#main ul li {margin: 0 0 .8em 0;}
#main ul.contents li {list-style-type: disc; color: #99ccff; list-style-position: outside; margin: 0 0 .5em 0; padding-bottom: 0;}
#main ol.contents li {color: #99ccff; list-style-position: outside; margin: 0 0 .5em 0; padding-bottom: 0;}
/*#main td p, #undertable td p, #main th p, #undertable th p {margin:0;padding:0;}*/
#newsbox {width: 20em; float: right; margin: 0 0 1em 1em; }

#newsbox .top {background-image: url('../graphics/top2.gif'); background-repeat: no-repeat; background-position: top left; height: 18px; margin: 0; padding: 0; display: block; width: 20em; overflow: hidden;}
#newsbox .top div {background-image: url('../graphics/c2.gif'); background-repeat: no-repeat; background-position: top right; margin: 0; padding: 0; height: 18px;}
#newsbox .bottom {background-image: url('../graphics/bot2.gif'); background-repeat: no-repeat; background-position: bottom left; height: 18px; margin: 0; padding: 0; width: 20em; overflow: hidden;}

#newsbox .bottom div {background-image: url('../graphics/c4.gif'); background-repeat: no-repeat; background-position: bottom right; margin: 0; padding: 0; height: 18px; }


#newsbox #news {background-color: white;  border-right: solid 2px #ff9933; border-left: solid 2px #ff9933; margin: 0; padding: 0 1em 0 1em /* padding: 0 1em 0 1em; */}

#newsbox h3.hr {margin: 1em 0 1em 0; padding-top: .5em; border-top: dotted 1px #0000bb}
/* News section (right hand column) 
#news {float: left; width: 24%;border-left: solid 1px #ddeeff; padding: 0 0 0 5px; overflow: hidden;}*/

#news p.whenwhere {font-size: 85%; color: #808080; margin: 0;}
#news p {margin: 0; }
#news p.event {margin: 0;}
#news h3 {margin: 0;}
#news h4 {margin: 0; padding: 0;}
#news fieldset {margin: 0; padding: 0; border: none;}

#news ul {margin: 0 0 0 1.5em; padding: 0; color: #0000bb }
/* allow a possible section under the table, for instance for holding a large timetable where it would be better if we can use the full width of the screen */

#undertable {clear: left; float: none; margin: 1em 2em 0 2em; }

/* Footer */

#footer {clear: left; float: none; text-align: center; padding-top: 2em;}


#homenews {}

#homenews h3, h4 {margin-bottom: 0; padding-top: 0; margin-top: 1em;}
#homenews p {margin: 0}
#homenews p.whenwhere {margin: 0; color: #808080; font-size: 85%}
#homenews .date {float: left; width: 4em; font-size: 85%; margin: 0 .3em 0 -1.8em;text-align: center; border-top: solid 2px  #ff9900; border-bottom: solid 2px  #ff9900; border-right: solid 2px  #ff9900; border-left: solid 2px #ffffff; background-color: #ffffff;}
.hiddenText
{
	display:none;
}

/* For printing */

@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;}