/* FONT */ 
body {font-family: Arial, Verdana, Helvetica, sans-serif; }
h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.25em; margin:5px 0px 5px 0px;}
h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;} 
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.15em;}
h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.1em;} 
h5, h6, p, ul, ol, li, td, tr {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 88%;} 
body.sulistop, body.sidepic, body.sulissoft, body.sulisside {padding: 0 0 0 0;}
div.pagefooter {margin-left: auto; margin-right: auto; margin-top: 1.5em; text-align: center;}
#footersulisA {margin-left: 19%; border: solid white 1px;}
.sulisside div.pagefooter {margin-left: 172px; border: solid white 1px;}
div.pagefooter div.dotline {margin: 0.4em 20% 0 20%; border: solid 0px #A5A2CE; border-top-width: 1px;}
.sulissoft div.pagefooter div.dotline {border-color: #007DC6; width: 80%;}
.sulisside div.pagefooter {margin-top: 0; clear: left;}
.sulisside div.pagefooter div.dotline {width: 100%;}

/*added for ROL- headers for all tables displaying data*/
th {color:#003399; background-color: #99CCFF; text-align: left}

/*additional table header for qual on entry needs to be centred:
th.quals_header {text-align: right}

/*added for ROL- header for displaying name on personal details page*/
.personal_details{ font-size: 100%; }


/*added for ROL- class to give some style to the HTML buttons used in menus*/
/* Netscape 4 will not recognise this style - except the border (for some reason) - this was causing */
/* a blue line to appear, so set the border to 0px and all is well   */
/* in Netscpae 4 you see the default grey buttons */
.menuButtonStyle {
background-color:#99CCFF; 
color:#003399; 
border: 0px #003399 solid;
padding: 3px; 
width: 330px; 
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}

/*added for ROL- class for 'completed and accepted text' */
.completed {font-size:0.80em; font-weight:bold;}

/*added for ROL- class for  messages */
.message {font-weight: bold; font-size:1.4em; }

/*added for ROL- class for large red message */
.redMessage {font-size:1.2em;  color: red}

/*added for ROL- class for 'your details have been saved' message */
.savedMessage {font-size:1.6em;  color: #000; text-align:center}




/* LINK COLOURS */
a:link {color:#0000ff; background: transparent;}
a:visited {color:#000099; background: transparent;}
a:link:active, :visited:active {color: #ff9933; background: transparent;}
a:link:hover {color:#ff6600; background: transparent;}
a.bar:link {color:#ffffff; background: transparent;}
a.bar:visited {color:#ffffff; background: transparent;}
a.bar:hover {color:#ffffff; background: #6699ff;}
a:visited img {border-style: none;}


div.infobox {float: left; width: 330px; min-width: 330px; margin: 0em; margin-right: 0px; padding: 0.1em;
             color: #000000; background: #FFFFFF; border: 0px solid #003399; font-size: 0.90em;}
div.infobox h2 { padding: 0.2em; color: #003399; background: #FFFFFF; font-size: 1.1em; text-decoration: underline;}