/************************
 *
 * Overall styles
 *
 ************************/




body {  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; /* see http://www.w3schools.com/css/css_font.asp */ 
	color: #000000;
	margin-left:0%;
	margin-right:0%;
	text-align:center;  /* for Internet Explorer - centres div#page */
}

/* standard paragraph */
p {   
	font-size: 10pt;
      color: black;
      text-align: justify
}



/* the main headings of the website */
h1 {  font-size: 16pt; 
      font-weight: bold; 
      color: #000000;
      text-align: center;
      margin: .5em 0px .5em 0px;
}

h2 {  text-align:left;
      margin: 1.5em 0px .5em 0px;
      font-size: 12pt; 
      color: #800000;
      text-align: left;
}


h2.fancy { 	
	padding: 10px 0 10px 0;
	border-top: 2px solid #990000;
}
/* see also h2.resultdate below */

/* resultdivision is used on the results page (see below) */
h3, .resultdivision {  
	font-size: 11pt; 
      font-weight: bold; 
      color: #000000;
      margin: 1.5em 0px .5em 0px;
}

h3 { text-align: left; }

ul,ol {  
	text-align: left;
	margin-top: .75em;
	margin-bottom: .75em;
	list-style-image: url(/img/bullet.gif);}

}

ul#twitter_update_list {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}


ul#twitter_update_list li {
	list-style: none;
	padding-left: 0;
	margin: 1em 0px 1em -40px;
}




/************************
 *
 * Front page styles
 *
 ************************/


/* used as the main body element (after the menu) for the front page  */
div#front{
	width:1020px;
/*	min-width:780px;
	max-width:1200px; 
	width:auto !important;*/
/*	border: 2px dotted red; */ /* temp */
	margin-left:auto;
	margin-right:auto;
	buffer:0;
}


div#front-main {
	float:left;width: 770px; overflow:hidden;
	margin: 0;
	padding: 0px 10px 0px 10px;
	text-align:left;
/*	border: 1px dotted blue; */ /* temp */
	border-right: 4px dotted #990000;
}

div#front-sidebar {
	float:left;overflow:hidden; 
	width: 200px;
	margin: 0px;
	padding: 0 10px 0 10px;
/*	border: 1px dotted green; */ /* temp */
	text-align:center;
}


div#front-footer {
	clear: left;
}

	
div#front-banner { 
	width:637px; height:217px; overflow:hidden;
	background-color:transparent; 
	background-image:url("images/bath.jpg"); 
	background-repeat: no-repeat; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
} 

div#banner-text {
	padding:0;
	margin:0;
	vertical-align:bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font: normal small-caps 1.875em bold;
/*	color: #990000; */
	color:white;

}


div.sidebar-block {
	text-align:center;
	margin: 0;
	padding: 10px 0 10px 0;
	border-top: 2px solid #990000;
	width: 100%;
}

/* common styles for sidebar text */
p.sidebar-text, p.sidebar-text-left, ul#twitter_update_list li {
	font-size: 8pt;
}

/* additional styles: */
p.sidebar-text {
	text-align: center;
}

/* additional styles: */
p.sidebar-text-left {
	text-align:left;
}

p.footer-text {
	text-align: center;
	font-size: 8pt;
}



/************************
 *
 * Image classes
 *
 ************************/


/* images inline with text - on RHS of text */
img.floatRight {
	float:right;
	margin: .5em 0em .5em 1.5em;
}

img.floatLeft {
	float:left;
	margin: .5em 1.5em .5em 0em;
}



/* 16*16 icons - e.g. PDF icon used for downloads (IMG class)*/
img.icon16x16, img.pdf-icon {
/*	float:left; */
	margin-top:0px;
	margin-right:3px;
}



/************************
 *
 * Main website styles
 *
 ************************/


/* main body element (after the menu) for non-front pages  */
div#page {
	width:85%;
	/* To centre the element: (note Explorer ignores this) */
	margin-left:auto;
	margin-right:auto;
}




/* used to format text that isn't full paragraphs */
p.shortpara {
	text-align: left;
}

/* used to format text that isn't full paragraphs */
p.centrepara {
	text-align: center;
}

/* used to format hyperlinks that represent different viewing options (etc) */
.options {
	text-align: center;
	font-size: 8pt;
}


/* used to provide short piece of information (not as 'serious' as 'warning') */
.notice { 
	text-align: center; 
	margin: 20px 0 20px 0;
}



/* warning used if article isn't published or doesn't exist, or
   viewer doesn't have credentials to perform an action */
.warning {
	margin: 20px 0 20px 0;
	font-style: italic;
	text-align: center; 
}


/* for serious errors! */
.error {
	margin: 20px 0 20px 0;
	font-weight: bold;
	text-align: center; 
      color: #800000;
}


/* navigator text for the bottom of long pages */
.navigator {
	text-align: center;
	margin: 20px 0 20px 0;
	font-size: 8pt;
}


/************************
 *
 * link styles
 *
 ************************/

/* the following classes are used to format the top (main) menu */
a.topmenu:link {  font-size: 11pt; 
      font-weight: bold; 
	font-family:verdana;
      color: white; 
      text-decoration: none
}
a.topmenu:visited { font-size: 11pt; 
      font-weight: bold; 
      color: white; 
      text-decoration: none 
}
a.topmenu:hover {  font-size: 11pt; 
      font-weight: bold; 
      color: #CCCCCC; 
      text-decoration: underline
}
a.topmenu:active { font-size: 11pt; 
      font-weight: bold; 
      color: white; 
      text-decoration: underline 
}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 10pt
}
a.path:active {  color: red}
a.path:hover { color: red}
a.path:link { color: black}
a.path:visited { color: black}

a:link {
	font-family: verdana, arial, helevatica, sans-serif;
	color: #124F88;
	text-decoration: none;
}
a:hover {
	font-family: verdana, arial, helevatica, sans-serif;
	color: #1C79D0;
	text-decoration: underline;
}
a:visited {
	font-family: verdana, arial, helevatica, sans-serif;
	color: #124F88;
	text-decoration: none;
}
a:visited:hover {
	font-family: verdana, arial, helevatica, sans-serif;
	color: #1C79D0;
	text-decoration: underline;
}

a.tinytext:link {
	font-family: verdana, arial, helevatica, sans-serif;
	font-size: 7pt;
	color: #124F88;
	text-decoration: none;
}
a.tinytext:hover {
	font-family: verdana, arial, helevatica, sans-serif;
	font-size: 7pt;
	color: #1C79D0;
	text-decoration: underline;
}
a.tinytext:visited {
	font-family: verdana, arial, helevatica, sans-serif;
	font-size: 7pt;
	color: #124F88;
	text-decoration: none;
}
a.tinytext:visited:hover {
	font-family: verdana, arial, helevatica, sans-serif;
	font-size: 7pt;
	color: #1C79D0;
	text-decoration: underline;
}



/************************
 *
 * misc styles
 *
 ************************/


.newsheading {  font-size: 11pt; 
      font-weight: bold; 
      color: #880000
}




/* define a horizontal red line */
hr.red {
      color: #800000;
      background-color: #800000;
      height: 1px;
}

.em {color: #800000; font-weight: bold;} /* emphasised text */
.date {font-size: 8pt; font-style: italic}
.updated {font-size: 8pt; font-style: italic; color: #800000}
.syllabus {color: red}
.non-syllabus {color: black}
.table-header {color: #800000; font-weight: bold }
.horiz-line {background-color: #800000 }
.table-header-bright {color: red; font-weight: bold }
.close {margin-top: 6px; margin-bottom: 6px}

.tinytext {font-size: 7pt}
.tinytextcentred {font-size: 7pt; text-align:center; }
.tinyital {font-size: 8pt; font-style: italic}
.red {color: red}
.white {color: white}
.dkred {color: #800000}
.indent { padding-left: 25pt }


/* style used to format text that indicates a result is off-site */
.offsite {
	font-style: italic;
}

/* Image styles: */
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}




/******************************************
 *
 * Tables
 *
 ******************************************/

/* The following classes are for tables presenting
   data (i.e lists, results, etc) */
table.data { /* sets width and centres */
	width:100%;
	border-collapse: collapse;

	/* to centre the table in case the 100% width is overridden */
	/* Explorer doesn't render auto-margins as centred but the tables seem to be centred anyway */
	margin-left:auto;  
	margin-right:auto; 
}
	

table.data tr.relayheader 
	{text-align:left;
	color: #800000;
	font-weight:bold;
	font-size: 11pt; 
}
table.data tr.odd /* black on white */
	{background-color: white;
	text-align:left;
	color:black;
	border: thin solid #d8d8d8;
}
table.data tr.odd td
	{ /* for explorer which doesn't render tr borders */
	border-bottom: thin solid #d8d8d8;
}
table.data tr.even /* black on grey */
	{background-color: #d8d8d8;
	text-align:left;
	color:black;
	border: thin solid #d8d8d8; /* Explorer doesn't render this */
}
table.data tr.header  /* white on dk red */
	{background-color: #800000;
	font-weight:bold;
	text-align:left;
	color:white;
	border: thin solid #800000; /* Explorer doesn't render this */ 
}

table.data td {
	padding: 4px 2px 4px 2px;
}

/* the following definitions are for links in table headers */
a.tableheader:link {
	color: white;
	text-decoration: none;
}
a.tableheader:hover {
	color: white;
	text-decoration: underline;
}
a.tableheader:visited {
	color: white;
	text-decoration: none;
}
a.tableheader:visited:hover {
	color: white;
	text-decoration: underline;
}


        
        
/******************************************
 *
 * Results page classes
 *
 ******************************************/

/* resultdate: used to format the date on the results page */
h2.resultdate { /* same as H2 but centred */
      margin: 0.5em 0px 1.5em 0px;
      text-align: center;}
      
.resultdivision { /* same as H3 but centred */
      text-align: center;
      }
      

/* resultstext - text that accompanies results; resultset - table
   that shows results sets   */
div.resultstext {
	background-color: #f4f4f4;}
	
div.resultstext { /* text that accompanies results */
	padding: 10px 3px 10px 3px;
	text-align:left;
	color:black}