/* -- navigation -- */

#navigation li a	{ color: #6d6e71; }	

#navigation li a.menuL2 { background: url(../images/admin/arrowL2.gif) no-repeat top left; }	
#navigation li a.menuL2:hover { background: #fcf4de url(../images/admin/arrowL2.gif) no-repeat top left; }
#navigation li a.menuL2selected { background: #fcf4de url(../images/admin/arrowL2.gif) no-repeat top left; }

#navigation li a.menuL3 { background: url(../images/admin/arrowL3.gif) no-repeat top left; }	
#navigation li a.menuL3:hover { background: #fef6e1 url(../images/admin/arrowL3.gif) no-repeat top left; }
#navigation li a.menuL3selected { background: #fef6e1 url(../images/admin/arrowL3.gif) no-repeat top left; }

#navigation li a.menuL4 { background: url(../images/admin/arrowL4.gif) no-repeat top left; }	
#navigation li a.menuL4:hover { background: #fef6e1 url(../images/admin/arrowL4.gif) no-repeat top left; }
#navigation li a.menuL4selected { background: #fef6e1 url(../images/admin/arrowL4.gif) no-repeat top left; }

/* -- other colours -- */

/* p.intro: the green introductory paragraph as seen on the front page */
p.intro		{ color: #d2860e; text-align: justify; }

/* p.more: the green "more" link as seen on the front page */
p.more		{ color: #d2860e; }
p.more a	{ color: #d2860e; }

/* p.totop: the green "return to top" link as seen on the bottom of some pages */
p.totop		{ color: #4053af; }
p.totop a	{ color: #4053af; }

h2		{ color: #4053af; }		/* this is our big blue heading style */

.newsBar h2	{ color: #6d6e71; }		/* this is our big green heading style for the news bar */

h3		{ color: #4053af; }		/* this is our smaller blue heading style */
.newsBar h3	{ color: #4053af; }		/* this is our smaller blue heading style for the news bar */
h4		{ color: #4053af; }		/* this is our even smaller blue (was green) heading style */
h5		{ color: #4053af; }		/* used as the heading within the upcoming seminars table */

abbr, acronym, dfn { border-bottom: 1px dashed #4053af; }

div.hr hr { background: #cccccc; color: #cccccc; width: 90%; }

.flowChart {
	clear: both;
	width: 60%;
	margin: 10px auto;
	padding: 4px 4px 4px 10px;
	background: #fef6e1;
	border: 1px solid #b45913;
	color: #444444;
	text-align: left;
	font-size: 0.90em;
}

.captionedCelestial3D { /* a special div will be created in order to group the img and its p caption */
	padding: 1px; /* background: #eeeeee; */
	/* border: 1px solid #cccccc; */
	text-align: center;
	/* display: inline; don't need to fix IE double margin problem if no left margin */
}

.captionedCelestial3D img { /* the properties of the framed image */
	padding: 1px; background: #aaaaaa;
	border: 1px solid #e0e0e0;
}

.captionedCelestial3D p { /* the properties of the caption */
	margin: 0px 4px 2px 4px;
	color: #444444;
	line-height: 1.4em;
	font-size: 0.7em;
}