@charset "UTF-8";
/* CSS Document */

/* Columns */

#column_a {
	float: left;
	margin: 0 0 10px 0;
	width: 195px;
}

#column_b {
	float: left;
	width: 520px;
}

#column_c {
	float: left;
	width:188px;
	margin-left:15px;
	display:inline;
}

#bread_crumb{
	margin: 7px 0 1em 0;
	font-size: 1em;
	width: 400px;
	background: #fff;
	float: left;
}

#bread_crumb li {
	float: left;
	background: url(../images/arrow_grey.gif) 0 5px no-repeat;
	padding: 0 8px 20px 9px;
	line-height: 1.6em;
	color:#000000;
}

#bread_crumb li a{
	font-weight:normal;
}

#text_size {
	width: 72px;
	height: 20px;
	float:right;
}

/* FUNCTION PANEL STYLES
----------------------------------------------- */


#function_panel {
	float: right;
	overflow: visible;
	width: 78px;
	height: 20px;
	margin-top:5px;
}

ul#function_panel li {
	display: inline;
	float: left;
	text-indent: -10000px;
	overflow: hidden;	
}

ul#function_panel li.print a {
	background: url(../images/icon_print.gif) 0 bottom;
	height: 20px;
	width: 24px;
	display: block;
}

ul#function_panel li.print a:hover {
	background: url(../images/icon_print.gif) 0 top;
}

ul#function_panel li.normal_txt a {
	background: url(../images/icon_smalltext.gif) 0 bottom;
	height: 20px;
	width: 25px;
	display: block;
}

ul#function_panel li.print a:focus, ul#function_panel li.large_txt a:focus, ul#function_panel li.normal_txt a:focus {
  border: 1px dotted red;
}


ul#function_panel li.normal_txt a:hover {
	background: url(../images/icon_smalltext.gif) 0 top;
}

ul#function_panel li.large_txt a {
	background: url(../images/icon_bigtext.gif) 0 bottom;
	height: 20px;
	width: 25px;
	display: block;
}

ul#function_panel li.large_txt a:hover {
	background: url(../images/icon_bigtext.gif) 0 top;
}


/* TEXT STYLES -------------------------------- */





/* TAB MENU -------------------------------- */


#top-nav {
	display: block;
	clear: both;
	height:49px;
	width: 911px;
  margin-left: auto;
  margin-right: auto;
}

#top-nav ul li{
	float:left;
	list-style-type: none;
	overflow: hidden;
}

#top-nav ul li a{
	/*background-position: center -49px;*/
	height: 39px;
	/*display:block;*/
	text-align: center;
}

#top-nav ul li a:focus span {
   outline: red dotted 1px;
   /*font-size: 1.05em;*/
}

#top-nav ul li a span{
	position: relative;
	top: 13px;
	font-size: 1.2em;
  color: #4B5A79;
}

#top-nav ul li a.nav-active span{
	color: #ffffff;
}

#top-nav ul li a label{
	
	display:none;
	
}

#top-nav ul li a:link, #top-nav ul li a:visited{
	background-repeat: no-repeat;
	display:block;
}

/*
#top-nav ul li a:hover{
	background-position: center -98px;
	height: 49px;
	display:block;
}

#top-nav ul li a.nav-active {
	background-position: center top;
	background-repeat: no-repeat;
}

a:hover.nav-active  {
	background-position: center top !important;
	background-repeat: no-repeat !important;
}*/

a#home {
	background-image: url(../images/tab_home_normal.jpg);
	width: 122px;
}

a#home:hover {
	background-image: url(../images/tab_home_hover.jpg);
}

a#home.nav-active {
	background-image: url(../images/tab_home_active.jpg);
}

a#current {
	background-image: url(../images/tab_current_normal.jpg);
	width: 162px;
}

a#current:hover {
	background-image: url(../images/tab_current_hover.jpg);
}

a#current.nav-active {
	background-image: url(../images/tab_current_active.jpg);
}

a#work {
	background-image: url(../images/tab_work_normal.jpg);
	width: 161px;
}

a#work:hover {
	background-image: url(../images/tab_work_hover.jpg);
}

a#work.nav-active {
	background-image: url(../images/tab_work_active.jpg);
}


a#news {
	background-image: url(../images/tab_news_normal.jpg);
	width: 97px;
}

a#news:hover {
	background-image: url(../images/tab_news_hover.jpg);
}

a#news.nav-active {
	background-image: url(../images/tab_news_active.jpg);
}


a#pub {
	background-image: url(../images/tab_pub_normal.jpg);
	width:126px;
}

a#pub:hover {
	background-image: url(../images/tab_pub_hover.jpg);
}

a#pub.nav-active {
	background-image: url(../images/tab_pub_active.jpg);
}

a#research-centre {
	background-image: url(../images/tab_research_normal.jpg);
	width:121px;
}

a#research-centre:hover {
	background-image: url(../images/tab_research_hover.jpg);
}

a#research-centre.nav-active {
	background-image: url(../images/tab_research_active.jpg);
}

a#board {
	background-image: url(../images/tab_board_normal.jpg);
	width:122px;
}

a#board:hover {
	background-image: url(../images/tab_board_hover.jpg);
}

a#board.nav-active {
	background-image: url(../images/tab_board_active.jpg);
}

/*
a#home {
	background-image: url(../images/tab_home_new.jpg);
	width:105px;
}
a#current {
	background-image: url(../images/tab_current_new.jpg);
	width:163px;
}
a#work {
	background-image: url(../images/tab_work_new.jpg);
	width:162px;
}
a#news {
	background-image: url(../images/tab_news_new.jpg);
	width:97px;
}
a#pub {
	background-image: url(../images/tab_pub_new.jpg);
	width:137px;
}
a#archive {
	background-image: url(../images/tab_research_new.jpg);
	width:110px;
}
a#board {
	background-image: url(../images/tab_board_new.jpg);
	width:144px;
}*/

/* LEFT MENU STYLES
----------------------------------------------- */


#left_menu_container {
	font-size: 1.2em;
	width: 180px;
	background: url(../images/left_menu_top.gif) 0 0 no-repeat;
	padding: 12px 0 0 0;
	overflow: hidden;
}

#left_menu{
	margin-bottom: 0;
	background: url(../images/left_menu_bottom.gif) 0 bottom no-repeat;
	padding: 0 0 14px 0;
}

#left_menu li{
	margin:0;
	list-style: none;
	padding: 0;
	height: 100%;
	display: inline;
}

#left_menu li ul {
	
	background-color:#fff7e7;
}

#left_menu li ul li{
	display: inline;
}

#left_menu li a {
	height: 100%;
	text-decoration: none !important;
	font-weight:normal;
}

#left_menu li a:link, #left_menu li a:visited {
	color: #05548e;
	padding: 5px 15px;
	display: inline-block;
	font-weight: bold;	
}
#left_menu li a:link, #left_menu li a:visited {
	display: block;
}



/* SELECTED */


#left_menu li.selected a, #left_menu li.selected a:hover, #left_menu li.selected a:visited {
	color: #05548e;
	background-color:#fff7e7;
	padding: 5px 15px;
}


#left_menu li ul li.selected a, #left_menu li ul li.selected a:hover, #left_menu li ul li.selected a:visited {
	color: #1e7ab5;
	background: url(../images/menu_arrow.gif) 17px 8px no-repeat;
	padding: 4px 10px 4px 25px;
	font-weight: bold !important;
}

#left_menu li ul li ul li.selected a, #left_menu li ul li ul li.selected a:link, #left_menu li ul li ul li.selected a:hover, #left_menu li ul li ul li.selected a:visited {
	color: #1e7ab5;
	background: url(../images/menu_arrow.gif) 27px 8px no-repeat;
	padding: 4px 10px 4px 35px;
	font-weight: bold !important;
}

/* UNSELECTED */

#left_menu li.unselected a:link, #left_menu li.unselected a:visited  {
	color: #05548e;
	background:none;
	padding: 5px 15px;
}

#left_menu li.unselected a:hover {
	background:none;
	padding: 5px 15px;
	color: #1e7ab5;
}


#left_menu li ul li.unselected a:link, #left_menu li ul li.unselected a:visited {
	color: #05548e;
	font-weight: normal !important;
	background:none;
	padding: 4px 10px 4px 25px;
}

#left_menu li ul li.unselected a:hover {
	background:none;
	color: #1e7ab5;
	padding: 4px 10px 4px 25px;
}


#left_menu li ul li ul li.unselected a:link, #left_menu li ul li ul li.unselected a:visited {
	padding: 4px 10px 4px 35px;
	color: #05548e;
	font-weight: normal !important;
	background:none;
}

#left_menu li ul li ul li.unselected a:hover {
	background:none;
	color: #1e7ab5;
	padding: 4px 10px 4px 35px;
	font-weight:normal !important;
}





/* QUICK LINKS -------------------------------- */

#quicklinks_contain {
	width: 188px;
	float:left;
	margin-top: 15px;
	padding-bottom: 10px;	
	/*background-image:url(../images/quicklinks_tile_int.gif);*/
  background-image:url(../images/search_tile_int.gif);
	background-position:bottom;
	overflow:hidden;
}

#quicklinks_head {
	width: 188px;
	height: 39px;
	/*background-image:url(../images/head_quicklinks_int_new.gif);*/
	background-image:url(../images/head_quicksearch_int_new.gif);
}


#quicklinks {
	width: 158px;
	padding: 5px 15px 0 15px;

}

#quicklinks li {
	/*background-image:url(../images/arrow_yellow.png);*/
  background-image:url(../images/arrow_blue.png);
	background-position: left 5px;
	background-repeat:no-repeat;
	padding: 5px 0 0 20px; 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #05548e;
	line-height: 1.5em;
}

#quicklinks_head h1, #quicksearch_head h1 {
  background: none; 
  padding-top: 12px; 
  padding-left: 12px;
  font-size: 1.5em;
  color: White;
}

#latestnews_head h2, #quicklinks_head h2, #quicksearch_head h2 
{
  float: left;
  color: #fff;
  background: none; 
  padding-top: 12px; 
  padding-left: 12px;
  font-size: 1.5em;
  margin: 0;
}

/*#quicklinks_head h2, #quicksearch_head h2 {
  background: none; 
  margin-top: 12px; 
  padding-left: 12px;
  font-size: 1.5em;
  color: White;
}*/

/* QUICK SEARCH -------------------------------- */

#quicksearch_contain {
	width: 188px;
	background-image:url(../images/search_tile_int.gif);
	background-position:bottom;
	overflow:hidden;
	float:left;
	padding-bottom: 10px;
}

#quicksearch_head {
	width: 188px;
	height: 39px;
	background-image:url(../images/head_quicksearch_int_new.gif);
	
}


#quicksearch {
	width: 158px;
	padding: 5px 15px 0 15px;
}

#quicksearch p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #05548e;
	line-height: 1.5em;
}

#quicksearch span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #05548e;
	line-height: 1.5em;
}

#searchbox {
	background-image:url(../images/searchbox_int.gif);
	width: 149px;
	height: 21px;
	padding: 3px 0 0 5px;
	margin: 5px 0;
}

#searchbox input {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width:140px;
}

#quicksearch .sub {
	font-size: 1em;
	margin-left: 20px;
}

#quicksearch img {
	margin:10px 0 0 0;
}

#quicksearch li {
	background-image:url(../images/help_blue.png);
	background-position: left 5px;
	background-repeat:no-repeat;
	padding: 5px 0 0 20px; 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #05548e;
	line-height: 1.5em;
}

.btnQuickSearch {
	background:url(/images/search.jpg) no-repeat;
	width: 85px;
	height: 26px;
	border: none;
	cursor: pointer;

	text-indent: -99999999px;
	line-height: 0em;
}

input:focus {
  outline: red dotted 1px;
  /*border: 2px solid red;*/
}

input[type="text"]:focus {
  outline: none;
  /*background-color: lightyellow;*/
}