/* ISS Website Stylesheet */
/* SETUP zeroise defaults */
body, html  {
        margin: 0;
  			border: 0;
} 
IMG { border: 0; }

H2, H3, H4 { padding: 0; margin-top: 10px; margin-bottom: 12px;}
P { padding: 0; margin-top: 8px; margin-bottom: 10px;}

table { border-collapse:collapse; }
/* background colour and basic font colour */
BODY {
 font-family: arial, helvetica, sans-serif; 
 color: #000000; 
 background-color: #ffffff;
 padding: 8px;
 }

FORM {
 padding: 0;
 margin-bottom: 1.0em;
} 
 
FIELDSET {
 padding: 0;
 margin: 0;
 border: none;
 margin-bottom: 0em;
} 
 
/* Title in banner */
STRONG.title, B.title {
 color: #008080; 
 background-color: #ffffff; 
 font-size: 1.3em; 
 font-weight: bold; 
 text-align: right;
 }
 
/* Colour of left-hand sidebar */
.links {
 color: #000000; 
 background-color: #eeeeee; 
 font-size: 1em; 
 }

/* Colour of links */
A:link,    A:visited    {color: #0000BB; background: transparent; }
A:hover,   A:active     {color: #FF0000; background: transparent; }


A.box:link,    A.box:visited    {color: #0000BB; color: #77f; text-decoration: none; background: transparent; }
A.box:hover,   A.box:active     {color: #FF0000; background: transparent; }

/* no underscore for the '[?]' link used next to the anti-Spam question */
A.tag1:link,  A.tag1:visited   {
 color: #506b8a ;
 text-decoration: none;
 }
A.tag1:hover,   A.tag1:active  {
 font-weight: bold;
 background: transparent; }

 
/* Font and size of most text */
 TD, P, LI  {
 font-size: 0.9em;
 font-family: arial, helvetica, sans-serif; 
 }

/* Extra Line Height for lists */
LI {
 padding: 2px;
 } 

LI LI { 
 padding: 5px;
 } 
 
 /* Heading styles */
H1 {font-size: 1.2em; font-weight: bold; text-align: center;}
H2 {font-size: 1.0em; font-weight: bold;}
H3 {font-size: 0.8em; font-weight: bold;}
H4 {font-size: 0.8em; font-weight: bold; font-style: italic;}
H5 {font-size: 0.8em; font-style: italic;}
H2.news {color: #6666cc;}

/* Italic text under headings (strapline) */
P.strapline { 
 font-style: italic;
 position: relative;
 top: -13px;
 bottom: 0em;
 margin-bottom: 0em;
 padding-bottom: 0em;
 }

/* Custom Blue For Headings as used by DaveP */
.blue  {color: #0099ff;}

/* Grey for fading text e.g. bracketed expansion of initials ISS (Information Systems Services), old news or notes */
.grey {color: #999999;}

/* Red for headings that standout - used on the News page. */
.red {color: #E01830;}
 
/* Green for environmental headings! */
.green {color: #7BB567;}
 
 
/* Colours of table rows */
TR.grey {background-color: #eeeeee; color: #000000; vertical-align: top;}
TR.pink {background-color: #ffcccc; color: #000000; vertical-align: top;}
TR.white {background-color: #ffffff; color: #000000; vertical-align: top;}
TR.green {background-color: #B3D3BD; color: #000000; vertical-align: top;}
TR.blue {background-color: #9BC2E7; color: #000000; vertical-align: top;}

TR.project {
 background-color: #eeeeee; 
 color: #000000; 
 vertical-align: top;
 border: 4px solid white;
}

TR.projectgrey {
 background-color: #eeeeee; 
 color: #000000; 
 vertical-align: top;
 /* border: 4px solid white; */
}

TR.projectyellow {
 background-color: #fb1; 
 color: #000000; 
 vertical-align: top;
 /* border: 4px solid white; */
}

TR.projectwhite {
 background-color: #fff; 
 color: #000000; 
 vertical-align: top;
 /* border: 4px solid white; */
}



/* Spacing of table rows */
/* web is used in the pink and white table of settings for Outlook Express */
TD.web, TH.web {padding: 0.3em; text-align: left; vertical-align: top; font-size: 0.8em;}

TD.web1, TH.web1 {padding: 0.3em; text-align: left; vertical-align: top; font-size: 1em;}

/* Web2 is used in the simple grey table */
TD.web2, TH.web2 {padding: 0.3em; text-align: left; vertical-align: top; font-size: 0.8em;}

/* Web3 is used in the blue/green table */
TD.web3, TH.web3 {padding: 0.5em; text-align: left; vertical-align: top; font-size: 0.8em;}

/* Web4 is for the narrow gap between the blue/green table sections */
TD.web4, TH.web4 {padding: 0.0em; text-align: left; vertical-align: top; font-size: 0.5em;}

TD.pass, TH.pass { border-left: 1px solid black;  }
#projectpass {
 border: 1px solid black;
 padding-top: 1em;
 border-collapse: seperate;
 }

/* Big and small emphasis */
.small {font-size: 0.7em; font-family: tahoma, arial, helvetica, sans-serif;}
.big {font-size: 1.4em;}


/* White text (used rarely) */
p.white {color: #FFFFFF; background-color: #008080; text-align: center;}


/* Courier New *Note: use KBD instead */
.plain  {font-family: "courier new", courier, monospace; font-size: 1.1em;}

/* Red emphasis for alarm messages */
STRONG.red, B.red {
 font-weight: bold; 
 color: #FF0000; 
 background-color: transparent;
 }

/* Webmail Beta in red superscript */
.beta {
 color: #FF0000; 
 background-color: transparent;
 vertical-align: super;
 font-size: 75%;
 font-weight: bold;
 }
 
/* Size reduction for superscript text */
SUP {font-size: 0.8em;}

/* Style for page authors contact details */
ADDRESS {font-style: normal; font-family: tahoma, arial, helvetica, sans-serif; font-size: 0.7em;}

/* Courier New text for user instructions */
KBD, TD KBD, TD TD KBD, TD TD.web KBD, TD LI LI KBD {font-family: "courier new", courier, monospace; font-size: 1.1em;}
/* Small version of theabove */
KBD.sm { font-size: 0.9em; }


/* Float image on left and flow text round right */
IMG.float, OBJECT.float {float: left; padding-right: 0.7em; padding-bottom: 0.7em;}
/* Float image on right and flow text round left */
IMG.rfloat, OBJECT.rfloat {float: right; padding-left: 0.7em; padding-bottom: 0.7em;}

/* for forms */
/* the 'small' versions are for use inside forms */

.error, .smallerror {
 color: red;
 }

.smallerror {
 font-family: tahoma,arial;
 font-size: 0.8em;
 }
 
.warn, .smallwarn {
 color: green;
 }

.smallwarn {
 font-family: tahoma,arial;
 font-size: 0.8em;
 }
 
.formtab {
/* width: 100%; */
 font-size: 1.0em;
 font-family: tahoma,arial,helvetica,sans-serif;
 color: #000;
}

/* Full News Pages */
H2.item {
 color: black;
 padding-left: 0.0em;
 padding-top: 0.0em;
 margin-top: 0.0em;
 margin-bottom: 0.0em;
 text-align: left;
 }

p.item-date {
 color: black;
 font-size: 0.8em;
 padding-left: 0.0em;
 padding-top: 0.0em;
 margin-top: 0.0em;
 margin-bottom: 0.0em;
 text-align: left;
}
/* [end] Full News Pages */

DIV#breadcrumb {
 position: absolute ;
 font-family:  tahoma, arial, helvetica, sans-serif;  
 top: 80px; 
/* top: 7.3em; */
 width: 60em;
 left: 172px; 
/* left: 16.5em; */
 z-index: 100;
 font-size: 11px;
}

/* space at the bottom so that low headings can be at the top of the page */
P.jumpspace {
 height: 50.0em;
 Width: 1.0em;
}


/* Fin */