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

/* Containers */

#dropshadow { width: 911px; height: 347px; background: url('../images/dropshadow.jpg'); margin: 0 auto; }

#hero_container {
	width: 911px;
	margin:0px;
	padding:0px;
}

#heroBanner {
  height: 230px;
  width: 477px;
}

#module_container {
	width: 918px;
	background-image:url(../images/panel_bottoms.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:7px;
	overflow: hidden;
  margin-top: 16px;
}

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

#top-nav {
	display: block;
	clear: both;
	height:39px;
	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;
	text-align: center;
}

#top-nav ul li a:focus span,#feat-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:link, #top-nav ul li a:visited{
	background-repeat: no-repeat;
	display:block;
}

/*
#top-nav ul li a:hover{
	background-position: center -98px;
	height: 45px;
	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);
}

/* FEATURE BOX MENU -------------------------------- */


#feat-nav {
	display: block;
	clear: both;
	margin-bottom:8px;
	width: 920px;
}

#feat-nav ul {
	
	height:82px;
	
}


#feat-nav ul li{
	float:left;
	overflow: hidden;
	
}

#feat-nav ul li a {
	background-position: center top;
	height: 42px;
	display:block;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1em;
	padding: 20px 20px 20px 20px;
}


#feat-nav ul li a h3{
	color: #ffffff;
	margin-bottom: 10px;
}


#feat-nav ul li a span{
	/*color: #193B7B;*/
	color: #fff;
	margin-bottom: 10px;
	font-size: 1.2em;
	background: none;
	padding-bottom: 0px;
  display: block;
}

#feat-nav ul li a:link, #feat-nav ul li a:visited{
	background-repeat: no-repeat;
}
/*
#feat-nav ul li a:hover{
	text-decoration:none;
	background-position: center bottom;
	height: 42px;
	display:block;
	
}

#feat-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.feat-left {
	background-image: url(../images/feat_left_normal.jpg);
	width:188px;
	height: 45px;
}

a.feat-left:hover {
	background-image: url(../images/feat_left_hover.jpg);
}

a.feat-left:active {
	background-image: url(../images/feat_left_active.jpg);
}

a.feat-center {
	background-image: url(../images/feat_middle_normal.jpg);
	width:188px;
	height: 45px;
}

a.feat-center:hover {
	background-image: url(../images/feat_middle_hover.jpg);
}

a.feat-center:active {
	background-image: url(../images/feat_middle_active.jpg);
}

a.feat-right {
	background-image: url(../images/feat_right_normal.jpg);
	width:187px;
	height: 45px;
}

a.feat-right:hover {
	background-image: url(../images/feat_right_hover.jpg);
}

a.feat-right:active {
	background-image: url(../images/feat_right_active.jpg);
}

/*
a#feat-left {
	background-image: url(../images/feature-left.gif);
	width:2px;
	height: 42px;
}
a#feat-center {
	background-image: url(../images/feature-center.gif);
	width:188px;
	height: 42px;
}
a#feat-right {
	background-image: url(../images/feature-right.gif);
	width:191px;
	height: 42px;
}*/

/* LATEST NEWS -------------------------------- */

#latestnews_contain {
	width: 455px;
	background-image:url(../images/news_tile.jpg);
	background-repeat:repeat-y;
	float: left;
}

#latestnews_head {
	width: 447px;
	height: 31px;
	background-image:url(../images/latest_news.jpg);
}

#latestnews {
	width: 420px;
	padding: 3px 5px 0 15px;
	
}

#latestnews p {
	background:url(../images/arrow_lightblue.png) left 10px no-repeat;
	padding: 10px 0 10px 20px; 
	border-bottom: 1px #CCCCCC dotted;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	line-height: 1.5em;
}

#latestnews p a {
	font-weight: bold;
	color: #05548e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#latestnews img {
	margin-top:10px;
}

#latestnews_head h1 
{
  float: left;
  color: #fff;
  background: none; 
  padding-top: 8px; 
  padding-left: 12px;
  font-size: 1.5em;
}

#latestnews_head h1, #quicklinks_head h1, #quicksearch_head h1 
{
  display: inline-block;
  color: #fff;
  background: none; 
  padding-top: 8px; 
  padding-left: 12px;
  font-size: 1.5em;
}

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

#latestnews_head, #quicklinks_head, #quicksearch_head {
  margin-left: 4px;
}

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

#quicklinks_contain {
	width: 222px;
	background-image:url(../images/links_tile.jpg);
	background-repeat:repeat-y;
	margin-left:8px;
	float:left;
}

#quicklinks_head 
{
	width: 215px;
	height: 31px;
	background:url(../images/quick_links.jpg) no-repeat;
}

#quicklinks_head #quicklinks {
	width: 202px;
	padding: 35px 5px 0 10px;
	
}

#quicklinks li {
	background-image:url(../images/arrow_yellow.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 {
  color: #05548e;
}

#quicklinks_head h2 {
  color: #05548e;
}

#quicksearch_head h1 {
  
  color: White;
}

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

#quicksearch_contain {
	width: 225px;
	background-image:url(../images/search_tile.jpg);
	background-repeat:repeat-y;
	margin-left:1px;
	float:right;
}

#quicksearch_head {
	width: 217px;
	height: 31px;
	background-image:url(../images/quick_search.jpg);
}

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

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

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

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

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

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

#quicksearch input.radioButtonCorr { 
	vertical-align:middle; 
	margin-left:0px; /* needed to align the radiobutton to graphics above */
	margin-top:0px; 
} 

#quicksearch input.search { 
	margin-top: 5px; 
} 

#quicksearch label {
	font-size: 1em;
}

#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;
}

/* banner styles */

#bannerWrapper
{
  /*background-image: url(../images/hero_background.jpg); */
  background: #1872BE;
  width: auto; 
  height: 230px;
  clear: both;
}

#bannerImageWrapper
{
  float: left;
  width: 437px;
  clear: both;
}

#bannerTopText
{
  /*clear: both;*/
  position: relative; 
  background: none; 
  color: #ffffff;
  font-weight: bold; 
  font-size: 2.2em; 
  top: 90px;
}

#bannerBottomText
{
  /*clear: both;*/
  position: relative; 
  background: none;
  width: 450px; 
  color:#ffffff; 
  font-size: 1.7em; 
  top: 100px;
}

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

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