html {
  font-family: arial, verdana, helvetica, sans-serif; 
  font-size: 76%; 
}

body {
  margin: 0; 
  padding: 0;
  color: #000000;
  background-image: url(/local/images/bground.jpg);
  background-repeat: repeat-x;
  background-color: #999999;
} 

/* default tag attributes, mostly used in content */
p { 
  font-size: 1.0em; 
  line-height: 1.5em; 
  margin: 1.2em 0em 1.2em 0em; 
} 
h1 { 
  font-size: 1.4em; 
  color: #3490BF;
  margin-top: 10px;
} 
h2 { 
  font-size: 1.2em; 
  color: #3490BF; 
} 
.main {
  line-height: 1.5em;
  font-weight: bold;
}
h3, h4, h5, h6 { 
  font-size: 1.0em; 
  color: #000000; 
} 
li { 
  margin: 0.2em 0em 0.2em 0em; 
  line-height: 1.5em; 
} 
img {
	border: 0px;
}
a:link { 
  color: #006666; 
  text-decoration: underline;   
} 
a:visited { 
  color: #000000; 
  text-decoration: underline;   
} 
a:active { 
  color: #000000; 
  text-decoration: underline; 
} 
a:hover {
  color: #006666; 
  text-decoration: underline; 
} 
select, input, textarea, button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
.sameline {
  display: inline;
}
.colour {
  color: #006666;
}

/* layout divs and their respective attributes */
div#container { 
  width: 780px;  
  background-color: #ffffff;
  margin:0px auto 0px auto;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  }


div#colourblock {
  position: relative;
  top: 0px;
  left:0px;
  right: 0px;
  height: 150px;
  width: 100%;
  margin-right: 0px;
  z-index: 0;
  background: black url(/local/images/rotating.cfm) center no-repeat;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  clear: both;
  }

  
div#masthead {
  position: relative;
  top: 0px;
  right: 0px;
  height: 85px; 
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  z-index: 1;
  float: right;
  }
div#masthead #print_logo { display:none; }

div#siteheading {
  position: relative;
  top: 30px;
  left: 20px;
  width: 420px;
  font-size: 1.1em; 
  color: #3490BF;
  z-index: 3;
  border-right: 1px solid #cccccc;
  float: left;
  }
div#siteheading a {
  font-size: 2.0em;
  color: #3490BF;
  font-family: arial, verdana, helvetica, sans-serif; 
  text-decoration: none;
  }


div#topnavigation {
  position: relative;
  top: 0px; 
  right: 0;
  height: 25px;
  z-index: 6;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	float: right;
	clear: both;
  }
  

div#menunavigation {
  position: relative; 
  top: 0px; 
  left: 0px; 
  width: 200px;
  font-size: 1.2em;
  padding-top: 30px;
  margin-left: 5px;
  float: left;
  }
div#menunavigation ul {
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  width: 100%;
  }
div#menunavigation ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px; 
  width: 195px;
  }
div#menunavigation ul ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px;
  width: 140px;
  }
div#menunavigation li {
  margin: 0px 0px 0px 0px;
  padding: 1px 1px 3px 3px;
  list-style-type: none;
  line-height: 1.1em; 
  }
div#menunavigation a {
  font-size: 0.8em; 
  color: #000000; 
  }
div#menunavigation a:link {
  text-decoration: none; 
  }
div#menunavigation a:visited {
  text-decoration: none; 
  }
div#menunavigation a:hover {
  text-decoration: underline; 
  }
div#menunavigation a.active {
  text-decoration: underline; 
  }
div#menunavigation li.selected {
  }
div#menunavigation ul a.selected {
  color: #3490BF;
  font-weight: bold;
  list-style-type: none;
  text-decoration: none; 
  }
div#menunavigation ul a.selected:hover {
  text-decoration: none;
  }
div#menunavigation ul ul a.selected {
  color: #3490BF;
  font-weight:normal;
  list-style-type: none;
  text-decoration: none; 
  }
div#menunavigation ul ul a.selected:hover {
  text-decoration: none;
  }

div#menunavigation ul ul ul a.selected {
  color: #3490BF;
  font-weight:normal;
  list-style-type: none;
  text-decoration: none; 
  }
div#menunavigation ul ul ul a.selected:hover {
  text-decoration: none;
  }
div#menunavigation ul.global {
  color: #000000;
  border-top: 1px solid #cccccc;
  }
div#menunavigation ul.global a {
  color: #000000;
  }
div#menunavigation ul.global a.selected {
  color: #3490BF;
  font-weight: bold;
  }


div#content {
  position: relative;
  width: 300px;
  background-color: #ffffff;
  padding-left: 10px;
  z-index: 5;
  float: left;
  margin-top: 25px;
  }

div#content_nosml {
  position: relative;
  width: 500px;
  background-color: #ffffff;
  padding-left: 10px;
  z-index: 5;
  float: left;
  }
  
  
div#sml_content {
  position: relative;
  top: 10px;
  width: 200px;
  z-index: 5;
  padding-left: 10px;
  float: left;
  }

div#footer {
  position: relative;
  margin-left: 200px;
  padding: 10px 15px 5px 15px;
  font-size: 0.8em; 
  color: #000000; 
  clear: both;
  }
div#footer a {
  color: #999999; 
  text-decoration: none; 
  }
div#footer a:link {
  text-decoration: none; 
  }
div#footer a:visited {
  text-decoration: none; 
  }
div#footer a:hover {
  color: #666666; 
  text-decoration: underline; 
  }
div#footer a:active {
  text-decoration: underline; 
  }
  
table.unitoutline {
	border: 1px solid #6e7174;
	border-style: solid;
	border-collapse: collapse;
}

table.unitoutline td {
	border: 1px solid #6e7174;
	padding: 3px;
}

table.unitoutline td.background1 {
	background-color: #ffe7d7;
}

table.unitoutline td.background2 {
	background-color: #ead5ff;
}

table.unitoutline th {
	border: 1px solid #6e7174;
	background-color: #aaaaaa;
	padding: 3px;
}

table.timetable {
	border: 1px solid #6e7174;
	border-style: solid;
	border-collapse: collapse;
}

table.timetable td {
	border: 1px solid #6e7174;
	padding: 3px;
	text-align: center;
}

table.timetable th {
	border: 1px solid #6e7174;
	background-color: #aaaaaa;
	padding: 3px;
}

table.electives {
	border: 1px solid #6e7174;
	border-style: solid;
	border-collapse: collapse;
}

table.electives td {
	border: 1px solid #6e7174;
	padding: 3px;
	vertical-align: top;
}

table.electives th {
	border: 1px solid #6e7174;
	background-color: #aaaaaa;
	padding: 3px;
}

div#searchbox {
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

div.line {
	border-top: 1px solid #999999;
}

p.question{
	font-weight: bold;
} 

p.answer{
	margin-left: 20px;
	font-weight: normal;
}