/********************** GLOBAL MARKUP ***************************/

body {margin: 0; padding: 0;}
/* 20th Nov 2006 - changed background colour below from white to #ffffff to enable Nifty Corners Cube to work correctly*/
body {border: 0; color: black; background: #ffffff;}
body, #layoutTable, #layoutTable td, #layoutTable th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
	font-size: 75%;
}
#layoutTable, #layoutTable td, #layoutTable table {
	font-size: 100%;   /* fix for IE5.x/Win bugs */
}
.smallcopy {font-size: 75%;}
.smalltext {font-size: 100%;}
h1 {color: #003399;} 
h2 {color: #003399;}
h3 {color: #6382C2;}
h4 {color: #6382C2;}
h5 {color: #6382C2;}
h6 {color: #6382C2;}
abbr, acronym, .help {
	border-bottom: 1px dotted;     
	cursor: help;
}


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

.hide { display:none; }

/******************** WARWICK BAR **********************/
#warwickBar {
	color: white; 
	height: 30px;
	background-color: #003399;
	border: none;
}
/* 20th Nov 2006 changed this from img.logo to #warwickBar img.logo to make it more specific*/
 #warwickBar img.logo {
	border: none;
	padding-left: 2px;
	margin: 0;
}

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

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

#utilityBar { 
	position:absolute;
	right:0px;
	line-height: 14px;
	padding: 1px 5px;
	margin-left: 120px;
	font: 90% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
	/*color: blue;*/
	background-color: #B2C3DB;
	border: 1px solid white;
	border-width: 1px 0 1px 1px;

	height: 1.3em;
        top: 27px;
	margin-top: -1.3em;
}	

#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 b { color: black; font-weight: normal;}

img.powerpointSlide { 
  margin-bottom: 20px;
}

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

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

#departmentBar img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}	

div#search {
   position: static;
   display: inline;

   float: right;
   text-align: right;
   height: 24px;
   overflow: hidden;
   padding: 0px;
   margin: 0px;
   margin-top: -34px;
   margin-right: 8px;

   font-size: 75%;
   white-space: nowrap;
}


#search:empty {
   margin-top: 14px; !important
}



/* hide next rule from IE/Mac and IE5/Win \*/
#searchButton {
	text-align: center;
	font-weight: normal;
	background-color: #B2C3DB;
	border-color: #B2C3DB;
	color: black;
	font: 1.2em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 60px;
	height: 20px;
	border: 1px;
}
/* */

#searchText {
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003399;
	background-color: white;
}

/****************** NAVIGATION BAR (behind tabs) ****************/

/* The 'font-size' is set in pixels to avoid rounding errors that can happen with percentage or em sizing (and thus throw off the tab layout). 
The original value was 75%.  If you want to change the sizing of the tab bar, DO IT IN THE FOLLOWING RULE.  Do not try to change the font size of elements inside the tab bar unless you absolutely know exactly what side effects that change will have!  */

#navBar {
	padding: 8px 10px 2px;
	color: #314563;
	background-color: #B2C3DB;
	font-size: 0.95em;
}

/* \*/
html>body #navBar {
	padding: 10px 10px 2px;
}
/* rule hidden from IE5, all platforms */

/********** Tabs List *************/
#tabBar {
	text-align: right;
}

#tabBar b {
	display: none;
}

#tabBar a {
	font: 1em/1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #B2C3DB #000000 #003399 #B2C3DB;
	background-color: #003399;
	color: white;
	margin: 0;
	padding: 2px 5px;
	-moz-border-radius: .75em .75em 0em 0em;
}

#tabBar a:hover {
	background-color: #6382C2;
	color: white;
}

#tabBar a.selected {
	background-color: #FFFFFF;
	border-color: #6382C2 #6382C2 #6382C2 #6382C2;
	color: #003399;
}

#tabBar a.selected:hover {
	background-color: #FFFFFF;
	border-color: #6382C2 #6382C2 #6382C2 #6382C2;
	color: #003399;
}


/***************** main layout table "global" styles *******************/

#layoutTable {width: 100%;}
#layoutTable #centreLayoutTable {width: 100%;}
#layoutTable a:link, #layoutTable a:visited { text-decoration: underline;}
#layoutTable a:link { color: #003399;}
#layoutTable a:visited { color: #330066; }
#layoutTable a:active { color: #003399; }
#layoutTable a:visited:hover, #layoutTable a:link:hover { color: #3366CC; }
/* #layoutTable td {vertical-align: top;} [SBR-366] */


/********* LEFT NAVIGATION BAR (inc image, left utility bar) *************/

#leftside {
	width: 163px;
	padding: 0px;
}

#prop {
        height:250px;
        float:right;
        width:1px;
}

#clear {
        clear:both;
        height:1px;
        overflow:hidden;
}



#leftside .content {
	background-color: #B2C3DB;
	padding-top: 1px;
	font: 96% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#leftside img {
	vertical-align: bottom;
	}

#leftside ul.local-nav {
	margin: 0 0.5em 1.5em 1em;
	padding: 0;
	list-style: none;
	voice-family: "\"}\"";  voice-family: inherit;
	height: 250px;
}
html>body #leftside ul.local-nav {
	height: auto;
	min-height: 250px;
}

#leftside ul.local-nav a {
	color: #003399;
	text-decoration: underline;
}

#leftside ul.local-nav a:visited {
	color: #330066;
}

#leftside ul.local-nav a:hover {
	color: #3366CC;
}

#leftside ul.local-nav ul {
	padding-left: 5px;
	margin-left: 0.5em;
	list-style: none;
}

#leftside ul.local-nav li {
	font-weight: normal;
	margin: 0.4em 0 0.4em;
	padding: 0;
}

#leftside ul.local-nav li.selected {
	font-weight: bold;
	margin-top: 0.6em;
	padding: 0;
	color: #314563;
}

#leftUtilityBar {
	padding: 5px 0 5px 5px;
	width: 163px;
	color: white;
	background-color: #6382C2;
	font: 90% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family: inherit;
	width: 158px;
	padding-bottom: 10px;
	
}

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

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

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

#leftside .padlock-protectedsite {
	display: none;
}


/* ************************* MAIN BODY ********************************* */
/* ************************** starts here ***************************** */
/* styles are those within the page content; i.e., not the masthead or left sidebar;
   includes headings, content line */

#pageTitle h1 {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1em;
	padding: 0.75em 0;
	margin: 0 10px 0 20px;
}

#mainContent {
	padding: 0 10px 0 20px;
}

#mainContent * {
	line-height : 1.4em;
}

#mainContent p {margin: 0 0 1em;}

#mainContent .content {
	border-top: 1px solid #6382C2;
	border-right-width: 0;	
	padding-top: 10px;
	margin: 0 10px 10px 0;
	width: auto;
}

#mainContent h1, #rhsContent h1 {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; 
	padding: 0;
}

#mainContent h2, #rhsContent h2 {
	font-size: 140%;
	margin: 0 0 0.3em;
	padding: 0;
}
#mainContent h3, #rhsContent h3 {
	font-size: 120%;
	margin: 0 0 0.2em;
	padding: 0;
	font-variant : small-caps;
}

#mainContent h4, #rhsContent h4 {
	font-size: 110%;
	margin: 0 0 0.2em;
	padding: 0;
	font-variant: small-caps;
}

#mainContent h5, #rhsContent h5 {
	font-size: 110%;
	margin: 0 0 -0.1em;
	padding: 0;
}

#mainContent h6, #rhsContent h6 {
	font-size: 100%;
	margin: 0 0 0em;
	padding: 0;
}

#mainContent .content ul, #rhsContent .content ul {
	list-style-type: square;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

#mainContent li, #rhsContent li  {
	margin-bottom : 6px
}

#mainContent .content table  {
	margin-bottom: 10px;
	font-size: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: inherit;
}

#mainContent .content th, #rhsContent .content th {
	font-size: 110%;
	color: #003399;
}


/* Styles to highlight paragraphs*/


.blockquote1 {display: block; margin: 0px 0px 20px 0px; padding: 0px 30px; font-size:90%; color: #333; }
	
.blockquote2 {font-style: italic; padding-left: 0.5em; border-left: thin solid blue;}

.boxstyle {border: solid 1px #003399; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: #DAE3F0;}

.bluebox2 {border: dashed 1px #0072BC; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: #D6DEE8;}

.bluebox3 {border: dashed 1px #0087B1; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: white;}

.bluebox4 {border: solid 1px #0072BC; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: #A6C0CE;}

.example {border: solid 1px #ccc; background-color: #ECECEC; padding: 10px;}

.greybox2 {border: dashed 1px #ccc; background-color: #ECECEC; padding: 10px;}

.greybox3 {border: solid 1px #787879; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: #F1F1F2;}

.greybox4 {border: solid 2px #787879; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px; background-color: #F1F1F2;}

.beigebox1 {border: solid 1px #9B93A7; background-color: #EEE9D9; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px;}

.beigebox2 {border: dashed 1px #9B93A7; background-color: #EEE9D9; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px;}

.beigebox3 {background-color: #C7BE9E; padding: 1px 5px 5px 5px; margin: 5px 0px 0px 0px;}

.bannerbox1 {padding: 2px 5px 5px 25px; margin: 5px 0px 0px 0px; background: #DAE5F3 url(bluearrow.gif) no-repeat 5px 4px; border: solid 1px #0071A7; font-weight: bold; color: #0071A7;}

.bannerbox2 {padding: 2px 5px 5px 25px; margin: 5px 0px 0px 0px; background: #ECEDED url(greyarrow.gif) no-repeat 5px 4px; border: solid 1px #808285; font-weight: bold; color: #6E6F72;}

.bannerbox3 {padding: 2px 5px 5px 25px; margin: 5px 0px 0px 0px; background: #EEE9D9 url(brownarrow.gif) no-repeat 5px 4px; border: solid 1px #756F63; font-weight: bold; color: #585144;}

.helpbox {border: solid 1px #0071A7; padding: 4px 5px 5px 25px; margin: 5px 0px 0px 0px; background: url(helpicon.gif) no-repeat 5px 4px;}

.infobox {border: solid 1px #0071A7; padding: 4px 5px 5px 25px; margin: 5px 0px 0px 0px; background: url(infoicon.gif) no-repeat 5px 4px;}

.alertbox {border: solid 1px #F26522; padding: 4px 5px 5px 25px; margin: 5px 0px 0px 0px; background: url(alerticon.gif) no-repeat 5px 4px;}


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

#layoutTable #rhsContent {
	padding: 0 8px 0 0;
	vertical-align: top;
	width: 160px;
}

#rhsContent p {margin: 0 0 1em;}

#rhsContent .content {
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px dotted #6382C2;
	padding-top: 10px;
}


/* *********************** MAIN BODY ********************** */
/* *********************** ends here ********************* */

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

#footer {
	height: 17px;
	font: 75%/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: green;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

 #footerContent a {
 	text-decoration: none;
 }

#footerContent {
	font: 75%/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6382C2;
	height: 17px;
	padding-top: 10px;
	margin-bottom: 10px;
        clear: both;
 }

.rhs #footerContent {
	margin-right: 0px;
}

#footerContentSpan {
	font: 75%/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 5px 20px 0;
	height: 17px;
 }
.podcastItem {
   border: 1px solid grey;
   padding: 1em;
   margin-bottom:1em;
   background-color:#eee;
}

.pod_date {
   font-weight: bold;
}
.rssicon{
  margin-top:0.5em;
  text-align:right;
  margin-bottom:2px;
}

.wimpy_btn{
  float: right;
}
div.newsItemDiv {
  border: 1px solid grey;
  padding: 0.5em;
}

span.newsItemTitle {
display:block;
font-weight: bold;
margin-top: .5em;
margin-bottom: .5em;
}

span.newsItemDate {
   font-size: 90%;
   display: block;
}

.pageIterator {
  font-size: 75%; 
  margin: 0px 20px 0px 20px;
} 

/* RSS feed stuff*/
.feedTitle {
   display: none;
}

.entryTitle {
   margin-top: 1em;
   margin-bottom: 1em;
    font-weight: bold;
   font-size: 120%
}
.entryDate {
   color: grey;
   text-align: right;
}
.entryContent{
   margin-left: 1.5em;
}
.feedEntry {
   border-bottom: 1px dashed grey;
}