body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: white;
	color: black;
	margin-left: 200px;
	margin-right: 2em;
	background-repeat: repeat-y;
	background-image: url('/images/left-dust3.png');
	background-attachment: fixed;
}

p {
	text-align: justify;
}

blockquote {
	text-align: justify;
}

.quote {
	font-style: italic;
}

.coursedate {
	background-color: #D3CCE2;
}

.coursedate, .earlybird {
	white-space: nowrap;
}

.special {
	color: #412d80;
	font-weight: bold;
	background: #C7E0EF;
}

h1, h2, h3, th {
	font-family: Times, serif;
}

h1, h2, th {
	color: #412d80;
}

img {
	border: 0;
}

dt {
	font-weight: bold;
	margin-top: 1em;
}

h1 {
	text-align: center;
}

h3 {
	color: #0080bb;
}

td.news, td.news2 {
	padding: 10px;
}

.news {
	background-color: #C7E0EF;
}

.news2 {
	 background-color: #D3CCE2;
}

div.news, div.news2 {
	padding: 10px;
	margin-top: 5px;
}

div.news.first {
	margin-top: 20px;
}

a:link {
	color: #412d80;
}

a:visited {
	color: #0080bb;
}

a:hover {
	color: #412d80;
	background-color: #C7E0EF;
}

b, dt {
	color: #412d80;
}

p.odd {
	background-color: #C7E0EF;
}

/* p.even has no special characteristics. */
p.even, p.odd { 
	border: solid 1px #0080bb;
	padding: 0.5em;
	clear: right;
}

/* Navigational and other fixed elements. */

#navigation {
	background-color: white;
	position: absolute;
	left: 5px;
	top: 245px;
	width: 168px;
	border: solid 2px #0080bb;
}

/* Our menu, while technically a list, displays in a block-like fashion. */
#navigation ul,
#navigation li,
#navigation a {
	left: 0;	/* Needed for MSIE 4.0 */
	margin: 0;
	padding: 0;
	display: block;
}

/* Navigation lists have no markers. */

#navigation ul {
	list-style-type: none;
}

/* Our lists have dotted separators, except the first. */

#navigation li {
	border-top: 1px solid #0080bb;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

#navigation li:first-child {
	border-top: none;
}

/* Our links are a little bolder and a nicer colour. They also
   take up the full width of the navigation box.  */

#navigation a {
	text-decoration: none;
	color: #412d80;
	font-weight: bold;
	width: 100%;
}

/* These are our sub-menus, normally hidden. Most of the definitions
   have to go here.  Putting them in the hover definition causes
   MSIE 4.0/5.0 to try and apply parts of the style to the various
   lists about the page. */

#navigation li ul {
	display: none;
	position: absolute;	/* Avoid making space for child menus. */
	background-color: white;
	left: 166px;
	width: 165px;
	top: -2px;
	border: solid 3px #0080bb;
}

/* But when a CSS2 browser hovers over them, they appear! */

#navigation li:hover > ul {
	display: block;
}

#copyright {
	text-align: center;
	font-size: smaller;
	clear: both;
}

#logo {
	position: absolute;
	top:  10px;
	left: 10px;
	width: 117px; /* Required for MSIE 4.0 */
	background-color: white;
	border: solid 2px #86bcdc;
	padding: 8px;
}

/* Image sizes.  These have to use classes rather than identifiers
   for compatibility with ancient browsers. */

img.logo {
	width: 117px;
	height: 201px;
}

img.valid {
	width: 88px;
	height: 31px;
}

img.left {
	float: left;
	clear: left;
	padding-right: 1em;
	padding-bottom: 2em;
}

img.right {
	float: right;
	clear: right;
	padding-left: 1em;
	padding-bottom: 2em;
}

.nowrap {
	white-space: nowrap;
}

.center {
	text-align: center;
}

table.schedule {
	margin-left: auto;
	margin-right: auto;
}

table.schedule, .schedule td, .schedule th {
	border: solid 2px #261A44;
	border-collapse: collapse;
}

.schedule th {
	color: #261A44;
}

.schedule td, .schedule th {
	padding: 4px;
}

/* Alerts contain important information that appears on every page. */

#alert p {
	border: solid 5px #0080bb;
	padding: 10px;
	font-weight: bold;
}

/* Mailing lists */

td.mail-field {
	background: #D3CCE2;
}

.wide {
	width: 90%;
}

table.jobs th {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

table.jobs td, table.jobs div.instruct {
/*table.jobs div.instruct {*/
	font-family: Verdana,Arial,sans-serif; 
	font-size: 0.8em; 
	color: #555;
}

table.jobs {
	border-collapse: collapse;
}

table.jobs th, table.jobs td {
	border:  solid 1px #412d80;
	padding: 5px;
}