/* Stylesheet for NCEE.co.uk */

/* Make the whole document full height. */
html { height: 100%;}

/* Body - generic, and for certain pages */
body{ background:#FFFFFF; margin: 0; padding: 0; font-family: verdana, sans-serif; color: black; height: 100%}

/* hr are blue, 1px high */
hr{ color: #241BBD; background: #241BBD; height: 1px; border: none; }

/* Tables */
/* Outermost table has No border, and is forced to 100% high. (Note: the center row (tr.main) is also forced to 100% high, and vertical-aligned to top) */
table.outer { border-style: none; border-width: 0px; height:100%; width: 100%;}

/* Layout (structural) tables have NO border */
table.layout { border-style: none; border-width: 0px;  }

/* Top (Menu) Bar (td.header) has light blue background and dark-purple bottom-border. */
/* Bottom (Footer) Bar has light blue background, purple bottom-border, transparent lower-border for spacing */
/* All three have 12px padding */
/* TR.main is 100% high. This forces header,footer to be constant height on all pages */
td.header { padding: 12px; background-color: #7570D8; border-bottom: 3px solid #4E004E;  }
td.footer { padding: 12px ; background-color: #7570D8; border-top: 2px solid #4E004E; border-bottom: 2px solid transparent}
td.main { padding: 12px; vertical-align: top; }
tr.main { height:100%; }

/* Menu table has no border, and headers are left-aligned */
table.menu { border-style: none; border-width: 0px;}
table.menu th { text-align: left ; padding-left: 0; padding-right: 20 }
table.menu td {padding-left: 10; padding-right: 20 }
table.menu ul { padding-left: 5; margin: 0}

/* Link colours for ordinary links. Dotted underline becomes solid on hover. (Be careful of the order) */
a:link { color: #000099; text-decoration:none; border-bottom: dotted 1px #5050B4; }  /* Unvisited links - blue, light dotted underline */
a:visited { color: #780099; text-decoration:none; border-bottom: dotted 1px #AF00DF; } /* Visited Links - purple, light dotted underline */
a:hover { color: #000099; text-decoration:none; border-bottom: solid 1px }  /* Highlight (unvisited links) on hover - blue, blue underline */
a:visited:hover { color: #780099; text-decoration:none; border-bottom: solid 1px }  /* Highlight visited links on hover - purple, purple underline */
a:active, a:visited:active { color: #770000; text-decoration:none; border-bottom: solid 1px } /* Highlight on active - burgundy, solid underline */

/* Link colours for links in the menu and the footer. Hide link-history. Underline on hover only. Border-bottom transparent rather than none to prevent text re-flow */
/* Note: the footer uses td.menu whereas the header is table.menu */
table.menu a:link, table.menu a:visited, td.menu a:link, td.menu a:visited { color: #00006C; text-decoration: none; border-bottom: dotted 1px #00006C}  /* Unvisited, visited links: dark blue */
table.menu a:hover, td.menu a:hover { color: #0000FF; text-decoration: none; border-bottom: solid 1px }  /* Hover: dark-blue, underline */
table.menu a:active, td.menu a:active { color: #770000; text-decoration: none; border-bottom: solid 1px }  /* Active: burgundy, underline */

/* Images don't get denoted as links in this style. Force this with important.  They also don't get right-up-arrow (see below)*/
a.imgnolinkstyle:link, a.imgnolinkstyle:visited, a.imgnolinkstyle:hover, a.imgnolinkstyle:active  {border-bottom: none !important}

/* CSS 3 cleverness to append the unicode character for right-up-arrow to external links (beginning http://). */
/*   a[href^="http"]:after { content: "\21D7"; color: #AC6667; }   Original version */
a[href^="http"]:not(.imgnolinkstyle):after { content: "\21D7"; color: #AC6667; }  /* Also, mustn't do this when the linked object is an image. */


/* The phrase 'Neill and Co...' = blue, bold */
span.ncee { color: #241BBD; font-weight: bold }

/* highlight */
.highlight {font-weight: bold; color: #CC0000 }  /* red */

/* Logo has purple border */
img.logo { border: solid 3px #AE60D1 }


/* h1 is indented from left  and top */
h1 { margin: 20px 10% 30px 5%; }

/* main paragraphs are spaced apart from each other and page borders */
.maintext { margin: 15px 5% 10px 5%;}

/* Quotes and attributions */
div.quote { margin: 20px 5% 10px 5%; border: solid 1px #4E004E; padding: 5px 15px 5px 15px; font-style: italic}


/* <li> within <ul|ol.spaced> have some separation. Instead of ending each with <br><br> */
/* IMPORTANT: these must be in descending order of spacing, so that we can nest a slightspaced inside a widespaced */
/* We use em rather than px, because these should be a fraction of the font size. 1 em is the m-height. i.e. not an entire line+spacing */
ul.extrawidespaced li, ol.extrawidespaced li {margin-top: 2em; margin-bottom: 2em}  /* approx 1.5 blank line   (originally 25px) */
ul.widespaced li, ol.widespaced li {margin-top: 1em; margin-bottom: 1em}  /* approx 1 blank line (originally 15px) */
ul.slightspaced li, ol.slightspaced li {margin-top: 0.3em; margin-bottom: 0.3em}  /* slightly more than nothing (originally 4px) */
ul.nospaced li, ol.nospaced li {margin-top: 0em; margin-bottom: 0em}  /* No extra spacing */


/* Alignment */
.alignl {text-align:left}
.alignr {text-align:right}

/*End*/