/*  Research Styles */

/*--------- section specific link colours --------*/

#Content a, #Content-Wide a, #Content a:visited, #Content-Wide a:visited{ color: #85141d; text-decoration:none;}

#Content a:hover, #Content-Wide a:hover {color: #333; text-decoration:none;}

/*---------- Tabbed navigation ------------*/
div.tab
{
	float: left;
	width: 805px;
	margin: 0;
	padding: 0;
}

html>body div.tab
{ 
	padding-left: 0; /* Opera fix */
}

div.tab ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.tab ul li
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;	font-size: 1.1em;	font-weight: normal;
}
 
div.tab ul li a, 
div.tab ul li span
{
	float: left;
	display: block;
	margin: 0;
	padding: 5px 8px 5px 8px;
	text-align: center;
	text-decoration: none;
	color:#6C2F90;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
div.tab ul li a, 
div.tab ul li span
{
	float: none;
}

 /* End IE5-Mac hack */
div.tab ul li{	background: url("../images/global/tabcorners_02.gif") no-repeat right top;}

div.tab ul li a{background: url("../images/global/tabcorners_01.gif") no-repeat left top;}

div.tab ul li span, 
#SubNav div.tab ul li.research_subnav_selected /* + */
{
	background: url("../images/research/tabcornersselected_02.gif") no-repeat top right; /* + */
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.tab ul li span a,
#SubNav div.tab ul li.research_subnav_selected a /* + */
{
	background: url("../images/research/tabcornersselected_01.gif") no-repeat top left; /* + */
	border: none;
	color: #ffffff;
	margin: 0;
}

div.tab ul li a:visited
{
	color: #660099;
}

div.tab ul li span a:visited
{
	color: #ffffff;
}
	
div.tab ul li a:hover
{
	color: #cc9900;
	text-decoration: underline;
}


/*-------  Horizontal bar (sub nav) -------*/
#SubNav div.bar
{
	background-color: #d02030;
	background-image: url(../images/research/subBAR_end.gif);
}

#SubNav div.bar ul li.subbar_selected a
{
 	background-color: #f15261;
}

/*------------ Left Nav Links ----------*/
.nav-secondary-breadcrumb
{
	background-image: url(../images/arrows/arrowbullet_up.gif);
}

.nav-secondary-sectionheader
{
	background-image: url(../images/research/leftnav-title-research.gif);
	background-color: #d02030;
}

.nav-secondary-sectionmenu li
{
	background-image: url(../images/arrows/arrowbullet.gif);
}

.nav-secondary-sectionmenu a:hover
{
	color: #d02030 !important;
}

/*----------- Research Landing page -----------*/
#CentreFlash h1, #RightNav h1
{
    font-size: 1.6em;
    font-family: Verdana, Arial;
    color: #AB1A26;
    margin: 1em 0em 0.2em 0em;
    padding: 0;
	font-weight: 500;
}

#CentreFlash { width: 354px; margin-top: -12px; } /* research specific */

#CentreFlash h2, #RightNav h2 { color: #636567; }

#CentreFlash p { margin-top: 1em; }

.TextGrey { color: #636567; }
.TextRed { color: #AB1A26 }

/* ------------ Right Navigation Styles ----------------*/
#RightNav
{
    float: right;
    width: 434px !important;
    height: 524px;
    font-family:Verdana;
    margin-left: 5px; 
	margin-top: -15px;
}

#RightNav ul, #RightStatic ul { padding: 0; margin-left: 20px; }

#RightNav a, #RightNav a:visited, #RightStatic a, #RightStatic a:visited /* amended by AW */
{
    color: #AB1A26;	text-decoration: none;}

#RightNav a:hover, #RightStatic a:hover /* amended by AW */
{
    color: #333;
	text-decoration: none;
}

#RightNav ul#RightNav-NewsList
{ 
	margin:0;
    padding:0;
    list-style-type:none;
	margin-left: 5px;
}

#RightNav ul#RightNav-NewsList li
{
	padding-left: 15px;	padding-bottom: 0.7em;	padding-top: 0.7em;
	background-image: url(../images/research/research_cross.gif);	background-repeat: no-repeat;	background-position: left 0.8em;	border-bottom: 1px dashed #aaaaaa;}

#reddrop img, #redcal img /* added by AW to override global image align */
{
	float: none;
	margin-left: 0;	margin-bottom: 0;
}

#reddrop
{
    float:left;
	margin-top: 15px;
    left: 12px;    width: 354px;
    font-family: Verdana;
}

#reddrop table h2 { margin-top: 0; }

#redcal
{
    float:right;
    width: 434px;   height: 158px;
    font-family:Verdana;
    background-image:url(../images/research/calander.gif); background-repeat:no-repeat;
}

.researchSearchBox
{
    background-color: transparent;
    border: 0px solid transparent;
	width: 120px;
    z-index:4;
    position: absolute;
    left: 148px;
    border-width: 0px;
    height:20px;
    margin-top:2px;
    font-size:1em; font-family:Verdana; color:#636567;
}

.researchSearchSubmit
{
    position:relative;
    left:3px;
}

/*---------Research Events box  ----------*/

div#RightEventsBox
{
	
	background-repeat:no-repeat;
	border: #d02030 1px solid;
	padding-top: 5px; padding-left:10px; padding-right:5px;
	color: #333;
	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
 div#RightEventsBox div
{
	background: url(../images/research/events.jpg) no-repeat right top;
	padding: 4px;	
}
 
div#RightEventsBox h1
{
	font-size:2em; font-family: Arial; color:#d02030;
    margin: 0.2em 0em 0.5em 0em;
    padding:0;
	font-weight: 700;
}

div#RightEventsBox h2
{
    font-size: 1.4em; font-family: Verdana, Arial;
    color: #d02030 !important;
    margin: 0.2em 0em 0.1em 0em;
    padding: 0;
	font-weight: 200;
}

div#RightEventsBox h5, div#RightEventsBox h5 a, div#RightEventsBox h5 a:visited
{
  font-size: 1em;  font-family: Verdana, Arial;    
   margin: 0.2em 0em 0em 0em;
   padding: 0;
}

div#RightEventsBox h5 a, div#RightEventsBox h5 a:visited {color: #85141d !important;}

div#RightEventsBox h5 { color: #d02030 !important;}

div#RightEventsBox div p { margin-top:0; }

div#RightEventsBox ul { padding: 0; margin-left: 25px;  }

div#RightEventsBox ul li {	list-style-image: url(../images/research/research_cross.gif);}

div#RightEventsBox a, div#RightEventsBox a:visited,
div#RightEventsBox ul li a, div#RightEventsBox ul li a:visited { color: #85141d !important; }
div#RightEventsBox a:hover, div#RightEventsBox ul li a:hover { text-decoration: none;  color: #333 !important; }

/*---------- Calander Box -----------*/
/* Content-Wide in places by AW to override global settings */
.calanderText
{
    position: relative;
    top:10px;
    left:15px;
    width:200px;
    height:100px;
    color:#FFFFFF;
}

#Content-Wide .calanderText h1
{
    margin:0 0 0 0;
    font-size:1.2em; color:#676767; font-weight:bold;   
}

#Content-Wide .calanderText h2
{
    margin:0 0 0 0;
    font-size:1.2em; color:#000000; font-weight:bold;   
}

#Content-Wide .calanderText p
{
    position: relative;
    top:3px;
    margin:0 0 0 0;
    font-size:1.0em; color:#FFFFFF;
    padding: 0 0 10px 0; 
}

#Content-Wide .calanderText a
{
    color:#000000;  font-weight:bold;
}

.navHand{cursor:pointer}

/*----------- Research HP dropdown lists styles -----------*/
.ddl
{
	width:171px; 
	font-size:1em;
	font-family:Verdana;
	position:relative;
	left:0px;
	z-index:101;
	height:21px; 
}

/* remove all the bullets, borders and padding from the default list styling */
.ddl ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

.ddl ul ul
{
	width:268px;
	overflow:auto;
	height:200px;
	border:solid 1px #636567;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ddl li
{
	float:left;
	position:relative;
	font-size:1em;
	width:171px;
}

/* style the links for the top level */
.ddl ul li a, .ddl ul li a:visited
{
	display:block;
	font-size:1em;
	text-decoration:none; 
	color:#636567 !important; 
	width:161px; height:21px; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background-image:url(../images/research/dropdown.gif); 
	padding-left:4px;
	line-height:18px;
}

.ddl ul li a:hover  /* added by AW */
{
	text-decoration: none !important;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .ddl a, * html .ddl a:visited
{
	width:158px; w\idth:166px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.ddl ul ul
{
	visibility:hidden;
	position:absolute;
	top:19px;
	left:0; 
	width:268px;
}

/* another hack for IE5.5 */
* html .ddl ul ul
{
	top:19px;
	t\op:29px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.ddl table
{
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.ddl ul ul a, .ddl ul ul a:visited
{
	background:#ffffff; 
	color:#636567 !important; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:229px !important; /*268px if no scroll bars */
	border:solid 1px #636567;
	border-bottom-width:0px;
	border-top-width:0px;
}

.ddl ul ul a:hover /* added by AW */
{
	text-decoration: none !important;
	color: #ffffff !important;
}

/* yet another hack for IE5.5 */
* html .ddl ul ul a{width:158px; w\idth:158px;}

.ddl ul ul li.last a, .ddl ul ul li.last a:visited {border-bottom-width:1px;}

/* for IE5.x and IE6 browsers only */
.ddl ul li a:hover
{
	color:#000000;
	background-color:#D02030;
}

.ddl ul li a:hover ul
{
    display:block;
	position:absolute;
	top:18px;	left:0;
	background:#eee;
	margin-top:0;marg\in-top:1px;
}

.ddl ul li a:hover ul li a:hover, .ddl ul li a ul li a:hover 
{
    background-color:#D02030;
	color:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.ddl ul li:hover ul, .ddl ul a:hover ul{ visibility:visible; }

.ddl ul li a:hover ul, .ddl ul li a:hover ul{visibility:visible; }

/******Second Dropdown********/
.ddl1
{
	width:171px; 
	font-size:1em;	font-family:Verdana;
	position:relative;
	left:0px;
	z-index:100;
	height: 21px;
}

/* remove all the bullets, borders and padding from the default list styling */
.ddl1 ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

.ddl1 ul ul
{
	width:268px;
	border:solid 1px #636567;
	overflow: hidden;
	/*height: 200px;*/
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ddl1 li
{
	float:left;
	position:relative;
	font-size:1em;
	width:171px;
}

/* style the links for the top level */
.ddl1 ul li a, .ddl1 ul li a:visited
{
	display:block;
	font-size:1em;	text-decoration:none; 
	color:#636567 !important; 
	width:161px; height:21px; 
	border:1px solid #fff; 	border-width:1px 1px 0 0; 
	background-image:url(../images/research/dropdown.gif); 
	padding-left:4px;
	line-height:18px;
}

.ddl1 ul li a:hover  /* added by AW */
{
	text-decoration: none !important;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .ddl1 a, * html .ddl1 a:visited
{
	width:158px;
	w\idth:166px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.ddl1 ul ul
{
	visibility:hidden;
	position:absolute;
	top:19px;
	left:0; 
	width:268px;
}

/* another hack for IE5.5 */
* html .ddl1 ul ul
{
	top:19px;
	t\op:29px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.ddl1 table {position:absolute; top:0; left:0;}

/* style the second level links */
.ddl1 ul ul a, .ddl1 ul ul a:visited
{
	background:#ffffff; 
	color:#636567 !important; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:268px !important;
	border:solid 1px #636567; border-bottom-width:0px;	border-top-width:0px;
}

.ddl1 ul ul a:hover  /* added by AW */
{
	text-decoration: none !important; color: #ffffff !important;
}

/* yet another hack for IE5.5 */
* html .ddl1 ul ul a
{
	width:158px; w\idth:158px;
}

.ddl1 ul ul li.last a, .ddl1 ul ul li.last a:visited {border-bottom-width:1px;}

/* for IE5.x and IE6 browsers only */
.ddl1 ul li a:hover 
{
	color:#000000;
	background-color:#D02030;
}

.ddl1 ul li a:hover ul
{
    display:block;
	position:absolute;
	top:18px; left:0;
	background:#eee;
	margin-top:0;
	marg\in-top:1px;
}

.ddl1 ul li a:hover ul li a:hover, .ddl1 ul li a ul li a:hover 
{
    background-color:#D02030;
	color:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.ddl1 ul li:hover ul, .ddl1 ul a:hover ul{ visibility:visible; }

.ddl1 ul li a:hover ul, .ddl1 ul li a:hover ul{	visibility:visible; }

/*--------- Section Cross List & Link styles -----------*/
ul.crossList li { list-style-image: url(../images/research/research_cross.gif); }
a.crossLink { background-image: url(../images/research/research_cross.gif); }

h1 {color: #AB1A26 !important}

h2 {color: #d02030 !important}

h3, h4, h5, h6 {color: #d02030 !important}