/*negative margins removed because they broke with many tags - SR Aug 2 Sept*/
/*LAST EDITED - CM FRI, AUG 29, 2003*/

/********************************* GLOBAL MARKUP ***********************************/
html {margin: 0; padding: 0;}
body {margin: 0;
      padding: 0;
      border: 0;
      color: Black;
      font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.smallcopy { font-size: 75%;}
.smalltext { font-size: 100%;} /* used in left utility bar */

h1 {  font-size: 160%;
      padding-bottom: 13px;
      margin: 0px; color: #003399;}
 /* used by pageTitle */

/* h2-h6 Changeable */
h2 {	font-size: 140%; color: #003399;}

h3 {	color: #6382C2;}

h4 {	color: #6382C2;}

h5 {	color: #6382C2;}

h6 {	color: #6382C2;}

abbr, acronym, .help {
	border-bottom: 1px dotted;     
	cursor: help;
}

/* Added by Sara 11.08.05, to solve problem with IE not inheriting
   font information inside tables. */
/* Amended 12.08.05 by MSJ to make font 100% rather than 75% */

/* Commented out 18.08.05 by MSJ
td {margin: 0;
      padding: 0;
      border: 0;
      color: Black;
      font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;}
*/

td.frontpagetd {margin: 0;
      padding: 0;
      border: 0;
      color: Black;
      font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/******** Accessibility ***********/

.hide { display:none; }

/********************************** WARWICK BAR ************************************/
#warwickBar {
	color: white; 
	height: 30px;
	background-color: #003399;
	border-style: solid;
	border-color: white;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;    
}

img.logo{
	border: 0px;
	padding-left: 2px;
	top: 0px;
}

img.menu {
	position: absolute;
	top: 10px;
	padding-left: 2px;
	border: 0px;
}

#warwickMenu{
	visibility: hidden;
	position:absolute;
	top:7px;
	left:150px;
	width: auto;
	height:20px;
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
}

/* must be in this order */
#warwickMenu a { text-decoration: underline; color: #FFFFFF;}
#warwickMenu a:link { color: #FFFFFF;}
#warwickMenu a:visited { color: #FFFFFF;}
#warwickMenu a:active { color: #FFFFFF; }
#warwickMenu a:hover { color: #DDDDCC;}


/********************************** End Warwick Bar ************************************/

/********************************** UTILITY BAR ************************************/

#utilityBar { 
	position:absolute;
	right:0px;
	padding: 0px 5px 0px 0px;
	color: Blue;
	text-align:right;
	height: 17px;
	line-height: 15px;
	top:12px;
	border-style: solid;
	border-color: white;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 0px;
}	


/* must be in this order and all states included */
#utilityBar a {	color: #003399; }
#utilityBar a:link { color: #003399; }
#utilityBar a:visited {	color: #330066; }
#utilityBar a:active { color: #003399; }
#utilityBar a:hover { color: #3366CC; }

#utilityBar .spacer { color: Black; }

/* Changeable */
.utilityBar {
/*	background-color: #B2C3DB; */
color: #FF00FF;
	font: 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/********************************** End Utilities Bar *********************************/

/********************************** DEPARTMENT BAR CONTAINS SEARCH *****************/

#departmentBar {
background-color: #727983;
	color: white;
	height: 46px;
	border-top: 1px solid white;
white-space: nowrap;
}

#departmentBar img {
	border: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	vertical-align: middle;
}	
/* Changeable */
.departmentBar {
	background-color: #727983; /* 6382C2; */
	
}

div#search {
	position:absolute;
	right:5px;
	top:43px;
	width: 170px;
	font-size: 60%;
}

/* Changeable */
.searchButton {
	text-align: center;
	/*font-size: 100%;*/
	font-weight: normal;
	background-color: #B2C3DB;
	border-color: #B2C3DB;
	color: black;
	width: 60px;
	height: 20px;
	border: 1px;
}

.searchText {
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003399;
	background-color: white;
}


/********************************** End Dept Bar *********************************/

/********************************** NAVIGATION BAR (behind tabs) *******************/
#navBar {
	position:static;
	padding: 6px 10px 0px;
	/*
	padding-right: 5px;
	padding-left: 5px;
	*/
	color: #445566;
	/*
	color: #314563;
	*/
	height: 20px;
}	

/* Changeable */
.navBar {
	/*
	background-color: #B2C3DB;
	*/
	background-color: #660000;
	font: Tahoma Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/********************************** End Nav Bar (behind tabs)*********************/

/********** Tabs List *************/
#tabBar {
	position:absolute;
	top: 81px; 
	right: 10px;
	text-align: right;
}

#tabBar ul{
	display: inline;
	padding: 0;
	margin: 0;
}

#tabBar ul li {
	list-style: none;
	display: inline;
	font: 70% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	padding: 2px 0px;
	border-style: solid;
	border-width: 1px 1px 0;
	margin-right: 5px;
  	-moz-border-radius: .75em .75em 0em 0em;
	-webkit-border-top-left-radius: .75em ;
	-webkit-border-top-right-radius: .75em ;
}

#tabBar a {
	text-decoration: none;
	padding: 2px 5px;
}

/********* Changeable TABS ****************/
.tabsSelected {
	font:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-color: #6382C2 #6382C2 #6382C2 #6382C2;
}

/*Use this style when unselected tabs have white text.  
It ensures that text changes to a dark colour when 
tab is selected.*/

.tabsSelected a.tabLinks {
	color: #003399;
}

.tabsUnselected {
	font: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #003399;
	border-color: #B2C3DB #000000 #003399 #B2C3DB;
}

a.tabLinks {
	color: white;
}

a.tabLinkHover:hover {
/*	background-color: #6382C2;
	color: White; */
color: #D3D3D3 ; /* #FF00FF; */ /* sk */
  	-moz-border-radius: .75em .75em 0em 0em;
	-webkit-border-top-left-radius: .75em ;
	-webkit-border-top-right-radius: .75em ;
}


/******************************** End Tab Styles ********************************/

/************** LEFT NAVIGATION BAR (inc image, left utility bar) ******************/
#leftside { 
	float:left;
	width: 163px;
	padding: 5px 0px 0px 0px;
}

* html #leftside ul.local-nav {
	height: 250px;
}

#leftside img {
	vertical-align: middle;
	margin: 3px 0px 0px 0px;
	border: 0px;
}

/* changeable styles colour behind left nav links*/
.leftside{
	background-color: #D3D3D3 ; /* sk #B2C3DB; */
}

.leftside a {}
.leftside a:link { } 
.leftside a:visited { }
.leftside a:hover { } 
.leftside a:active {}
/* changeable styles */

/* must be in this order and all states included */
#leftside a {color: #003399; margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: none; }
#leftside a:link { color: #003399; margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: none; }
#leftside a:visited {color: #330066; margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: none; }
#leftside a:active { color: #003399; margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: none; }
#leftside a:hover {	color: #3366CC; margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: none; }

/*span.nodetype {
   font-size: 70%;
   font-weight: light;
   color: #404040;
} removed because has no known effect - KM 22 Dec 03*/

div#leftside ul.local-nav {
  margin-left:1em; 
  padding-left: 0.0em;
  top: 1px;
  width: 140px;
  text-indent:-13px;
  vertical-align: text-bottom;
  font-size: 70%;
  list-style: none;
  voice-family: "\"}\"";
  voice-family: inherit; 
  padding-left: 0em;
  margin-left: 0.7em;
  min-height: 250px; /* required for Mozilla to make the left nav a minimum size */
  text-indent:0;
}

div#leftside ul.local-nav a {
   margin-top: 0.6em; margin-bottom: 0.6em; text-decoration: underline;   
}

div#leftside ul.local-nav ul {
	padding-left: 5px; 
	margin-left: 0.5em;
        list-style: none;
        text-indent:0px;
	voice-family: "\"}\"";
	voice-family: inherit; 
	padding-left: 5px;
	margin-left: 0.5em;
}

div#leftside ul.local-nav ul ul {
      padding-left:5px;
      margin-left: 0.5em;
      text-indent:0px;
      voice-family: "\"}\"";
      voice-family: inherit;
      padding-left: 5px;
      margin-left: 0.5em;
}	

div#leftside ul.local-nav ul li { /* this is for sub navigation */
     font-weight: normal; 
}

div#leftside ul.local-nav li { /* this is for top level navigation */
     font-weight: normal;
     margin-top: 0.4em; margin-bottom: 0.4em; letter-spacing: -0.07em;
}

/*color: #314563 added to prevent the selected link in the left nav from being black - KM, Mon, Aug 11, 2003*/
div#leftside ul.local-nav li.selected {
 /* this is for sub navigation the selected link */
    font-weight: bold;
    margin-top: 0.6em;
    letter-spacing: -0.07em;
    color: blue; /*#737982; /* sk from #314563; to purple then 4B0082 */
}

/****************************/

#leftUtilityBar{
	vertical-align: top;
	padding: 5px 0px 5px 5px;
	width: 163px;
	float: left;
	height: auto;
	font-size: 60%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 158px;
	padding-bottom: 10px;
        background-color:  #336699 ; /* where copyright goes */
}

#leftside #leftUtilityBar a {
	color: #FFFFFF;
	text-decoration: underline;
}

#leftside #leftUtilityBar a:hover{
	color: #DDDDCC;
}

/*#leftside #leftUtilityBar a:visited{
	color: #FFFFFF;
}*/

/* changeable */

.leftUtilityBar {
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
	background-color:  #67aad5; /*#6382C2;*/
	/* line-height: 1.0em; */
}



/***************************** End of Left Hand Side ***********************************/

/************************************** MAIN BODY  *********************************/
/* includes headings, content line */
#mainContent ADDRESS, BLOCKQUOTE, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, LI, MENU, OL, P, PRE, TD, TH, TR, UL {
	line-height : 140%
}

#mainContent LI  {
	margin-bottom : 6px
}

/* IE does this */
#mainContent{
/*	position: absolute; TURNED OFF msj 7/9/04 */
	top: 100px;
	left: 170px;
	padding-left: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 170px;
	left: 0px;
}

/* Mozilla does this */
html>body #mainContent{
/*	position: absolute; TURNED OFF msj 7/9/04 */
	top: 100px;
	left: 0px;
	margin-left: 170px;
	padding-left: 0px;
}

/*This changed from an id to a class so that page title looks okay on spanned pages - KM Wed, Jul 30, 2003*/
.pageTitle{
	font-size: 75%; 
	margin: 10px 0px 0px 0px;
	border: 0px;
	padding: 0px;
}

#content {
	font-size: 75%; 
	margin: 0px 0px 10px 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 10px;
	width: 100%;
}

/*These changed from ids to a classes so that links look okay on spanned pages - KM Wed, Jul 30, 2003*/
.content a { color: #003399; border: 0px; text-decoration: underline; }
.content a:link { color: #003399;  border: 0px; text-decoration: underline; }
.content a:visited { color: #330066; border: 0px; text-decoration: underline; }
.content a:active { color: #003399;  border: 0px; text-decoration: underline; }
.content a:hover { color: #3366CC;  border: 0px; text-decoration: underline; }

/*This commented out at JD's request - KM - Mon, Jul 28, 2003*/
/* appropriate hack for IE5.5 and IE6 should we want to make content links dotted supported only by Mozilla */
/*html>body #content a { color: #003399; border-bottom: 1px dotted; text-decoration: none; }
html>body #content a:link { color: #003399; border-bottom: 1px dotted; text-decoration: none; }	
html>body #content a:visited { color: #330066; border-bottom: 1px dotted; text-decoration: none; }	
html>body #content a:active { color: #003399; border-bottom: 1px dotted; text-decoration: none; }	
html>body #content a:hover { color: #3366CC; border-bottom: 1px dotted; text-decoration: none; }*/	

#contentSpan {
	font-size: 75%; 
	margin: 0px 5px 20px 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.content ul {
	list-style-type: square;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: Black;
	/*changed from ids to class (for spanned pages) and colour changed from #00334D to black for accessibility - KM, Fri, Aug 08, 2003*/
}

/*This changed from an id to a class so that tables look okay on spanned pages - KM Wed, Jul 30, 2003*/
.content table  {  font-size: 100%;
voice-family: "\"}\"";
voice-family: inherit;
font-size: inherit;
}

/*Extra styles added to headings - KM, Tue, Aug 12,2003*/
.content h1 {
	font-size: 150%; padding: 0px; margin: 0px;
}

/* SR Aug 2 Sept*/
/*Q. Surely these .content headings make the generic ones at the top of the stylesheet redundant? can the top ones be deleted (not h1) 
A. No. They work, together with the site specific styles, to change the colour of the headings on a site by site basis - KM*/
/*negative margins removed on all .content heading styles because they broke with many tags */
.content h2 {
	font-size: 140%; padding: 0px; margin: 0px 0px 0px 0px;
}

.content h3 {
	font-size: 120%; 
	padding: 0px; 
	margin: 0px 0px 0px 0px; 
	font-variant : small-caps; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	font-size: 125%;
}

.content h4 {
	font-size: 110%; padding: 0px; margin: 0px 0px 0px 0px; font-variant : small-caps;
}

.content h5 {
	font-size: 110%; padding: 0px; margin: 0px 0px 0px 0px; 
}

.content h6 {
	font-size: 100%; padding: 0px; margin: 0px 0px 0px 0px;
}

/*This extra style added for th - KM, Wed, Aug 13, 2003*/
.content th {
	font-size: 110%; padding: 0px; margin: 0px; color: #003399;
}

table td.rhsTableCell table { font-size: 100%;
voice-family: "\"}\"";
voice-family: inherit;
font-size: inherit;}

/*These styles added to enable a box style using ul, li, strong and em - KM, Fri, Aug 08, 2003*/
ul.boxlist li {
	margin-top: 10px;
	list-style: none;
	width: 95%;
	padding: 2px 2px 2px 2px;
	border: dotted 1px #B2C3DB;
}

ul.boxlist li h3 {
	background-color: #003399;
	color: white;
	padding: 2px 2px 2px 2px;
	margin-bottom: 1px;
}

ul.boxlist li strong {
	background-color: #B2C3DB;
	padding: 2px 2px 2px 2px;
	display: block;
	margin-bottom: -15px;
}

ul.boxlist li em {
	font-style: normal;
	font-variant : small-caps;
	color: #003399;
}

/*This style added to highlight paragraphs of text - KM, Fri, Aug 15, 2003*/
.boxstyle {
	border: solid 1px #003399;
	background-color: #DAE3F0;
	padding: 5px 5px 5px 5px;
}



/**********Changeable Main Content ********/
.content {
	border-style: solid;
	border-color: #6382C2;
	border-top-width: 1px; /* the dividing line under pageTitle */
	border-right-width: 0px;	
	padding-top: 13px;
}

.padding {
	width: 10px;
}

/********************************* Main Body Content End *********************************/

/********************************** RIGHT HAND SIDE ********************************/
/* includes right side line */

.rhsTableCell {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	vertical-align: top;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #6382C2;
	padding: 12px 8px 0px 0px;
}


.rhsTableCell a { text-decoration: underline;}
.rhsTableCell a:link { color: #003399; text-decoration: underline;}
.rhsTableCell a:visited { color: #330066; text-decoration: underline; }
.rhsTableCell a:active { color: #003399; text-decoration: underline; }
.rhsTableCell a:hover { color: #3366CC; text-decoration: underline; }

/*This commented out at JD's request - KM - Mon, Jul 28, 2003*/
/* appropriate hack for IE5.5 and IE6 should we want to make content links dotted supported only by Mozilla */
/*html>body .rhsTableCell a { color: #003399; border-bottom: 1px dotted; text-decoration: none; }
html>body .rhsTableCell a:link { color: #003399; border-bottom: 1px dotted; text-decoration: none; }	
html>body .rhsTableCell a:visited { color: #330066; border-bottom: 1px dotted; text-decoration: none; }	
html>body .rhsTableCell a:active { color: #003399; border-bottom: 1px dotted; text-decoration: none; }	
html>body .rhsTableCell a:hover { color: #3366CC; border-bottom: 1px dotted; text-decoration: none; }*/	


/********** Changeable Right Hand Side ********/
.rightside {
	border-style: dotted;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-color: #6382C2;
}

/*Extra styles added to headings - KM, Tue, Aug 12,2003*/

.rhsTableCell h1 {
	font-size: 150%; padding: 0px; margin: 0px;
}

/* SR Aug 2 Sept*/
/*negative margins removed on all . heading styles h2-h6 because they broke with many tags  */
.rhsTableCell h2 {
	font-size: 140%; padding: 0px; margin: 0px 0px 0px 0px;
}

.rhsTableCell h3 {
	font-size: 120%; 
	padding: 0px; 
	margin: 0px 0px -10px 0px; 
	font-variant : small-caps; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	font-size: 125%;
}

.rhsTableCell h4 {
	font-size: 110%; padding: 0px; margin: 0px 0px 0px 0px; font-variant : small-caps;
}

.rhsTableCell h5 {
	font-size: 110%; padding: 0px; margin: 0px 0px 0px 0px; 
}

.rhsTableCell h6 {
	font-size: 100%; padding: 0px; margin: 0px 0px 0px 0px;
}


/****************************** Right Hand Side Content End *******************************/


/************************************** FOOTER *************************************/
/* includes footer line */

#footer {
	font-size: 65%;
	height: 17px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

 #footerContent a {
 	text-decoration: none;
 }

#footerContent {
	font-size: 65%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin: 0px 0px 20px 0px;
	height: 17px;
	width: 100%;
 }

#footerContentSpan {
	font-size: 65%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin: 15px 5px 20px 0px;
	height: 17px;
 }
 
#footerRHS {
	font-size: 75%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 150px;
	right: 0px;
	border-style: dotted;
	border-color: #6382C2;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-right: 5px;
 }
 
 /********Changeable FOOTER ******/
.footer {
	            /*SR why is there nothing in this?*/
}

.footerContent {
	border-style: solid;
	border-color: #6382C2;
}

 
/*************************************end footer***/

/***Propectus styles (these should be moved into site_prsp and the relevant site entities changed ASAP ***/
hr.prosp {color: #3c3;}