/* CSS Document */
body {
	margin:0;
	font:100% Verdana, Arial, sans-serif;
	color: #666; 
	padding:0;
	background: #ecf3f5 url("images/new/top-repeat.gif") repeat-x;
	text-align:center;
}
div#container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
/*voice-family: "\"}\""; 
voice-family:inherit;
width: 959px;*/
}

ul, ol {margin:0 0 10px 30px; padding:0; line-height: 1.5; font-size: 80%;}
li {padding:0 0 5px;}
p {padding: 0 0 10px 0; line-height: 1.5; font-size: 80%;margin:0; }

a {color: #2894d1; text-decoration: underline;}


div#header_top {height:75px;}
/* TOP NAV ------------------------*/

div#top_nav {float:right; width:525px; background: url("images/new/top-nav-bg.gif") top right no-repeat;}
div#top_nav ul {margin:9px 0 5px 13px; padding:0; font-size: 70%;}
div#top_nav ul li {list-style:none; display:inline; padding: 0 10px 0 7px; border-right: 1px solid #78b9e7;}
div#top_nav ul li.last {border-right:none;padding: 0 0 0 5px;}
div#top_nav ul li a {color: #78b9e7;}

div#search_box {float:right; width:195px;margin:5px 0 10px 0;}


/* TABBED MAIN NAV ---------------------------------------------------------------------------- */

ul#main_nav {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
  font-family: Arial, sans-serif;font-size:90%;font-weight:bold;
  line-height:19px;
  text-transform:uppercase;
  height:30px;
  }
ul#main_nav li {
  float:left;
  background:url("images/new/tab-left.gif") no-repeat left top;
  margin:0 12px 0 0;
  padding:0 0 0 5px;
  /*border-bottom: 1px solid #204188;*/
  }
ul#main_nav li.selected {
  background:url("images/new/tab-left-select.gif") no-repeat left top;
  /*border-bottom: 1px solid #fff;*/
 }
ul#main_nav a {
  float:left;
  display:block;
  background:url("images/new/tab-right.gif") no-repeat right top;
  padding:6px 12px 5px 4px;
  text-decoration:none;
  color:#12517d;
  }
  

  
ul#main_nav li.selected a {
  background:url("images/new/tab-right-select.gif") no-repeat right top; color:#1aa0eb;margin:0;
 }

body#current ul#main_nav li.selected a {color: #9d4c7d;}
body#graduates ul#main_nav li.selected a {color: #b17728;}
body#employers ul#main_nav li.selected a {color: #699645;}
body#staff ul#main_nav li.selected a {color: #c64040;}
body#prospective ul#main_nav li.selected a {color: #507fac;}


 /* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#main_nav a {float:none;}
/* End IE5-Mac hack */








/* footer */

div#footer {padding: 10px 0; margin: 10px 0 0; color:#999999;clear: left; text-align: center;background: #ecf3f5;}
div#footer p {font-size: 70%;}
div#footer a {color:#999999; font-weight: normal;}
div#footer a:hover {color:#999999; text-decoration: underline; font-weight: normal;}



/* title bars */
div#titlebarpurple {/*background:#9D4C7D; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebarblue {/*background: #6E96BC; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebarred {/*background: #C3334C; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebarorange {/*background:#D29A4D; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebargreen {/*background:#7FB257; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebardarkblue {/*background:#365785; margin:0; padding:0; width: 745px;*/ display:none;}
div#titlebarhome {/*background:#365785; margin:0 0 10px 0; padding:0; width: 745px;*/ display:none;}


/* main layout */
div#maincontent {padding: 0; margin: 0; border-top: 10px solid white;clear:left; background: #fff;}
div#contentright {float: right; width: 190px; padding:0; margin:10px 0 0 0;}

div#rightholder {padding: 0px; margin:0 10px 0 0; background: #f3f3f3 url("images/content-right-btm.gif") left bottom no-repeat;}

div#features {padding: 0 5px;background: url("images/feature-bar-top.gif") no-repeat;}

div#contentcentre {margin: 0 0 0 240px; width: 500px; /*background: url(images/purple-corner.gif) top right no-repeat;*/ padding: 0;}
div#contentholder {padding: 0; margin:10px 0 0 0;}
div#contentleft {float: left; width: 240px; margin:0 /*30px 0 10px*/;}

div#contentcombined {margin: 0 220px 0 10px;}
div#contentcombinedholder {padding: 10px 0 0 0; margin:0;}


/* generic bits */

p.maintext{color:#666;font-family: Arial, Helvetica, sans-serif;}

ul.sublist {margin-top: 10px; font-size: 100%;}



img {border: none;}
div#contentcentre li, div#contentcombined li {line-height: 1.33;}

div.headerbarnews { color: #365785; padding: 10px 0 5px 0px; margin: 0 25px 10px 10px; font-size: 75%; font-weight: bold;}

table {width: 495px; border: none; margin-bottom: 10px;border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table p {font-size: 80%; padding: 5px;}
td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top;}

/* h settings */
h1 {margin:0; padding: 10px 0 0 10px;font-size:21px; color: white; font-family: MetaMedium-Roman, Gill-sans, Arial, Helvetica, sans-serif; font-weight:normal;}
h2 {color: white; font-size: 100%; padding: 5px 10px; margin:0; font-weight: bold;}
h3 {font-size: 100%; font-weight: bold; margin:0; padding: 0 25px 10px 0;}

body#current h3 { background: #9d4c7d; color: #fff; padding: 5px; margin:0 0 10px;}
body#graduates h3 { background: #b17728; color: #fff; padding: 5px; margin:0 0 10px;}
body#employers h3 { background: #7FB257; color: #fff; padding: 5px; margin:0 0 10px;}
body#staff h3 { background: #c64040; color: #fff; padding: 5px; margin:0 0 10px;}
body#prospective h3 { background: #5d97cf; color: #fff; padding: 5px; margin:0 0 10px;}
body#top h3 { background: #6dabe1; color: #fff; padding: 5px; margin:0 0 10px;}


h4 {color:#666; font-size: 80%; font-weight: bold; margin:0; padding: 0 0 10px 0;}
h5 { background: #d2e9f6;color: #365785; padding: 5px 0px; margin: 0 0 10px 0; font-size: 80%; font-weight: normal;}
h5#Events { color: #white; padding: 5px 0 0 0; margin: 0 25px 10px 0; font-size: 70%; font-weight: normal;border-top:2px solid #365785}
h5#Events a{ color:#365785;padding:0 0 0 20px; margin:0;background: url(whats-on/images/blue-arrow.gif)no-repeat left;font-weight: normal;text-decoration:none;}
h3#bar {background: #D7E6EC; color: #365785; padding: 5px 0px; margin: 0 25px 10px 0;}
h4.orange {color:#B6843E;}
h4.green {color:#6D9C49;}
h4.purple {color:#9D4C7D;}
h4.red {color:#C3334C;}
h4.blue {color:#6E96BC;}
h4.darkblue {color:#365785;}
h4.home {background: #F0F0F0; font-size: 14px; color: #666; font-weight: normal; padding: 5px 5px 5px 15px; margin:0;}

body#current div#contentright h4 {color: #e182cd; padding:7px 5px 5px; margin: 0;}
body#graduates div#contentright h4 {color: #efb767; padding:7px 5px 5px; margin: 0;}
body#employers div#contentright h4 {color: #77bc72; padding:7px 5px 5px; margin: 0;}
body#staff div#contentright h4 {color: #da4c4c; padding:7px 5px 5px; margin: 0;}
body#prospective div#contentright h4 {color: #8dbbef; padding:7px 5px 5px; margin: 0;}


/* site map styles */
ul.blue a {color: #6E96BC;}
ul.purple a {color:#9D4C7D;}
ul.orange a {color:#B6843E;}
ul.green a {color:#6D9C49;}
ul.red a {color:#C3334C;}

/* list navigaiton elements */

div#contentleft ul {margin:10px 30px 30px 10px;}
div#contentleft ul ul {margin:5px 0 0 0;}

/* top level light blue */
ul.secnavhome {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavhome li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavhome li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavhome li.selected a {color: #2894d1;font-weight: normal;}
ul.secnavhome li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavhome li a:hover {text-decoration: underline;}

ul.secnavhome ul {background: #f1f1f1;}


ul.rightnavhome  {margin:10px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavhome li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavhome li a {color:#365785; font-weight: normal;}
ul.rightnavhome li a:hover {color:#365785; text-decoration: underline;} 

/* purple */
ul.secnavpurple {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavpurple li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavpurple li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavpurple li.selected a {color: #9d4c7d;font-weight: normal;}
ul.secnavpurple li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavpurple li a:hover {text-decoration: underline;}

ul.secnavpurple ul {background: #f1f1f1;}


ul.rightnavpurple  {margin:5px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavpurple li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavpurple li a {color:#9D4C7D; font-weight: bold;}
ul.rightnavpurple li a:hover {color:#9D4C7D; text-decoration: underline;}

/* orange */
ul.secnavorange {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavorange li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavorange li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavorange li.selected a {color: #9a651d;font-weight: normal;}
ul.secnavorange li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavorange li a:hover {text-decoration: underline;}

ul.secnavorange ul {background: #f1f1f1;}

ul.rightnavorange  {margin:5px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavorange li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavorange li a {color:#B6843E; font-weight: bold;}
ul.rightnavorange li a:hover {color:#B6843E; text-decoration: underline;}

/* green */
ul.secnavgreen {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavgreen li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavgreen li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavgreen li.selected a {color: #6D9C49;font-weight: normal;}
ul.secnavgreen li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavgreen li a:hover {text-decoration: underline;}

ul.secnavgreen ul {background: #f1f1f1;}


ul.rightnavgreen  {margin:5px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavgreen li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavgreen li a {color:#6D9C49; font-weight: bold;}
ul.rightnavgreen li a:hover {color:#6D9C49; text-decoration: underline;}

/* blue */
ul.secnavblue {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavblue li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavblue li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavblue li.selected a {color: #507fac;font-weight: normal;}
ul.secnavblue li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavblue li a:hover {text-decoration: underline;}

ul.secnavblue ul {background: #f1f1f1;}

ul.rightnavblue  {margin:5px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavblue li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavblue li a {color:#6E96BC; font-weight: bold;}
ul.rightnavblue li a:hover {color:#6E96BC; text-decoration: underline;}

/* red */
ul.secnavred {padding:0; list-style: none; border-top: 3px solid #dedede;}
ul.secnavred li {border-bottom: 1px solid #dedede; padding: 5px 0;}
ul.secnavred li.selected {margin: 0;padding: 5px 0 0;}
ul.secnavred li.selected a {color: #c64040;font-weight: normal;}
ul.secnavred li a {color:#7f786a; text-decoration: none; font-weight: normal;}
ul.secnavred li a:hover {text-decoration: underline;}

ul.secnavred ul {background: #f1f1f1;}

ul.rightnavred {margin:5px 0 5px 5px; padding:5px 0 5px 0; font-size: 68%; list-style: none;}
ul.rightnavred li {margin-bottom: 5px; padding: 0px 0 5px 0px; }
ul.rightnavred li a {color:#C3334C; font-weight: bold;}
ul.rightnavred li a:hover {color:#C3334C; text-decoration: underline;}



/* tertiary */
ul.tertnav  { padding:5px 5px 0 5px; font-size: 90%; list-style: none; border-top: none; /*border-bottom: 1px solid #9D4C7D;*/}
ul.tertnav li {border-bottom: none; padding: 0 0 5px 12px; }
ul.secnavpurple li ul.tertnav li, ul.secnavorange li ul.tertnav li, ul.secnavgreen li ul.tertnav li, ul.secnavred li ul.tertnav li, ul.secnavblue li ul.tertnav li, ul.secnavhome li ul.tertnav li {background: url("images/subarrow.gif") no-repeat;}
ul.secnavpurple li ul.tertnav li a, ul.secnavorange li ul.tertnav li a, ul.secnavgreen li ul.tertnav li a, ul.secnavred li ul.tertnav li a, ul.secnavblue li ul.tertnav li a, ul.secnavhome li ul.tertnav li a {color: #818181; text-decoration: none; font-weight: normal;}
ul.secnavpurple li ul.tertnav li a:hover, ul.secnavorange li ul.tertnav li a:hover, ul.secnavgreen li ul.tertnav li a:hover, ul.secnavred li ul.tertnav li a:hover, ul.secnavblue li ul.tertnav li a:hover, ul.secnavhome li ul.tertnav li a:hover {text-decoration:underline;}



div.date {float: left; margin: 0 10px 0px 10px;}
/* date styles from www.mezzoblue.com (thanks!!) */
span.calPage {color: #BA4D4D; font-size: 10px; text-shadow: #bbb 1px 1px 1px; display: block; 
background: url(images/date-main.gif) 0 0 no-repeat; text-align: center; 
text-transform: uppercase; line-height: 1; margin-top: 0;
width: 35px; padding-top: 5px; top: 20px;
 /* I have to choose between IE5.0 and 5.5 here. I choose 5.5.*/
left: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
left: -40px;} 
i {}
span.calPage span.day {display: block; font-weight: bold; font-size: 20px; text-indent: -3px; 
letter-spacing: -2px; color: #BA4D4D; text-shadow: #bbb 2px 2px 0; 
background: url(images/date-btm.gif) bottom left no-repeat; padding-bottom: 5px;}

div.news{background: url(images/news_curve-top.gif) no-repeat;width:525px;padding:0 0 0 0;margin:0}
div.news p {margin-left: 10px;}
div.newscurve{margin-bottom:10px; clear: both;}
div.newscurve div.baseImageClear {clear: both;}
div.newscurve img.base {float: none; border: none;}
div.newscurve img {float: right; border: 1px solid #ccc;}
p.post {background:  url("whats-on/images/post.gif") no-repeat top left; padding:0 0 5px 15px;color:#365785;border-bottom:1px dotted #ccc;margin:0 20px 0 0}

div#whatsonwrapper {margin:0 0 10px;}

body#top div#whatsonwrapper h3 { background: url("images/wide-bar-top.gif") no-repeat; color: #fff; padding: 6px 10px 7px; margin:0 0 0;font-size: 80%;}
body#top div#whatsonwrapper h3 a { font-weight: bold;}

body#top div#whatsonwrapper h3.lemon {color: #b2b66d;}
body#top div#whatsonwrapper h3.purple {color: #e182cd;}
body#top div#whatsonwrapper h3.orange {color: #efb767;}
body#top div#whatsonwrapper h3.green {color: #77bc72;}
body#top div#whatsonwrapper h3.red {color: #da4c4c;}
body#top div#whatsonwrapper h3.blue {color: #8dbbef;}
body#top div#whatsonwrapper h3.pink {color: #ef8de7;}


div#box1, div#box0 {float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;}
div#box1 p, div#box0 p {padding:5px 5px 10px 10px; margin:0;}
div#box1 a, div#box0  a {font-weight:normal;}





h3.whatson{color:white; font-size:75%;margin:0 ; padding:0 0 5px 10px;  }
div#box2{float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;margin:0 0 0 25px}
div#box2 p{padding:5px 5px 10px 10px; margin:0;}
div#box2 a{font-weight:normal;}


div#middlebox1{float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;}
div#middlebox1 p{padding:5px 5px 10px 10px; margin:0;}
div#middlebox1 a{font-weight:normal;}


div#middlebox2{float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;margin:0 0 0 25px}
div#middlebox2 p{padding:5px 5px 10px 10px; margin:0;}
div#middlebox2 a{font-weight:normal;}


div.clear{clear:both;line-height:1;}
div#bottombox1{float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;}
div#bottombox1 p{padding:5px 5px 10px 10px; margin:0;}
div#bottombox1 a{font-weight:normal;}

div#bottombox2{float:left;width:350px; background:#f3f3f3 url("images/wide-box-btm.gif") left bottom no-repeat;margin:0 0 0 25px}
div#bottombox2 p{padding:5px 5px 10px 10px; margin:0;}
div#bottombox2 a{font-weight:normal;}


imageright{float:right; padding:2px; margin:5px 0 5px 5px;}





div.clear_left {clear: left;}
div.clear_both {clear: both;}



/* FORM STYLES */
form#g_search, form#cse-search-box {margin:0; padding:0;}

input.search_text {margin:0 5px 0 0; padding:2px; width: 125px; background: #fff; border: none; font-size: 12px;font-family:Arial, sans-serif; color:#333;vertical-align:middle}
input.search_btn {vertical-align:middle;}