body { color: #000000; 
			 background-color: #859cd2; 
			 font-size: small; 
			 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
			 line-height: 1.3em; 
			 text-align: left; 
			 margin: 0px auto;
			 width: 100%; 
			 padding: 0px; }

body.white-bg { color: #000000; 
			          background-color: #FFFFFF; }

p { }

em { font-size: 110%; font-weight: 600; }

sup { font-size: 60%; }

h1 { font-size: 1.4em; line-height: 1.4em; }

a:link { }

a:visited { }

a:hover { }

a:active { }

/******************************************************************************/
/* Principle layout DIVisions of the page.																		*/
/******************************************************************************/
#topbar-bg { color: #FFFFFF; background-color: #002f97; float: left; width: 100%; display: block; }

#topbar { color: #FFFFFF; background-color: #002f97; position: relative; margin: 0em 2em 0em 3em; float: right; padding-top: 0.4em; padding-bottom: 0.5em; display: inline; }

#titlebar { color: inherit; background-color: #BAD0FF;  
clear: both; padding-top: 0.4em; padding-bottom: 0.5em; display: block; }

#menubar { color: #ffffff; background-color: #002F97; text-indent: 3em; padding-top: 0.4em; padding-bottom: 0.7em; float: left; width: 100%; clear: both; display: block; }

#text-wrapper { color: #000000; background-color: #FFFFFF; width: 100%; float: left;  
			 padding: 0px; display: block; }

#maintext { color: #000000; background-color: #FFFFFF; float: left; width: 68.5%; padding: 2% 2.5% 3% 3%; }

#whole-width-maintext { color: #000000; background-color: #FFFFFF; float: left; width: 94.5%; padding: 2% 2.5% 3% 3%; }

#sidebar { font-size: 0.8em; color: #000000; background-color: #FFFDE0; width: 21.5%; height: 100%; padding: 2% 2% 3% 2%; float: left; }

#footbar { color: #FFFFFF; background-color: #002f97; 
					 clear: both; line-height: 1.4em; 
					 padding-top: 0.4em;  padding-bottom: 0.4em; padding-left: 3em; }
					 
#footbar.blank { height: 1.3em; }

/* endbar division - with height defined - required to avoid "spillage" phenomenon in IE */
#endbar { color: #FFFFFF; background-color: #002f97; 
					 clear: both; height: 0em; }
					 
/******************************************************************************/
/* Navigation menu classes to define the submenus.														*/
/******************************************************************************/
.submenu-1 , .submenu-2 { color: #002FDD; background-color: #FFFFFF; 
						 							width: auto; white-space: nowrap;
							 					  text-indent: 0em; text-align: left; text-decoration: none;
 													padding: 0em 0.3em 0em 0.3em;
						 							display: none; }

.submenu-1 { position: absolute; top: 2em; left: 0em; 
					 	 z-index: 2;  }

.submenu-2 { position: absolute; top: 0em;  left: 0.2em; 
						 z-index: 3; }


/******************************************************************************/
/* Styles that apply only within the maintext DIVision.												*/
/******************************************************************************/
#maintext h1 { color: #FFFFFF; background-color: #002F97; font-size: 1.4em; line-height: 1.4em; width: 90%; padding: 0.2em 2% 0.2em 2%; margin-bottom: 1.4em; }

#maintext h2 { color: #FFFFFF; background-color: #002F97; font-size: 1.2em; line-height: 1.2em; width: 90%; padding: 0.2em 2% 0.2em 2%; margin-top: 2em; margin-bottom: 1.4em;}

#maintext h2.compact-tp { margin-top: 0em; }

#maintext p { padding-right: 5%; }

#maintext li { padding-right: 5%; }

#maintext em { white-space: nowrap; font-style: normal; font-size: 110%;  font-weight: normal;}

#maintext h1 em, #maintext h2 em { font-weight: bold; }

/* Small emphasis */
#maintext em.sm-em { white-space: normal; font-size: 0.9em; font-weight: 600; }

/* Italics */
#maintext em.it { white-space: normal; font-size: 1em; font-style: italic; }

/* Big and bold */
#maintext em.bb { white-space: normal; font-weight: bold; }

#maintext .contact { text-align: center; margin: 0pt;}


/******************************************************************************/
/* Styles that apply only within the sidebar DIVision.												*/
/******************************************************************************/
#sidebar h1 { color: #FFFFFF; background-color: #4041FB; 
							font-size: 1.2em; line-height: 1.2em; 
							width: 90%; padding: 0.3em 0.1em 0.3em 0.5em; }

#sidebar input { font-size: 0.8em; }

#sidebar a { font-size: 110%; }

/******************************************************************************/
/* Special text-formating classes                                           	*/
/******************************************************************************/
/* Keep Together */
.kt { white-space: nowrap; }

.ul { text-decoration: underline; }

.red { color: #FF0000; background-color: #FFFFFF; }

.big-red { font-size: 1.4em; color: #FF0000; background-color: #FFFFFF; }

.grey { color: #777777; }

.hide { display: none; }

.invisible { visibility: visible; z-index: 8; float: left; }

.menu-item { display: inline; position: relative; }

.footnote { font-size: 0.8em; line-height: 1.1em; } 

.indent { margin-left: 1.5em; }

.indent-compact { margin-top: 0px; margin-bottom: 0px; margin-left: 1.5em; }

.center { text-align: center; }

.center-narrow { text-align: center; width: 60%; margin-left: auto; margin-right: auto; }

.narrow { text-align: left; width: 60%; margin-left: auto; margin-right: auto; }

.compact { margin: 0em; }

#site-map .compact { margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 1.5em; }

.med-tp { margin-top: 0.5em; display: block; }

.med-bt { margin-bottom: 0.6em; display: block; }

.med-tp-bt { margin-top: 0.5em; margin-bottom: 0.6em; display: block; }

.big-tp { margin-top: 1em; display: block; }

.large-tp { margin-top: 2em; display: block; }

.right { text-align: right; }

.float-left { float: left; }

.float-right { float: right; }

.float-middle { float: inherit; vertical-align: middle; } 

.float-top { float: inherit; vertical-align: top; } 

.padding-right-1-5 { padding-left: 0; padding-right: 1.5em; }

.form-row-heading {float: left;
									 clear: left; 
									 width: 10em; 
									 font-style: italic;
									 text-align: right; 
									 margin-right: 0.8em; }

.form-vis-row-heading {float: left;
											 clear: left; 
											 width: 13em; 
											 font-style: italic;
											 text-align: right; 
											 margin-right: 0.8em; }

.form-row-sub-heading {float: left;
											 clear: left; 
											 width: 50%; 
											 font-style: italic;
											 text-align: right;
											 margin-right: 0.8em; }

.form-section-title {font-style: italic;
										 clear: left; 
										 font-weight: bold;
										 text-align: right; 
										 margin-left: 0.8em;
										 margin-bottom: 0.4em; }

.int-sect-heading { font-weight: bold; font-style: italic; margin-bottom: 0.2em; }

.italic { font-style: italic; }

.bold-italic { font-weight: bold; font-style: italic; }

.unbold { font-weight: normal; }

/******************************************************************************/
/* Customizing standard HTML markup elements.																	*/
/******************************************************************************/

/* Stop linked images having ugly borders round them! */
img { border-style: none; }

img.zero-size { width: 0px; height: 0px; }

img.h-pic { width: 230px; height: 316px; float: right; margin: 3%; }

img.g-pic { width: 230px; height: 316px; float: right; margin: 3%; }

img.get-ac { width: 88px; height: 31px; float: left; vertical-align: top; margin: 0.4em 0.8em 0em 0em; }

img.info-icon { width: 24px; height: 24px; float: left; vertical-align: top; margin: 0.4em 0.8em 0em 0em; }

img.sci-icon { width: 30px; height: 24px; float: left; vertical-align: top; margin: 0.4em 0.8em 0em 0em; }

img.up-arrow { float: right; clear: right; border: 0em; padding: 0em; margin: 0em; width: 23px; height: 12px; }

img.dwn-arrow { float: right; border: 0em; padding: 0em; margin: 0em; width: 23px; height: 12px; }

img.confirm-button { float: right; clear: none; border: 0em; margin: 0 0 0 6px; vertical-align: top; width: 23px; height: 23px; }
 
acronym { border-style: none; color: #555555; background-color: inherit; }

h1 acronym , h2 acronym , a acronym { color: inherit; }

strong { font-style: normal; font-weight: bold; }

/* Paragraph element classes */
p.compact-bt { margin-bottom: 0px; }

p.big-bt , li.big-bt  { margin-bottom: 2.2em; }

p.compact-tp { margin-top: 0px; }

p.big-tp { margin-top: 2.2em; }

p.faq-answer { margin-top: 0px; margin-bottom: 2em; margin-left: 1.5em; }
	
/* List element classes */
ol { list-style-type: decimal; }

ol.alpha , ol.alpha-compact { list-style-type: lower-alpha; } 

ol.upper-alpha { list-style-type: upper-alpha; margin-top: 0.3em;} 

ol.upper-alpha p.no-indent { margin: 0.3em 0em 0.3em -1.7em; display: block; }

ol.roman { list-style-type: lower-roman; } 

ol.big-tp-roman { margin-top: 1em; list-style-type: lower-roman; } 

ul { list-style-type: disc; }

ul.square { list-style-type: square; }

ul.no-bullet { list-style-type: none; }

ul.no-bullet-compact { list-style-type: none;  margin-top: 0px; margin-bottom: 0px; }

ul.compact , ol.compact , ol.alpha-compact , ul.no-bullet-compact li { margin-top: 0px; margin-bottom: 0px; } 

ul.indented-list , ol.indented-list { position: relative; left: 2.9em; padding-right: 2.9em; }

ul.distant-bullet li { padding-left: 1.2em; }

li.loose { margin-bottom: 0.6em; }

#site-map li { margin-top: 0.2em; }

#site-map li.loose { margin-bottom: 0.8em; }

dt.list-note { font-weight: bold; float: left; padding-left: 0em; padding-right: 0.4em; }

dd { padding-left: 0em; }

textarea { font-size: small; 
    			 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
		    	 line-height: 1.3em; }

/* TABLE elements */

#maintext table { margin-right: 5%; }

table { border: 0px; border-collapse: collapse; }

caption { text-align: left; font-weight: bold; font-size: 110%; font-style: normal; padding-bottom: 0.4em; width: 100%;}

tr { text-align: left; vertical-align: top; }

tr.valign-middle { vertical-align: middle; }

tr.valign-bottom { vertical-align: bottom; }

th { font-style: normal; font-weight: bold; }

td { border: 0px; padding: 0.2em 0.6em 0.2em 0.6em; }

table.boxed-note-table , table.boxed-bullet-table { width: 80%; margin: 1.5em 15% 1.5em 5%; border: 2px #000000 solid; }

table.boxed-table { width: 80%; padding: 0em 0em 0em 1em; margin: 1.5em 15% 1.5em 5%; border: 2px #000000 solid; }

table.boxed-note-table tr { text-align: center; }

table.boxed-bullet-table tr { text-align: justify; padding: 0px; }

table.boxed-table tr { text-align: left; padding: 0px; }

table.boxed-note-table td , table.boxed-bullet-table td { padding: 15px; margin: 0em; }

table.boxed-table td { padding: 15px; padding-right: 0px; margin: 0em; }

table.candlist , table.school-regs { margin: 1em 1% 1em 0%; 
																		 border-collapse: collapse; }

table.nametags , table.namelabels { margin: 1em 1% 1em 0%; 
								 										border-collapse: collapse;}

table.list { width: 80%; margin: 1em auto 1em 5%; 
						border: 1px #000000 solid; border-collapse: collapse; } 

table.widelist { margin: 1em 0% 1em 0%; 
								border: 1px #000000 solid; border-collapse: collapse; }

table.list td , table.widelist td , table.candlist td , table.school-regs td { border: 1px #000000 solid; 
																																							 padding: 0.2em 0.6em 0.2em 0.6em; }

table.nametags tr , table.namelabels tr { text-align: center; }

table.nametags td { border: thin dotted #DDDDDD;
										padding: 0px;
										text-align: center; }

table.nametags td.name { font-size: 24pt; font-family: Geneva, Arial; font-weight: bold; height: 63pt; width: 9.55cm; 
                         border-bottom: 0px; vertical-align: bottom; }

table.nametags td.school { font-size: 22pt; font-family: Geneva, Arial; font-weight: normal; height: 51pt; width: 9.55cm; 
                           border-bottom: 0px; border-top: 0px; vertical-align: middle; }

table.nametags td.other { font-size: 18pt; font-family: Geneva, Arial; font-weight: bold; height: 59pt; width: 9.55cm;  
                          border-top: 0px; vertical-align: top; }

table.nametags td.position { font-size: 16pt; font-family: Geneva, Arial; font-weight: normal; height: 51pt; width: 9.55cm; 
                           border-bottom: 0px; border-top: 0px; vertical-align: middle; }

table.nametags td.rec-school { font-size: 16pt; font-family: Geneva, Arial; font-weight: bold; height: 59pt; width: 9.55cm;  
                          border-top: 0px; vertical-align: top; }

table.namelabels td { font-size: 16pt; font-family: Times New Roman, Times; font-weight: bold; 
											padding: 0px; text-align: center; vertical-align: middle;}

table.namelabels td.rec-label { font-size: 14pt; }
											
table.namelabels td.label , table.namelabels td.rec-label { height: 1.32cm; width: 6.8cm; }
											
table.namelabels td.tr-corner-guide { border-bottom: thin #000000 solid; border-left: thin #000000 solid; height: 2mm; width: 2mm; }

table.namelabels td.tl-corner-guide { border-bottom: thin #000000 solid; border-right: thin #000000 solid; height: 2mm; width: 2mm; }
											
table.namelabels td.br-corner-guide { border-top: thin #000000 solid; border-left: thin #000000 solid; height: 2mm; width: 2mm; }

table.namelabels td.bl-corner-guide { border-top: thin #000000 solid; border-right: thin #000000 solid; height: 2mm; width: 2mm; }

table.namelabels td.row-guide { border-bottom: thin #000000 solid; width: 2mm; padding: 0px; }

table.namelabels td.col-guide { border-left: thin #000000 solid; height: 2mm; padding: 0px; }
																											
table.list td.center , table.widelist td.center , table.candlist td.center { text-align: center; }

table.widelist td.sa-name { font-weight: bold; }

table.list th , table.widelist th , table.candlist th , table.school-regs th { border: 1px #000000 solid; 
																																							 padding: 0.6em; }

table.candlist th.center { text-align: center; }

table.candlist th.count-column , 
table.candlist td.count-column , 
table.school-regs th.count-column , 
table.school-regs td.count-column { text-align: right; 
																		border: 0px; }

table.widelist-nb , table.fair-info { margin: 1em 0% 1em 0%; }

table.add-school-form { margin: 1em auto 1em auto; }

table.widelist-nb td.half-width { width: 50%; 
																	padding: 0.6em; }

table.fair-info tr , table.add-school-form tr { text-align: left; vertical-align: top; }

table.fair-info th , table.add-school-form th { padding-top: 0em; padding-right: 0em; padding-left: 0em; text-align: left; vertical-align: top; }

table.fair-info th.single-col { width: 5.8em; }

table.fair-info td , table.add-school-form td { padding: 0em 0.6em 0.6em 2em; text-align: left; vertical-align: top; }

table.fair-info td ul , table.fair-info td ol , table.fair-info td p { margin-left: 0em;  margin-top: 0.3em; margin-bottom: 0em; padding-left: 0em; }

table.icon-list { width: 80%; margin: 1em auto 1em 5%; 
									border-collapse: collapse; } 

table.icon-list tr { vertical-align: middle; }

table.form { margin: 0px; border: 0px; border-collapse: collapse; } 

table.form tr { vertical-align: bottom; }

table.form tr.top { vertical-align: top; }

table.form td { border: 0px; padding: 0.2em 0.5em 0.2em 0em; margin: 0em; }

table.form td.indented { padding-left: 0.8em; }

table.footnote { width: 100%; }

table.footnote tr { vertical-align: top; }

table.col-opts , table.login { width: 80%; margin: 1.5em 10% 1.5em 10%; }

table.mail-form { margin-top: 0.5em; margin-bottom: 1.5em; }

table.mail-form tr { vertical-align: top; }

table.mail-form th { text-align: right; padding: 0.6em 0.8em 0.6em 0.8em; }

table.mail-form td { text-align: left; padding: 0.6em 0.8em 0.6em 0.8em; }

table.boxed-item { margin: 0.3em 0 0.3em 0; border: 1px #000000 solid; } 

table.int_details { border: 0em; padding: 0em; margin: 0em; }

table.int_details tr { border: 0em; padding: 0em; margin: 0em; vertical-align: middle; text-align: left; height: 25px; }

table.int_details th { white-space: nowrap; font-weight: normal; border: 0em; padding: 0em 0.4em 0em 0em; margin: 0em; }

table.int_details td { white-space: nowrap; border: 0em; padding: 0em 0em 0.4em 0em; margin: 0em; }

table.int_details td.arrows-cell { width: 25px; }

table.school-regs input , table.school-regs textarea , table.school-regs select { margin: 4px 0 4px 0; padding: 0em; }

form.registration-form { background-color: #FEFDFC; padding: 0.7em; }

/*****************************************************************************/
/* Navigation links styles																									 */
/*****************************************************************************/

/* Link colours against navy blue background */
#menubar a:link , #topbar a:link , #footbar a:link { color: #FFFFFF; background-color: inherit; text-decoration: underline; }

#menubar a:visited , #topbar a:visited , #footbar a:visited { color: #FFEEBB; background-color: inherit; text-decoration: underline; }

#topbar a:hover , #footbar a:hover { color: #BBBBFF; background-color: inherit; text-decoration: underline; }

#menubar a:hover { color: #BBBBFF; background-color: #002f97; text-decoration: underline; }  /* The changing of the background colour, even to the same colour, is necessary for this tooltip trick to work in Explorer! */

#menubar a:active , #topbar a:active , #footbar a:active { color: #7777EE; background-color: inherit; text-decoration: underline; }


/* Menubar Tooltip trick - to avoid "title" tooltips interfering with the drop-down menus */
#menubar a { position: relative; }  /*NB: relative position is not strictly necessary for the tooltip, but is necessary for the drop-down menus to work! & for the tooltips to actually appear relative to the link position rather than with an absolute position. */

#menubar a .menutip { display: block; white-space: nowrap; z-index: 3;
									position: absolute; top: -2.3em; left: 0em; 
									text-indent: 0em; text-align: left; text-decoration: none; 
									padding: 0.1em 0.6em 0.1em 0.6em; 
									color: #000000; background: #FFFFEB; 
									border: 1px solid #000000; visibility: hidden; }

#menubar a:hover .menutip { visibility: visible; }
												

/* Sub-menu colours against white background */
#menubar .submenu-1 a:link ,
#topbar .submenu-1 a:link ,
#menubar .submenu-2 a:link { color: #002FDD; background-color: #FFFFFF; }

#menubar .submenu-1 a:visited , 
#topbar .submenu-1 a:visited , 
#menubar .submenu-2 a:visited { color: #696EE2; background-color: #FFFFFF; }

#menubar .submenu-1 a:hover , 
#topbar .submenu-1 a:hover , 
#menubar .submenu-2 a:hover { color: #BBBBFF; background-color: #FFFFFF; }

#menubar .submenu-1 a:active , 
#topbar .submenu-1 a:active , 
#menubar .submenu-2 a:active { color: #000000; background-color: #FFFFFF; }

/* Navigation menu list item and block properties */
#menubar ul , #topbar ul { margin: 0em; padding: 0em; }

#menubar li , #topbar li { list-style: none; white-space: nowrap; }

#menubar .submenu-2 li { padding-left: 0.3em; }

/******************************************************************************/
/* Mark-up for 'as yet to be defined' text ...not in final site.             	*/
/******************************************************************************/
.undef { color: #FF0088; font-style: italic; }