/* PGR Styles */



/*--------- section specific link colours --------*/
#Content a, #Content-Wide a, #Content a:visited, #Content-Wide a:visited
{
    color: #5368e0;
    text-decoration:none;
}

#Content a:hover, #Content-Wide a:hover
{
    color: #666666;
     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.pgr_subnav_selected /* + */
{
	background: url("../images/pgr/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.pgr_subnav_selected a /* + */
{
	background: url("../images/pgr/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: #5368e0;
	background-image: url(../images/pgr/subBAR_end.gif);
}

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



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

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

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

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



/*----------- PGR Index stuff -----------*/
#CentreFlash h1, #RightNav h1
{
    font-size: 1.6em;
    font-family: Verdana, Arial;
    color: #5368e0;
    margin: 1em 0em 0.2em 0em;
    padding: 0;
	font-weight: 500;
}

#CentreFlash h2, #RightNav h2 { color: #5368e0; }

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



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

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

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

#RightNav a:hover, #RightStatic a:hover /* amended by AW */
{
    color: #5368e0;
	text-decoration: underline; 
}

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

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



/*----------- PGR HP dropdown lists styles -----------*/
.ddl
{
	width:318px; 
	font-size:1em;
	font-family:Verdana;
	position:relative;
	left:0px;
	z-index:101;
	margin-bottom: 10px !important;
}

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

.ddl ul ul
{
	width:318px !important;
	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:166px;
}

/* 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:310px; 
	height:21px; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background-image:url(../images/pgr/dropdown.gif);
	padding-left: 8px;
	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:290px;
	overflow:auto;
	height:200px;
}

/* 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:279px !important;
	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:#5368e0;
}

.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:#5368e0;
	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:318px; 
	font-size:1em;
	font-family:Verdana;
	position:relative;
	left:0px;
	z-index:100;
}

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

.ddl1 ul ul
{
	width:318px !important;
	border:solid 1px #636567;
	overflow: hidden;
}

/* 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:166px;
}

/* 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:310px; 
	height:21px; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background-image:url(../images/pgr/dropdown.gif);
	padding-left: 8px;
	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:290px;
}

/* 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:318px !important; /*279 if scrollbar needed */
	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:#5368e0;
}

.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:#5368e0;
	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/pgr/pgr_cross.gif); }
a.crossLink { background-image: url(../images/pgr/pgr_cross.gif); }

/* inherites the rest from core.css */
.drop-down{	background-image: url(../images/pgr/pgr_cross.gif);}

h1, h2, h3, h4, h5 {color: #5368e0 !important}