/*
/* Last Change: 22/01/2007 (JM)  */
/* basic config */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}
/* global styles for body para and links etc */
body {
	background:#cccccc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #666;
	font:0.8em Arial, Helvetica, sans-serif;
}

p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	color: #666;
	line-height: 1.5em;
	}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	color: #666;
	line-height: 1.5em;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left: 5px;
	padding: 0px 0px 15px 0px;
	font-weight: normal;
	color: #666;
	line-height: 1.5em;
}
select {
border:1px solid #A4B97F;
background:#FFF url(/images/new/selectBG.gif) no-repeat top left;
}
a:link { color: #00aff0; text-decoration: underline; } /*was #9933ff*/
a:visited { color: #3399cc; text-decoration: underline; } /*was#996655*/
a:hover { color: #87c80a; text-decoration: none; } /*was#ff00ff*/
a:active { color: #00aff0; text-decoration: none; }/*was#0063DC*/

/*hide skipnav*/
.skiplink {display:none}

/* The container */
#container {
	margin: 0 auto;
	padding: 0 10px 0 10px;
 	width: 775px;
	background: #ffffff;
  }

/* Heading Styles */
h1 
{
font: 1.7em Arial, Helvetica, sans-serif;
padding:0px 0 5px 0px;
color: #333;
}
h2
{
font: 1.5em Arial, Helvetica, sans-serif;
padding:10px 0 15px 0px;
color: #333;
}
h3
{
font: 1.3em Arial, Helvetica, sans-serif;
padding:10px 0 5px 0px;
color: #333;
}
h4
{
font: 1.2em Arial, Helvetica, sans-serif;
padding:10px 0 5px 0px;
color: #333;
}
h5
{
font: 1.1em Arial, Helvetica, sans-serif;
padding:10px 0 0px 0px;
color: #333;
}
blockquote {
padding: 30px 0 20px 0;
background: transparent url(/images/new/quoleft.gif) left top no-repeat;
}
blockquote div {
padding: 0 48px;
background: transparent url(/images/new/quoright.gif) right bottom no-repeat;
}
cite {
margin: 10px 0 15px 30px;
padding: 0 0 10px 0;
}
#header img{
margin: 10px 0 0 0;
border:0;
}
#header{
padding-bottom: 0;
}
/* search box display settings */
#search legend {
display:none;
}
#search label{
font:90% Arial, Helvetica, sans-serif;
}
#search fieldset {
border:none;
margin:0;
padding:0;
float: right; 
}
#sfield {
background:#e5e6ee;
border:1px solid #cccccc;
font: 0.9em Arial, Helvetica, sans-serif;
padding:2px;
width:130px
}
#sfield:focus, #sfield.fieldfocus {
background:#ffccff;
}
#sbutton {
font:0.9em Arial, Helvetica, sans-serif;
border:1px solid #ece9d8;
color:#fff;
padding:1px 3px;
background-color:#999;
margin-left:3px
}
#search form {
float:right;
padding: 0px 0px 5px 5px;
}
/*---------------------------------------------------------  Course Search ------------------ */
#course_search legend {
display:none;
}
#course_search label{
font:90% Arial, Helvetica, sans-serif;
}
#course_search fieldset {
border:none;
margin:0;
padding:0;
float: right; 
}
#course_sfield {
background:#e5e6ee url(/images/new/search/background.gif) repeat-x 0 0;
border:1px solid #000;
font: 120% Arial, Helvetica, sans-serif;
margin:4px 2px 2px 2px;
padding:2px 2px 2px 2px;
width:230px;
height: 22px;
}
#course_sfield:focus, #course_sfield.fieldfocus {
background:#ffccff;
}
#course_sbutton {
font:1.4em Arial, Helvetica, sans-serif;
border:1px solid #ece9d8;
color:#fff;
margin: 8px 2px 2px 2px;
padding:2px 2px 2px 2px;
background:#FFF url(/images/new/selectBG.gif) repeat-x top left;
}
#course_search form {
float:right;
padding: 5px 10px 5px 5px;
}
/*---------------------------------------------------------  NAVIGATION ------------------- */
/* Main Top Navigation */
#navcontainer {
padding: 10px 0 5px 0; /* was 10px 0 25px 0 decreased padding bottom to close up gap under main nav */
margin: 0;
clear:right;
}
#navlist ul {
padding: 0px 0px 10px 0px;
white-space: nowrap;
}
#navlist li {
font:140% Arial, Helvetica, sans-serif;
border-left: 1px dotted #999;
display: inline;
list-style-type: none;
padding: 1px 10px; 
}
#navlist a { 
}
#navlist a:link, #navlist a:visited {
color: #333;
background-color: #fff;
text-decoration: none;
}
#navlist a:hover
{
color: #9933ff;
background-color: #fff;
text-decoration: none;
}
/* use this on all other active sections in each type of style other than courses style */
#navcontainer .currentsection {
color: #9933ff;
background-color: #fff;
text-decoration: none;
padding: 1px 10px; 
}
/* use this for courses in the courses styles, otherwise markup as just an <li> */
#navcontainer .courses {
color: #9933ff;
background-color: #fff;
text-decoration: none;
padding-left:0;
margin-left: 0;
border-left:none;
}
/* use this as <li class="first"> around courses link but only when not in a courses style */
#navcontainer li.first {
border-left:none;
padding-left:0;
margin-left: 0;
}
/*------------------------------------------SECOND LEVEL HORIZONTAL NAVIGATION ------------------- */
#navcontainer_2 {
color: #9933ff;
padding: 5px 0 5px 0;
margin: 0;
clear:right;
}
#navlist_2 ul {
padding: 0px 0px 10px 0px;
white-space: nowrap;
}
#navlist_2 li {
font:120% Arial, Helvetica, sans-serif;
border-left: 1px dotted #999;
display: inline;
list-style-type: none;
padding: 1px 10px; 
}
#navlist_2 a { 
}
#navlist_2 a:link, #navlist_2 a:visited {
color: #9933ff;
background-color: #fff;
text-decoration: none;
}
#navlist_2 a:hover
{
color: #ff00cc;
background-color: #fff;
text-decoration: none;
}
#navcontainer_2 .currentsection {
color: #9933ff;
background-color: #fff;
text-decoration: none;
padding: 1px 10px; 
}
#navcontainer_2 li.first {
border-left:none;
padding-left: 0;
margin-left: 0;
}

/*---------------------------------------------------------  CRUMBS! ------------------- */
#breadcrumbs {
color:#666;
padding: 0 0 10px 0;
}
#breadcrumbs a:link {
color: #993399;
text-decoration: none;
}
#breadcrumbs a:visited {
color: #993399; 
text-decoration: none; 
}
#breadcrumbs a:hover { 
color: #ff00cc; 
text-decoration: none;
}
#breadcrumbs a:active { 
color: #ff00cc; 
text-decoration: none; 
}
/* ------------------------------------------------------  FOOTER -----------------------*/
#footer {
font: 90% Arial, verdana, helvetica, Sans-Serif;
border-top: 1px solid #ccc;
padding: 3px 0 5px 0;
margin: 30px 0 0 0;
clear:both;
}
#footer a:link {
color: #666;
text-decoration: none;
}
#footer a:visited {
color: #666; 
text-decoration: none; 
}
#footer a:hover { 
color: #9933ff; 
text-decoration: none;
}
#footer a:active { 
color: #9933ff; 
text-decoration: none; 
}
#footer li {
display: inline;
padding: 0 2px 0 2px;
border-left: 1px dotted #999;
}
#footer li.first {
border-left:none;
}

/* ---------------------------------------------------- FRONT PAGE STYLING ---------------*/
/* DELETE THIS MONDAY 11 SEPT */
#front_content {
float:left;
width:500px;
}
#front_content img {
margin: 0 0 10px 0;
border:0;
}
#front_content img {
padding: 20px 0 0 0; }
/* Front page layout divs */
#content_front {
float:left;
width:500px;
}
#content_front img {
margin: 0 0 10px 0;
border:0;
}
#content_front img {
padding: 20px 0 0 0; }
#front-sidebar {
margin: 0px 5px 0 0;
float: right;
width: 240px;
}
#front-sidebar img{
border:none;
padding: 10px 0 0 0;
}

/* MAIN news/events styling */
.newsstory {
margin: 0px 0px 5px 0px; }
h2.newsevents {
font: 1.5em Arial, Helvetica, sans-serif;
padding:10px 0 0px 0px;
color: #000;
}
h2.newsevents a:link { color: #000; text-decoration: none; }
h2.newsevents a:visited { color: #000; text-decoration: none; }
h2.newsevents a:hover { color: #000; text-decoration: none; }
h2.newsevents a:active { color: #000; text-decoration: none; }
h3.newstitle {
padding: 10px 0 3px 0;
font: 1.2em Arial, Helvetica, sans-serif bold;
border-bottom: 1px dotted #999;
color: #000;
}
h3.newstitle a:link { 
color: #000; 
text-decoration: none; 
}
h3.newstitle a:visited { 
color: #000; 
text-decoration: none;
}
h3.newstitle a:hover { 
color: #9933ff; 
text-decoration: none;
}
h3.newstitle a:active { 
color: #9933ff; 
text-decoration: none;
}
.newsitem {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 35px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
p.date {
padding:0 0 1px 0;
color:#000;
font-size: 85%;
}
/*events */
h3.eventtitle {
padding: 10px 0 3px 0;
font: 1.2em Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #999;
color: #333;
}
h3.eventtitle a:link { 
color: #333; 
text-decoration: none; 
}
h3.eventtitle a:visited { 
color: #333; 
text-decoration: none;
}
h3.eventtitle a:hover { 
color: #9933ff; 
text-decoration: none;
}
h3.eventtitle a:active { 
color: #9933ff; 
text-decoration: none;
}
.eventitem {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 25px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
/* ---------------------------------------------------- GENERIC STYLING ---------------*/
/* --- controls content on nearly all pages ---*/



#content{
float:right;
width:570px;
padding-bottom:20px;
}
#content img{

padding: 2px 2px 2px 5px;
}

#content .intro_text{
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: normal;
color: #333;
line-height: 1.5em;
}
#content ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 10px 0px 10px 20px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
#content ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 20px 20px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
ul.no_bullet {
padding: 10px 0px 20px 20px;
}
ul.no_bullet li{
list-style-type: none;
padding-bottom: 5px;
}
/*-- float left image --*/
/*-- ref icjs homepage --*/
#content .pushleft img{
clear:both;
float:left;
margin-right: 10px;
margin-bottom: 10px;
}

#content .clearimage{
display: block;
clear:left;
}

/*-- no float - stops the text wrapping an image --*/
/*-- used on wireless page --*/
#content .nofloat img{
float:none;
margin: 0 auto;
padding-top:10px;
padding-bottom:5px;
}



/* --- controls content on ful screen pages (mostly 2nd levels e.g. study ---*/
#content_fullscreen{
padding-bottom:20px;
}
#content_fullscreen img{
padding: 0 2px 5px 5px;
border: none;
float: right;
}
#content_fullscreen ul {
font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px 0px 10px 20px;
	font-weight: normal;
	color: #666;
	line-height: 1.5em;
}


/*NEW ITEMS DISPLAYED AS A BLOCK WITH LINKS - ON SECOND LEVEL PAGES*/

dl.feature-list {
	padding: 0;
	margin: 0;
	}

dl.feature-list dd {
	display: block;
	height: 50px;
	margin: 10px 0 10px 0;	
	}

dl.feature-list dd a {
	display: block;
	height: 50px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	}
	
dl.feature-list dd a:hover {
	background: url(/images/new/bluegrad.gif) no-repeat;
	text-decoration: none;
	color: #9933ff;
	}

dl.feature-list dd a:visited {
	display: block;
	height: 50px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	}
	
dl.feature-list dt a { 
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	}
	
dl.feature-list dt a:hover {
	display: block;
	width: 100%;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	}

dl.feature-list dt a:visited {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}


/* Special one for Business page */

dl.feature-list2 {
	padding: 0;
	margin: 0;
	}

dl.feature-list2 dd {
	display: block;
	height: 70px;
	margin: 10px 0 10px 0;	
	}


dl.feature-list2 dd a {
	display: block;
	height: 70px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	}
	
dl.feature-list2 dd a:hover {
	background: url(/images/new/bluegrad.gif) bottom no-repeat;
	text-decoration: none;
	color: #9933ff;
	}

dl.feature-list2 dd a:visited {
	display: block;
	height: 70px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	}
	
dl.feature-list2 dt a { 
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	}
	
dl.feature-list2 dt a:hover {
	display: block;
	width: 100%;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	}

dl.feature-list2 dt a:visited {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}





/*ITEMS DISPLAYED AS A BLOCK WITH LINKS*/
.item {
display: block;
float:none;
text-align: left;
background-color: transparent;
border-bottom: 1px solid #e5e5e5;
}
.item a {
display: block;
text-decoration: none;
color:#transparent;
padding: 5px 15px 5px 15px;
}
.item a:hover, .item a:active {
display: block;
background-color: #f2f2f2;
color: #666666;
text-decoration: none;
}
/*--- 50% left right divisions --*/
#halfleft {
margin: 0 0 0 0;
width: 48%;
float: left;
}
#halfright {
margin: 0 0 0 0;
width: 48%;
float: right;
}
/*-- right aligned shuffle over --*/
.right_align {
text-align: right;
float: right;
}
/* --- controls sidebar on all pages with sidebar --*/
#sidebar {
margin: 0 0 0 0;
float: left;
width: 200px;
}
/* -- sets linkback to courses colours --*/
#sidebar h3 {
padding: 5px 0 5px 0;
}
#sidebar h3 a:link { color: #00aff0; text-decoration: none; } 
#sidebar h3 a:visited { color: #3399cc; text-decoration: none; } 
#sidebar h3 a:hover { color: #87c80a; text-decoration: none; } 
#sidebar h3 a:active { color: #00aff0; text-decoration: none; }

/* -------------------------------------------------------------------------------------  */
#side_navlist {
	width: 190px;
	margin: 10px 0 10px 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
#side_navlist ul {
	margin: 0;
	padding: 0;
	}
#side_navlist ul.first {
	width: 190px;
	border-top: 1px solid #bdbdbd;
	}
#side_navlist ul a {
	display: block;
	width: 185px;
	padding-left:5px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #bdbdbd;
	}
#side_navlist ul .currentsection {
	display: block;
	width: 185px;
	color: #000;
	padding-left:5px;
	text-decoration: none;
	border-bottom: 1px solid #bdbdbd;
	background-color:#e5e6ee;
	}
#side_navlist ul a:hover {
	background-position: right bottom;
	color: #000;
	background-color:#e5e6ee;
	}
#side_navlist li {
	display: inline; /* :KLUDGE: Removes Large Gaps in IE/Win */
	}
#side_navlist .multilevel-linkul-0 a {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 15px;
	border-bottom: 1px solid #bdbdbd;
	}
#side_navlist ul .multilevel-linkul-0 .currentsection {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 15px;
	border-bottom: 1px solid #bdbdbd;
	background-color:#e5e6ee;
	}
#side_navlist .multilevel-linkul-1 a {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 20px;
	border-bottom: 1px solid #bdbdbd;
	}
#side_navlist ul .multilevel-linkul-1 .currentsection {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 20px;
	border-bottom: 1px solid #bdbdbd;
	background-color:#e5e6ee;
	}
#side_navlist .multilevel-linkul-2 a {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 25px;
	border-bottom: 1px solid #bdbdbd;
	}
#side_navlist ul .multilevel-linkul-2 .currentsection {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 25px;
	border-bottom: 1px solid #bdbdbd;
	background-color:#e5e6ee;
	}
#side_navlist .multilevel-linkul-3 a {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 30px;
	border-bottom: 1px solid #bdbdbd;
	}
#side_navlist ul .multilevel-linkul-3 .currentsection {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 30px;
	border-bottom: 1px solid #bdbdbd;
	background-color:#e5e6ee;
	}

/* New Sidelist Format David Anderson 06th August 2007 */	
#side_navlist .multilevel-linkul-4 a {
	display: block;
	width: 185px;
	color: #000;
	text-decoration: none;
	text-indent: 40px;
	border-bottom: 1px solid #bdbdbd;
	}
/* related links */

#related_links
{
padding-left: 0;
margin-top: 10px;
margin-left: 0;
width: 195px;
}
#related_links h4
{
padding-left: 0;
color: #ff00cc;
margin-top: 10px;
margin-left: 0;
width: 195px;
}

#rel_links li
{
list-style: none;
margin: 0;
padding-left: 5px;
}

#rel_links a { 
padding-left: 3px; 
}
#rel_links a:link, #rel_links a:visited {
color: #666;
background-color: #fff;
text-decoration: none;
}
#rel_links a:hover
{
color: #9933ff;
background-color: #fff;
text-decoration: none;
}
#department_image  {
padding: 0 0 15px 0;
}
/* Staff */
#staff-profile-template .vcard {
width: 100%;
clear: left;
}
#staff-profile-template .vcard img {
	padding: 0 20px 15px 0;
    float: left;
	background: #fff;
	border: none;
}
#staff-profile-template .vcard img.vcard-icon { 
	padding: 0 20px 10px 0;
    float: right;
	background: #fff;
	border: none;
}
#staff-profile-template .vcard p {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
.stafflist-table caption {font-size: 110%; color: #93f; text-align: left;}
.stafflist-table table {margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
.stafflist-table td, th {padding: 10px 4px; border-bottom: 1px solid #EEE;}
.stafflist-table td + td {border-left: 1px solid #FAFAFA; color: #999;}
.stafflist-table td + td + td {color: #666; border-left: none;}
.stafflist-table tfoot th {text-align: right;}
.stafflist-table th {text-align: left;}
.stafflist-table th + th {text-align: right;}
.stafflist-table th + th + th {text-align: left;}
.stafflist-table thead tr, tfoot tr {color: #555; font-size: 0.8em;}
.stafflist-table tr {font: 12px sans-serif; background: url(../images/lbluefade.jpg) repeat-x #fff bottom; color: #666;}
.stafflist-table tr:hover {background: #fafada;}
/*---- COURSE LISTINGS APPLICATION STYLE ---*/
/* top a - z anchors */
#course_anchors
{
margin: 10px 0 0 10px;
padding: 0;
height: 20px;
}
#course_anchors ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#course_anchors ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#course_anchors ul li a
{
background: #fff;
width: 20px;
height: 20px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-right: none;
padding: 0;
margin: 0 0 10px 0;
color: #666;
text-decoration: none;
display: block;
text-align: center;
}
#course_anchors ul li a:hover
{
color: #fff;
background: #00aff0;
}
#course_anchors a:active
{
background: #00aff0;
color: #fff;
}
/* actual course lists */
.course_list ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 10px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
.course_list li{
display:block;
padding:3px 0 3px 0;
list-style-type: none;
line-height: 1.5em;
}
.courses_listings ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 10px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
.courses_listings li{
display:block;
padding:3px 0 3px 0;
list-style-type: none;
line-height: 1.5em;
}
.undergrad_listings ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 10px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
.undergrad_listings li{
display:block;
padding:3px 0 3px 0;
list-style-type: none;
line-height: 1.5em;
}
.postgrad_listings ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px 0px 10px 0px;
font-weight: normal;
color: #666;
line-height: 1.5em;
}
.postgrad_listings li{
display:block;
padding:3px 0 3px 0;
list-style-type: none;
line-height: 1.5em;
}
/******************************************************************/

/*            COURSES CONTACT BOX                                 */	

/******************************************************************/
.courses-box-left
{
	margin: 15px 0 20px 0;
	padding: 0 0 12px 0;
	width: 50%;
	line-height: 1.5em;
	color: #666;
	background: #EEF3FF url(/images/newsite/curve-b.gif) no-repeat bottom left;
	}
.courses-box-left h3 
{
	margin: 0;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #4F3288;
	background: #EEF3FF url(/images/newsite/curve-t.gif) no-repeat top right;
	}
.courses-box-left p 
{
	margin: 0;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #000;
	}
.courses-box-left ul
{
	margin-left: 5px;
	padding-left: 5px;
	}
.courses-box-left li
{
list-style-type: none;
}
/* courses outline boxes in the sidenav bar */
.outlinebox{
float:left;
color: #666;
background: url(/images/new/blue-right.gif) top right no-repeat;
}
.desc {
margin: 0;
padding: 9px 9px 0 9px;
background: url(/images/new/blue-left.gif) top left no-repeat;
}

.link {
margin: 0;
padding: 0 0 0 9px;
background: url(/images/new/blue-left.gif) bottom left no-repeat;
}
.link em{
display: block;
padding: 0 9px 9px 0;
font-style: normal;
background: url(/images/new/blue-right.gif) bottom right no-repeat;
}
.outlinebox a {
font-size: 130%;
color: #e70;
}
/* COURSES DETAIL */

h3.moreaboutcourse 
{
font: 1.3em Arial, Helvetica, sans-serif;
background: url(/images/new/twisty.gif) bottom left no-repeat;
padding:10px 0 10px 0px;
color: #ff00cc;
}


#course_details
{
color: #4F3288;
padding: 10px 0px 10px 0px;
}
#course_details ul
{
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
#course_details li
{
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
#admissions_contact
{padding: 10px 0px 10px 0px;}
/* courses nextstep under left nav */
.courses_nextstep {
padding: 10px 0 5px 0;
}
.courses_nextstep img{
border: none;
padding: 10px 0 0 0;
}
/* courses contact info boxes */
.coursecontactbox{
float:left;
color: #666;
background: url(/images/new/blue-right.gif) top right no-repeat;
}
.adtitle {
font-size: 1.3em;
margin: 0;
padding: 9px 9px 0 9px;
background: url(/images/new/blue-left.gif) top left no-repeat;
}
.adlink {
margin: 0;
padding: 0 0 0 9px;
background: url(/images/new/blue-left.gif) bottom left no-repeat;
}
.adlink em{
display: block;
padding: 0 9px 9px 0;
font-style: normal;
background: url(/images/new/blue-right.gif) bottom right no-repeat;
}
.coursecontactbox a {
color: #ff00cc;
}
/* DEPARTMENTAL CONTACT BOXES */
.dept_contact
{
	margin: 15px 0 20px 0;
	padding: 5px 10px 12px 10px;
	clear:both;
	width: 550px;
	line-height: 1.5em;
	color: #666;
	background: #EEF3FF url(/images/newsite/curve-b.gif) no-repeat bottom left;
	}
.dept_contact h3 
{
	margin: 0;
	padding: 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #333;
	/*background: #EEF3FF url(/images/newsite/curve-t.gif) no-repeat top right;*/
	}
.dept_contact ul
{
	margin-left: 5px;
	padding-left: 5px;
	}
.dept_contact li
{
list-style-type: none;
}
/*---Boardof governors --*/
p.profile { 
clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	font-weight: normal;
	color: #666;
	line-height: 1.5em;
	}
h3.profile_title {
clear:both;
}

/*---This creates a list with the mini download gif file instead of bullet point---*/
ul.mini_download {
padding: 10px 0px 20px 20px;
list-style-image: url('/images/templates_hard/Minidownload_trans.gif');
list-style-position: inside;
}
ul.mini_download li{
padding-bottom: 5px;
}

/*--- left (35%) right (65%) split - useful for vacancies ---*/
.split_left {
margin: 0 0 0 0;
width: 35%;
float: left;
}
.split_right {
margin: 0 0 0 0;
width: 61%;
float: right;
}

split_left ul, split_right ul {
padding: 10px 0px 20px 20px;
}
split_left li, split_right li {
list-style-type: none;
padding-bottom: 5px;
}

.vacancy_box {
margin: 0 0 0 0;
width: 100%;
float: left;
}

/* For Nik, used on DoDo site, registry NOTE this is Intranet and IntERnet  */


#dodo {
width: 500px;
border-right: 1px none #000;
padding: 0 0 1em;
margin-bottom: 1em;
background-color: #fff;
color: #333;
font-size: 12px;
}

#dodo h4 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #333333;
background: #fff url(/images/new/dodo/titlebar.gif) repeat-y top left;
padding: 3px 0px 3px 5px;
margin: 5px 0px;
width: auto;
height: auto;
float: none;
text-transform: uppercase;
border: 1px solid #ccc;
}

#dodo ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 500px;
}
		
#dodo li {
background: #fff url(/images/new/dodo/middlebar.gif) repeat-y top left;
border-bottom: 1px solid #90bade;
margin: 0;
list-style: none;
width: 500px;
}
			
#dodo ol {
background: #fff url(/images/new/dodo/lightbar.gif) repeat-y top left;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
		
#dodo li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #917aa5;
border-right: #fff;
background-color: none;
color: #000;
text-decoration: none;
width: 96%;
}
		
#dodo ol a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #917aa5;
border-right: #fff;
background-color: none;
color: #000;
text-decoration: none;
width: 96%;
text-indent: 40px;
}

html>body #dodo li a {
width: auto;
}

#dodo li a:hover {
border-left: 10px solid #d3becf;
border-right: 10px none #5ba3e0;
background-color: none;
color: #000;
}
		
#dodo ol a:hover {
border-left: 10px solid #d3becf;
border-right: 10px none #5ba3e0;
background-color: none;
color: #000;
text-decoration: underline;
}

/*-----------------end DoDo stuff -------------------------------------------------------*/



/* ============================= FORMS ============================================
 Partly based on:
 wFORMS 2.0 Stylesheet - Campground Theme v3 - Aug. 2006
 See http://www.formassembly.com/wForms
 Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
================================================================================== */

form {
	padding: 10px;
}
form a {
	color: #33CC66;
}

/* Form Sections ======================================================================== */

/* Fieldset  */
fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	background-color:#FAFAFA;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #9933ff;
	font-weight: bold;
}
/* Nested Fieldset  */
fieldset fieldset  {
	background-color:#FFF;
	border: 1px solid #ccc;
}
fieldset fieldset legend {
	font-size: 100%;
}
/* Inline Section */
.inlineSection {
	overflow: auto;
	width: 100%;	
}
/* Grid Section */
form table {
	border-collapse: collapse;
}
form td {
	padding: 0 4px;
	border-left: 1px solid #DFDED2;
	border-right: 1px solid #DFDED2;	
}
form th {
	padding: 0 4px;
}
form .alternate-1 {
	background-color:#E8F0E8;
}
form .alternate-1 td {
	border-left: 1px solid #DFDED2;
	border-right: 1px solid #DFDED2;	
}
form .alternate-0 {
}

/* Combo Label + Input Field =========================================================== */
form .oneField {
	margin: 6px 0;
	display: block;
	vertical-align: middle;
}
form .inlineSection .oneField {
	margin-right: 2px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 	
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	margin: 0;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
}
/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
	font-size: 100%; 
}
/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
	white-space: normal;
}

/* display side-by-side checkboxes --- added 28/02/07 by PMK */
form  .multipleCheck {
	margin: 6px 6px;
	display: inline;
	vertical-align: middle;
}


/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}
input {
	font-size: 100%; 
	margin: 0 2px 0 0;
	padding: 2px 0;
}
select {
	margin: 2px 2px 1px 0;
	padding: 0;
	font-size: 100%; 
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form .actions {
	margin: 20px 0 10px 0;	
	padding: 10px 5px;
	background-color: #F5F5F5;
	border-top: 2px solid #9933ff;
	text-align: right;
}
/* Submit button */
form .primaryAction {
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}

/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1.5em 0;
	padding: 3px;
	background-color:#FFFFCC;
}
/* Asterisk on required fields */
form .reqMark {
	color: #ff00cc;
	padding: 0 4px;
}
/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	border: 1px solid #ff00cc;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #ff00cc !important;
	display: block;
}
/* Field-Hint with focus */
form .field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;	
	background-image: url(/images/tfa-bracket.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding: 0 0 0 20px ;
}
/* Field-Hint without focus */
form .field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;
	background-image: url(/images/tfa-greybracket.gif);
	background-repeat: no-repeat;
	background-position: left center;		
	padding: 0 0 0 20px ;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ddd;
	background-color: #FFFFFF;
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ccc;
	background-color: #F3F3F3;
	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	font-weight: bold;
}
form .removeLink {
	line-height: 260%;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


 
/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
	overflow: expression('visible');
}
form fieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
form .inlineSection .oneField {
	display: expression('inline-block');		
}
label, form .label {	
	font-size: expression('90%');
}
label.preField, form .inlineSection .oneField .inlineLabel {
	width: expression('7em');
	white-space: expression('nowrap');
}
#portfolio img {float: left; padding: 3px 3px 3px 3px;}
#portfolio {width:770px; position:relative; padding-top:20px; height:100px; margin:2em auto;}
#portfolio a:visited, #portfolio a {text-decoration:none; color:#d00; font-weight:bold;}
#portfolio a:visited img, #portfolio a img{filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;
}
#portfolio a:hover {background-color:transparent; color:#06a;}
#portfolio a span {display:none;}
#portfolio a:hover span {display:block; position:absolute; top:0; left:0; font-size:12px; height:18px; padding:4px; font-weight:normal; color:#a40;}

#portfolio a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }