body {
	color: #000000;
	background: #ffffff;
	margin: 0 auto; 
	padding: 0;
	max-width: 1024px;
	}

/* Hide non relevant nav */
#first-year-modules,#second-year-modules,#final-year-modules,
#modules,#sub-study-problems,#handbook,#sub-year2-entry,#sub-year1-entry,
#sub-year1,#sub-year2,#independent-study-right-hand-menu,
#sub-year3,#sub-sslc,#sub-q-and-a,#sub-q-and-a-staff,
#sub-employability,#work-experience-right-hand-menu,
#abroad-right-hand-menu, {
	display: none;
}

#allcap, #allcap1, #allcap2 {
	display:none;
}

p{
	font-family: Helvetica, Arial, sans-serif;
}

ol,ul {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.5;
	}

td,th {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	}

th {
	text-align: left;
	}
	
dl {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding-left: 10px;
	line-height: 1.5;
	}
	
dt {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding-left: 10px;
	line-height: 1.5;
	}
	
code, tt, address, blockquote, kbd, samp {
	color: #000;
	padding-left: 10px;
	}


/* This is to render the 'skip to main content' link invisible. */
#skip {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
}

/* This next style makes the skip link visible when you tab to it. */
#skip:focus,#skip:active,#skip:hover {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
  /* The following are properties to style the link when it is visible */
  background: #039;
  color: white;
  top: 2px;
  left: 2px;
  padding: 2px;
  font-size: small;
}


.printlogo {
	display: none;
	}

img {
	display: block;
	border: 0px none;
	background: #FFFFFF;
	}
	
.imgnoblock {
	display: inline;
	vertical-align:middle;
}


/* LOGOANDBANNER */

#logoandbanner {
	clear: right;
	background: #00CC00;
	height: 84px;
}

#unilogo {
	float: left;
	width: 26%;
	background: url(../images/logo-green.gif) no-repeat;
	height: 84px;
}

#title {
	float: left;
	width: 48%;
	background: url(../images/students-in-lecture-green-slope.jpg) no-repeat right;
	height: 84px;
	display: table;
}

#title p {
	font-size: 1.25em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: middle;
	margin: auto;
	padding-right: 220px;
	display: table-cell;
}

/* UTILITY LINKS */

#utilitylinks {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	line-height: 12px;
	color: #fff;
	list-style: none;
	padding: 5px 0px 0px 5px
	}
	
#utilitylinks li {
    text-decoration: none;
	color: #fff
	}

#utilitylinks a {
	text-decoration: none;
	color: #fff;
	}
	
#utilitylinks a:hover {
	color: #00FFFF;
	}

/* SEARCHBAR */

#searchbar {
	clear: both;
	background: #99CC66;
	border-bottom: 1px solid #fff; 
	border-top: 1px solid #fff;
	padding: 1px;
	height: 25px;
}

#todaysdate {
	background-color: #99CC66;
	width: 26%;
	float: left;
	font-size: small;
	margin: auto;
	padding: 0px;
	border-right: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#breadcrumb {
	background-color: #99CC66;
	width: 47%;
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	text-align: left;
	float: left;
	border-right: 0px solid #f00;
	border-left: 2px solid #FFFFFF;
	padding: 0px 0px 0px 10px;
	margin-left: -2px;
	}
	
#breadcrumb a {
	text-decoration: none;
	color: #FFF	
}

#search {
	background: #99CC66;
	float: left;
	}

#search label {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
}

/* NAVANDCONTTENT */

#navandcontent {
	clear: both;
	width: 100%;
}

/* NAVIGATION */

#navigation {
	float: left;
	background-color: #ffffff;
	width: 26%;
	border-left:#99CC99 solid 1px;
	border-bottom:#009900 solid 1px;
	margin-right: -1px; 
	}
	
#navigation .subsection {
	padding-left: 0px;
	border-top: 1px solid #009900;
	background-color: #CCFF66;
}

#navigation .subsubsection {
	padding-left: 10px;
	border-top: 1px solid #009900;
	background-color: #CCFF99;
}

#navigation ul {
	list-style: none;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	margin: 0px 0px 0px -5px;
	font: x-small/18px Verdana, Lucida, Helvetica, Arial, sans-serif;
	padding: 0px 0px 0px 5px;
}

#navigation ul ul {
	margin-left: 20px;
	padding-left: 5px; 
}

#navigation ul ul li {
	list-style-type: disc;
	color: #999900;
}

#navigation li {
	list-style: none;
	}

#navigation ul ul ul ul {
	margin-left: 5px;
	padding-left: 25px;
}

#navigation ul ul ul ul li{
	list-style: square;
	color: #CCCCCC;
}

#navigation ul li{
	border-bottom: 1px solid #f1f1f1;
	}
	
#navigation .section {
	font-weight: bold;
	border-top: 1px solid #009900;
	background-color:#99FF33;
	display: block;
	color: #000;
	text-decoration: none;
	padding-left: 5px;
}

#navigation .section a {
	margin-left: -5px;
}

#navigation .subsection a:hover {
	margin-left: -5px;
}

#navigation .subsubsection a:hover {
	margin-left: -5px;
}

#navigation a {
	display: block;
	color: #000;
	text-decoration: none;
	padding-left: 5px;
}

#navigation li a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #999900;
	}

#navigation ul a:hover {
	display: block;
}

#navigation ul a {
	width: 100%;
	display: block;
	margin-right: -5px;
}
	
/* CONTENT */

#content {
	float: left;
	font-size: small;
	/* border-left: 1px solid #000; */
	width: 48%;
	padding-right: 5px;
	}

#content p {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding-left: 10px;
	line-height: 1.5;
	}

#content h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	line-height: 1.5;
	}

#content form {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding-left: 10px;
	}
	
#content h1 {
	padding-top: 5px;
	text-transform: uppercase;
	}
	
#content h3 {
	font-style: italic;
	padding-top:10px;
	}
	
#content h4 {
    font-weight:bold;
	font-size:small;
	border-top:1px dotted #99CC33;
	padding-top:10px;
	clear:both;
	}
	
#content h1,h2,h3,p,ul,ol,li,hr {
     clear:left;
}
	
#content a {
	text-decoration:none;
	color:#0000FF;
}

#content a:hover {
    color:#FF0000;
}

#content a:visited {
    color:#CC00CC;
}	
	
/* LATEST*/

#latest {
	float: right;
	background: #F7EEE8;
	margin: 0;
    border-bottom:#99CC99 solid 1px;
	padding: 10px 10px 20px 5px;
	max-width: 130px;
	/* width was 20% */
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	}
	
#latest hr{
    color:#99CC99;
	height: 1px;
	}

#latest h1 {
	font-size: medium;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
	color:#000000;
	line-height:1.5;		
	}
	
#latest h2 {
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	/* border-top: 1px solid #000; */
	color:#FF0000;
	}
	
#latest h3 {
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	color:#FF0000;	
	}
	
#latest h1,h2,h3,p,ul,ol,li,hr {
     clear:left;
}
	
#latest a {
	text-decoration:none;
	color:#0000FF;
}

#latest a:hover {
    color:#FF0000;
}

#latest a:visited {
    color:#CC00CC;
}

#latest p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

#latest img {
	margin: 5px 10px 5px 0px;
	border: 0px;
	float:left;
	}
	
#latest ul {
font: x-small/18px Verdana, Lucida, Helvetica, Arial, sans-serif;
margin-left: 0em;
margin-top: 0em;
margin-bottom: 0.5em;
}


/* First-Year MODULES*/

#first-year-modules {
	float: right;
	background: #ccff99;
	margin: 0;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 10px 20px 5px;
	width: auto;
	max-width: 23%;
	}
	
#first-year-modules h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 1em;
	margin-top: 0em;
	padding: 10px 0px 5px 0px;		
	}
	
#first-year-modules h2 {
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #000;	
	}
	
#first-year-modules ul {
    margin-top: 0em;
}

#first-year-modules li {
    display:list-item
	font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
}

	
#first-year-modules a {
    font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	text-decoration:none;
	color: #0033FF;
}

#first-year-modules a:hover {
    text-decoration:none;
	color:#FF0000; 
}

#first-year-modules a:visited {
	color: #990000;
	text-decoration: none;
	}
	
/* second-year-modules */

#second-year-modules {
	float: right;
	background: #ccff99;
	margin: 0;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 10px 20px 5px;
	width: auto;
	max-width: 23%;
	}
	
#second-year-modules h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 1em;
	margin-top: 0em;
	padding: 10px 0px 5px 0px;		
	}
	
#second-year-modules h2 {
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #000;	
	}
	
#second-year-modules ul {
    margin-top: 0em;
}

#second-year-modules li {
    display:list-item
	font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
}

	
#second-year-modules a {
    font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	text-decoration:none;
	color: #0033FF;
}

#second-year-modules a:hover {
    text-decoration:none;
	color:#FF0000; 
}

#second-year-modules a:visited {
	color: #990000;
	text-decoration: none;
	}
	
/* final-year-modules */

#final-year-modules {
	float: right;
	background: #ccff99;
	margin: 0;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 10px 20px 5px;
	width: auto;
	max-width: 23%;
	}
	
#final-year-modules h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 1em;
	margin-top: 0em;
	padding: 10px 0px 5px 0px;		
	}
	
#final-year-modules h2 {
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #000;	
	}
	
#final-year-modules ul {
    margin-top: 0em;
}

#final-year-modules li {
    display:list-item
	font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
}

	
#final-year-modules a {
    font: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: x-small;
	text-decoration:none;
	color: #0033FF;
}

#final-year-modules a:hover {
    text-decoration:none;
	color:#FF0000; 
}

#final-year-modules a:visited {
	color: #990000;
	text-decoration: none;
	}
	
/* HANDBOOK*/

#handbook {
	float: right;
	background: #F7EEE8;
	margin: 0;
	border-bottom:#99CC99 solid 1px;
	padding: 10px 10px 20px 5px;
	/* width: auto;*/
	max-width: 20%;
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	}

#handbook h1 {
	font-size: medium;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
	line-height:1.5;
	border-bottom: 1px solid #CCCCCC;		
	}
	
#handbook h2 {
	font-size: medium;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	/* border-top: 1px solid #000; */
	}
	
#handbook h3 {
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 5px 0px;
	}
	
#handbook h1,h2,h3,p,ul,ol,li,hr {
     clear:left;
}
	
#handbook a {
	text-decoration:none;
	color:#0000FF;
}

#handbook a:hover {
    color:#FF0000;
}

#handbook a:visited {
    color:#CC00CC;
}

#handbook p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 5px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px;
	}

#handbook ul {
font: x-small/18px Verdana, Lucida, Helvetica, Arial, sans-serif;
margin-left: 0em;
margin-top: 0em;
margin-bottom: 0.5em;
}

.handbook-h2 {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left:10px;
	}

/* FOOTER */

#footer {
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-top:#99CC99 solid 1px;
	border-bottom:#99CC99 solid 1px;
}

#footer p {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}			


.imagefloatleft { 
        float: left;
		padding-right: 20px;
}			
 	
.imagefloatright {
	float: right;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}
	
#content h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,form{
	font-size: small;
	}
	
#webct {
    clear:both;
	padding-top: 10px;
	}
	
#service {
    clear:both;
	padding-top:10px;
	}
	
#course-full p {
    text-align:center;
	font-size:125%;
	}
	
#course-full h1 {
    font-size: 150%;
	color:#FF0000;
	text-align:center;
	}

@media print {
body {
	 margin: 20mm 25mm 25mm 25mm;
	 }

	.printlogo {
		display: block;
		height: 20mm;
		float:left;
	}
	#logoandbanner {
		display: none;
	}
	#navigation {
		display: none;
	}
	#searchbar {
		display: none;
	}
	#content {
		width: 100%;
		border: none;
		float: none;
	}
	
	#content p {
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		}
		
	#content h2 {
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12pt;
		}
		
	#content h3 {
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 11pt;
		}
	
	#navandcontent {
		width: 100%;
		border: none;
		float: none;
	}
	
	
	#latest{
	    display: none;
	}
	
	#footer {
	    display: none; 
		/* font-size: 7pt; */
	}
	
    }