/*--------- be friendly to printers -----------*/

@media print
{
body { font-size: 80% !important;  }
#maincontainer { margin-left: -85px !important; top: 35px !important; }
#logo { margin-left: -43px !important; clear: both !important; }
#TopNav, #SubNav, #RightStatic, #header, #nav-secondary, #FooterLinks  { display: none !important; }
#FooterAddress { text-align: left !important; border-top: 1px solid #000000 !important; padding-top: 5px !important; margin-left: 3px !important; }
#Content, #Content-Wide { margin-left: 0px !important; padding-left: 5px !important; width: 100% !important; border-top: 1px solid #000000 !important; color: #000000 !important; margin-top: 15px !important;}
}

/*--------- Main Styles ----------*/

body
{
    font-size:65%; font-family: Arial, Helvetica, sans-serif; font-weight:normal;
    margin:0;
	padding:0;    
}

hr {
    height:1px; width:100%;
	background-color: #ccc !important;	color: #ccc !important;	
	border:0;
	margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 10px;
}

/*hr-short overrides default width*/

.hr-short {width: 360px !important;}

img { padding: 0; margin: 0; border: 0; }

u { text-decoration: none; } /* to stop contributors from underlining text */

s { display: none; } /* stops contributors using strikethrough, text-decor none would remove the strike */

.smallerText { font-size: 90% } /* 90% of body font size */ 

.hidden { display: none; }

#Content-Wide .pagetop, #Content .pagetop { text-align: right; } 

.clearDiv { clear:both; height: 0px; }

.TextPurple { color: #7F4A9E; }

#container
{
    position:relative;
    width: 805px;
    top: 5px; /* 20 ???????????? */
    margin: 0;
    text-align:left;
	z-index: 3;
}

#maincontainer
{
    position:relative;
    float:left;
    left:88px; /* 66 ???????????? */
	height: auto;
	z-index: 2;
}

/*----------- Link Styles (default) ----------*/

a, a:visited { color: #636567; /* grey */ text-decoration:none; }

a:hover { color: #7F4A9E; /* purple */ text-decoration:underline; }

a img { border:0; }

/*-------------- Content (and content related) --------------*/
#Content
{
	float:left;
    margin-left:18px; margin-right:6px; /* amended by AW */
    width: 380px; /* amended by AW */
    font-family:Verdana; color:#636467; font-size: 11px;
}

#Content-Wide /* added by AW, corner added in individual sheets */
{
	float:left;
    margin-left:18px;
    width: 599px;
    font-family:Verdana; color:#636467; font-size: 11px;
}

#Content p, #Content-Wide p
{
    margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:16px; /* amended by AW */ 
	text-align: left;
}

#Content img, #Content-Wide img
{
	float: right;
	margin-left: 4px; margin-bottom: 4px;
}

#Content a, #Content-Wide a, #Content a:visited, #Content-Wide a:visited{color:#7F4A9E; text-decoration:none;}

#Content a:hover, #Content-Wide a:hover{text-decoration:underline;}

#Content table, #Content-Wide table{margin-bottom: 16px;}


/* -------- Header styles ---------*/
#Content h3, #Content-Wide h3
{
    font-size:1.4em; font-family: Arial; color:#6D2F90; font-weight: bold;
    margin: 0.5em 0em 0.3em 0em;
    padding:0;
}

#Content h1, #Content h2, #Content h4, #Content h5, #Content h6,
#Content-Wide h1, #Content-Wide h2, #Content-Wide h4, #Content-Wide h5, #Content-Wide h6
{ /*if contributors applying these headings they will appear as h3 */ 
    font-size:1.4em; font-family: Arial; color:#6D2F90; font-weight: bold;
    margin: 0.5em 0em 0.3em 0em;
    padding:0;
}

/* ------- Page Header & Sub Header -------- */
#pageHeader{margin-bottom: 10px;}
	
#pageHeader h1
{
    font-size:2em; font-family: Arial; color:#6D2F90; font-weight: 700;  
    margin: 0.5em 0em 0em 0em;
    padding:0;	
}

#pageHeader h2
{
    font-size:1.5em; font-family: Arial; color:#636467; font-weight: 525;   
    margin: 0em 0em 0.5em 0em;
    padding:0;
	
/*	border-bottom: 0.05em solid #999999;*/
}

/* used on an extra div within header div on pages where the contributor isn't playing by the rules */
#pageHeader #pageHeader-Extra {display: none;}

/* -------- Logo styles ---------*/
#logo 
{
    position:absolute; top:0px; left:0px;
    width:173px; height:178px;
    z-index: 1;
}

#logoimg {position:absolute; top:48px; left:0px;}

#logoimg2 {position:absolute; top:0px; left:0px;}

/*--------- Site Header styles --------*/
input
{
   margin:0;
   padding:0;
}

#header
{
    width: 805px; height: 60px;
    padding: 0 0 15px 5px;
}
    
#search {width:670px; height:26px;}

#search legend, #search label {display: none;}

#submit {position:absolute; top:1px; right:0px;}

#submitbox {
    position:absolute; width:130px; height:21px;
    right:47px;
}

.submitbox 
{
    position:absolute; left:-4px; top:5px;
    font-size: 1em; font-family:Verdana; color:#636567;
    background-color: transparent;
    border: 0px solid transparent;
    width:130px;
}

#submitimage
{
    position:absolute; right:35px; top:1px;
    width:158px;
}   

#searchlinks
{
    position:absolute; top:4px; right:362px;
    font-size: 1em; font-family:Verdana; color:#636567;
}

#searchlinks ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

#searchlinks ul li
{
    display:inline;
    border-left:solid 1px #999999;
    padding-right:4px; padding-left:5px;
}

#searchlinks ul li a:hover {color:#9933CC;}

/*--------- Top Navigation Styles ----------*/
#TopNav
{
    text-align:right;
    width: 805px; height: 30px;
    margin-top:8px;
	display: none;
}

#TopNav a {font-size:1em; font-weight:normal; font-family:Verdana;}

#Row1
{
    top:0px; right:5px;
	padding-right: 5px;
}

#Row2
{
    top:16px; right:0px;
	padding-right: 5px;
}

/*-------  Horizontal bar (sub nav) -------*/
#SubNav div.bar
{
	background-color: #C9009B; /* + */
	clear: both;
	width: 805px;
	margin: 0;
	padding: 0;
	height: 24px;
	background-image: url(../images/global/subBAR_end.gif); /* + */
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 4px solid #cccccc;
}

#SubNav div.bar ul 
{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

#SubNav div.bar ul li,
#SubNav div.bar ul li.subbar_selected
{
	display: inline;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	list-style: none;
	margin: 0;
	padding: 0;
}

#SubNav div.bar ul li a,
#SubNav div.bar ul li.subbar_selected a
{
	border-right: 1px solid #cccccc;
	color: #ffffff;
	display: block;
	height: 15px;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 7px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#SubNav div.bar ul li a:hover{color: #ffcc00; text-decoration: underline;}

#SubNav div.bar ul li.subbar_selected a
{
 	background-color: #df8ccc; /* + */
	padding-bottom: 4px;
}

#SubNav div.bar ul li.subbar_selected a:hover{color: #ffffff; text-decoration: none;}

#SubNav div#subNav2-Hide{display: none;}

/*------------ Left Nav Links ----------*/
#nav-secondary div#leftNav2-Hide {display: none;}

#nav-secondary 
{
	float: left;
	width: 183px;
	margin: 15px 0 0 0;
	font-family: Verdana;
}

#nav-secondary ul
{
	margin: 0;
	padding: 0;
}

.nav-secondary-breadcrumb
{
	list-style-type: none;
	background-image: url(../images/arrows/arrowbullet_up.gif);	background-repeat: no-repeat; background-position: 3px 8px;
	border: 1px solid #cccccc;
	color: #663399;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	display: block;
}

.nav-secondary-breadcrumb a
{
	display: block;
	text-decoration: none;
	padding: 0.4em 0 0.5em 1.6em;
}

.nav-secondary-sectionheader
{
	list-style-type: none;
	background-image: url(../images/global/leftnav-title-home.gif);	background-repeat: no-repeat;background-position: top right; background-color: #660099;
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

.nav-secondary-sectionheader a,
.nav-secondary-sectionheader a:hover
{
	color: #ffffff !important; 
	display: block; 
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

.nav-secondary-sectionmenu
{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	border: 1px solid #cccccc;
	border-top: none;
	background-color: #ffffff;
	font-size: 90%;
}

.nav-secondary-sectionmenu li
{
	background-image: url(../images/arrows/arrowbullet.gif); background-repeat: no-repeat;background-position: 3px 8px;
	border-top: 1px solid #cccccc;
	display: block;
	padding-left: 15px;	padding-bottom: 4px;padding-top: 2px;
	color: #000000; 
}

.nav-secondary-sectionmenu li a {color: #000000 !important;	font-weight: normal; text-decoration: none;}

.nav-secondary-sectionmenu a:hover {color: #cc0099 !important; font-weight: normal;	text-decoration: underline; }

#nav-secondary ul li ul.nav-secondary-sectionmenu li ul li
/* to stop arrows appearing on indented nav items */
{
	background-image: none !important;
	list-style-type: none !important; 
	display: block;
	padding-left: 10px;	padding-bottom: 2px;padding-top: 2px;
}

/*---------- Footer Styles ------------*/
/* amended by AW */

div#Footer
{
    clear:both;
    position: relative;
    bottom:0px;
    width: 805px;
    color:#636567;
}

div#FooterBreak
{
    position: relative;
    width: 805px; height: 68px;
    top:17px; left:0px;
    color:#636567;
}

div#FooterAddress
{
    position: relative;
    width: 800px; height: 38px;
    top:32px; left:0px;
    text-align:right;
}

div#FooterLinks
{
    position: relative;
    width: 800px; height: 38px;
    top:24px;left:0px;
    border-top:solid 1px #999999;    border-bottom:solid 1px #999999;
}

div#FooterLinks ul
{
    padding:0;
    margin:1.2em 0 0 0;
    list-style-type:none;
}

div#FooterLinks ul li
{
    display:inline;
    border-left:solid 1px #999999 /*#B9859F*/;
    padding-right:4px;    padding-left:5px;
}

div#FooterLinks ul li a:hover
{
    color:#9933CC;
}

/*--------- Global Right Static Styles (not index pages which are RightNav) ----------*/
#RightStatic
{
    width: 209px;
    float: right;
    font-family: Verdana;
	margin-top: 20px;
}

/*--------- Global Right Static Styles (not index pages which are RightNav) ----------*/
#RightStatic2
{
    width: 195px;
    float: right;
    font-family: Verdana;
	margin-top: 5px;
}

/*--------- Global Right Static Styles (not index pages which are RightNav) ----------*/
#RightStatic2
{
    width: 497px;
    float: right;
    font-family: Verdana;
	margin-top: 5px;
}

/*--------- Styles used for assets floated right - 3 column -------------------*/

/*#RightStatic .AssetTop {margin-top: 15px; }
*/
#RightStatic .AssetNotTop {margin-top:15px}

/*--------- Styles used for assets floated right - 2 column -------------------*/

.AssetTop2Col {margin-top: 5px; }

.AssetNotTop2Col {margin-top:15px}

/*------------- Landing Pages - Flash -----------*/
#CentreFlash
{
    float: left;
    width: 458px;
    height: 454px;
	padding-top: 5px;
}

/*------------- Landing Pages - Flash 2-----------*/
#CentreFlash2
{
    float: left;
    width: 308px;
    height: 454px;
	padding-top: 5px;
}

/*------------- Landing Pages - Flash 3-----------*/
#CentreFlash3
{
    float: left;
    width: 308px;
    height: 450px;
	padding-top: 5px;
}

/*----------- Global element shows (index pages only) -----------*/
.date { color: #636567; }

.topelement { border: 0; }

#InternationalLink /* probably delete this */
{
    position: relative; top: 7px;
}

/*---------- quote ------------ */
p.quote
{
	color: #663399;
	background-image: url(../images/quote-open.gif);background-repeat: no-repeat;background-position:center left;
	font-size: 1em;
	padding-left: 35px;
}

/*--------- Table Styles ----------*/
td.td-100 { width:100%; }

td.td-equal-width, th.td-equal-width { width: 50%; }

/* styles to define defaults for table (and some to over-right some table stylings that some contributors have figured out) */

#Content table tr, #Content-Wide table tr {	background-color: #FFFFFF; vertical-align: top; }

#Content table, #Content table tr, #Content table th, #Content table td,
#Content-Wide table, #Content-Wide table tr, #Content-Wide table th, #Content-Wide table td
{ border: none; }
	
#Content table, #Content-Wide table { width: 100%;}  /*this may cause problems I've not thought of! */

#Content table th, #Content-Wide table th { text-align: center; font-size: 115%; background-color: #EBE5F4; padding: 4px; }

#Content table tr th img, #Content table tr td img,
#Content-Wide table tr th img, #Content-Wide table tr td img { float: none; margin: 0; }

/*------- Form styles -----------*/
form fieldset {border: 1px solid #999;}

form label {font-weight: bold;}

form legend
{
	font-weight: bold;color:#663399;	font-size: 110%;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

form input, textarea, select {font-size: 110%; font-family: Arial, Helvetica, sans-serif;}

form table 
{ 
	width: auto; width: 100%; 
	border: 0;
}

form table tr {vertical-align: top;}

form table td {padding: 2px;}

form input.Form-button
{
	color: #FFFFFF;
	background-color: #663399;
	border-bottom: 0.05em solid #000000; border-right: 0.05em solid #000000; border-top: 0.05em solid #9370DB; border-left: 0.05em solid #9370DB;
	padding-top: 0.2em;	padding-bottom: 0.2em;
	margin-left: 0px;
	cursor: pointer;
	font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {font-size: 1em;}

form input.aspxButtonLink
{ 
	border: 0px inset; 
	background-color: transparent; 
	color: #0000FF; text-decoration: none; 	text-align: left;
	cursor: pointer; 
	font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 100%; 
	padding: 0;
}

/*---------- Padding Styles -----------*/
.padLeft { padding-left: 0.5em; }
.padRight { padding-right: 0.5em; }
.padTop { padding-top: 0.5em; }
.padBottom { padding-bottom: 0.5em; }

.marginLeft { margin-left: 0.5em; }
.marginRight { margin-right: 0.5em; }
.marginTop { margin-top: 0.5em; }
.marginBottom { margin-bottom: 0.5em; }
.marginLeftX2 { margin-left: 1em; }
.marginRightX2 { margin-right: 1em; }

/* ---------- Alignment styles ------------*/
.alignTop { vertical-align: top; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCentre { text-align: center; }
.alignBottom { vertical-align: bottom; }

/*-------  ASPNET Web Control Styles  -----------*/
.MbsDataGrid { border-color:#FFFFFF; border-style:none; border-width: 0px; background-color:#FFFFFF; }
.MbsDataGrid td { padding:2px; }
.MbsDataGridHeader { color:#663399; background-color:#E2DAED; font-weight: bold; }
.MbsDataGridFooter { background-color:#CCCC99; }
.MbsDataGridItem { 	background-color:#F2F2F2; }
.MbsDataGridAltItem { background-color: #DDDDDD; }

/* -------- Contributor overright -------- */

/*New table styles*/

/*table-large for tables with table headers - apply to table class - added by IM*/

table.table-large {
*border-collapse: expression(cellSpacing = '0px', "separate"); /*ie 6/7 hack - overrides html property cellspacing */
border-spacing: 0px !important; /*used by standard compliant browsers - overrides html property cellspacing*/
border-left: 1px #666666 solid !important; border-bottom: 1px #666666 solid !important; border-top: 1px #666666 solid !important;}

table.table-large tr th{
border-right: 1px #666666 solid !important;
color: #666666  !important; font-weight:bold !important;
padding: 5px !important;
background-color:#FFFFFF !important;}

table.table-large tr td{
border-top: 1px #666666 solid !important; border-right: 1px #666666 solid !important;
padding: 5px !important; }

/* used for FAQs - section styles sheets specify colour*/

.drop-down{
    padding-left: 15px;	padding-bottom: 0.4em;	padding-top: 0.4em;
	background-repeat: no-repeat; background-position: left 0.5em;}