* { margin:0 0 0 0; padding:0 0 0 0; }
body,html {
margin:0; padding:0; width:100%; /*height:100%;*/
font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:white; color:#333333; /* dark grey colour body text, NB. use light grey #666666 for big text */
text-align: center; /* IE5/6 centre margins hack */
}
* html #banner { margin: 60px 0 20px 0px; \width: 508px; wid\th: 504px }
#container { max-width:1000px; min-width:750px; text-align:left;
margin: 0 auto 2px auto; /* Do NOT use OVERFLOW here. It affects NN6 navbar */
width:98% } /*allow 1% whitespace left & right */
* html #container { width:750px; /* fix width for IE5+ */
position: relative; } /* bugfix IE5.x strip position */
#container-header { overflow:hidden; width: 95%; height: 130px; border: none; padding: 0; }
#container-header h1 { color: white; font-size: 150%; word-spacing:1px; line-height: 1.1em; margin: 50px 2% 0 2%; }
#container-header h1 span { color: 1F5982;}
#container-header h1 em { font-style: normal; font-size: 0.7em; vertical-align: top;}
* html #container-header h1 em { vertical-align: middle;}
#container-header h2 { float: right; color: white; padding: 16px 4% 0 52%; font-size: 1em; line-height: 0.95em; text-align: right; }
#container-header h2 span { color: 1F5982;}
/*** SEO optimisation : v1.00 : 27th May 2009 ***/
/*** container-keywords DIV should contain and text of important, in context, keywords ***/
/*** None of this text will be visible using a CSS compliant browser, if a small height is used ***/
#container-blurb { font-size: 3em; color: #CCCCCC; width:100%; height:6px; }
/******************** BEGIN Navigation bar *********************/
#container-navigation { overflow:auto; /* fixes navbar background for NN6 */
/* clear:both; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; /** OPTION ** border-bottom: 1px solid #ffffff; */
border-right: 1px solid BDCCDF; padding: 0 1px 0 0; /* FF fix to prevent scroll bar on rightmost menu item click */
background-color: 1F5982 } /* medium blue colour nav bar background */
* html #container-navigation { float:left; margin: 0; padding: 0; width: 749px; } /* bugfix IE6 fixed width */
ul#navigation { margin: 0; padding: 0; }
#navigation li { display: inline; text-align:center; }
/* Navigation Bar items: white lettering, white right edge. Left aligned */
#navigation li a { float:left; font-size: 1em; font-weight:bold; text-align: center; color: white;
text-decoration: none; padding: .4em 16px .5em 16px; border-right: 0px solid white; }
/* Navigation Bar SPAN items: Right aligned in reverse order*/
#navigation li span a { float:right; width: 24%; margin: 0; border-left: 0px solid white; border-right: none;}
#navigation li a:hover { text-decoration: underline; background-color: BDCCDF } /* dark blue colour nav bar hover hilight */
#page-home #navigation .home a, #page-news #navigation .news a, #page-courses #navigation .courses a,
#page-legislation #navigation .legislation a,#page-about #navigation .about a,
#page-contact #navigation .contact a { background-color: 6387B4 }
/******************** END Navigation bar *********************/
#container-content { width: 100%; clear: both;}
#content { float:left; overflow:hidden; width: 68%; margin: 0px 0px 0px 1px; padding: 8px 1% 20px 1%; }
.sidebar { float: right; width: 28%; margin: 0 0 0 0; padding: 8px .2% 20px 1.4%; }
* html .sidebar { \width: 28.6%; w\idth: 28%} /* set 222px for IE5.x, 210px for IE6 based on 750px width */
.sidebar .section { margin: 6px 0px 20px 4px; text-align:center;}
.sidebar h1 { display:block; font-size: 1em; font-weight:bold; text-align: center;
background: 1F5982 scroll; color: white; text-decoration: none; padding: .4em 8px .5em 8px;
margin: 0 0 6px 0;} /*needed for IE compatibility */
.sidebar h2 { padding: 8px 0 0 0; font-size: 1em; font-weight: bold; color: #06C; text-transform: uppercase;}
.sidebar h2 span { text-transform: none; font-weight: normal;}
.sidebar h3 { font-size: .95em; font-weight:normal; color: #666; text-transform: none; margin: 3px 0px 3px 0px; }
.sidebar h3 span { font-size: 1.2em; font-weight: bold; margin: 0; }
.sidebar h4 { font-size: 1.3em; color: black; font-weight: bold; margin: 3px 5px 9px 0px; text-transform: none; }
.sidebar h4 span {font-weight: normal; text-transform: none;}
.sidebar h5 { font-size: .80em; color: black; font-weight: bold; margin: 3px 5px 9px 0px; text-transform: none; }
.sidebar h5 span {font-weight: normal; text-transform: none;}
.sidebar h6 { font-size: 1em; font-weight: bold; color: white; padding: 4px 4px 4px 4px; margin: 10px 0px 10px 0px;
text-transform: none; background-color: #06C }
.section img { margin: 6px auto 4px auto; border-bottom: 4px solid white; padding: 0;}
.sidebar .section a.ext { border: none;}
.sidebar .section a.ext img{ border: none;}
.sidebar .section img{ border: none;}
.sidebar p { line-height: 16px; font-size: .9em; color: #666666; margin: 0 5px 16px 0px }
.sidebar p.line { margin: 0 0 0 0 }
.sidebar p span { font-size: 125%; color: #666666; font-weight: bold }
.sidebar p.break { margin: 0 0 40px 0 }
.sidebar a.ext { color: #336666; font-weight: bold; border-bottom: 1px dotted #336666;}
.sidebar a.mail { font-size: .70em ;margin:0 0 2px 0; padding:0; border:none; vertical-align: 1px} /* fudge vertical alignment cross-browser */
.sidebar a.mail:hover {text-decoration: none; border-bottom: 1px dotted #336666; margin: 0px 0px 2px 0px}
.sidebar hr { border: none 0; border-top: 2px solid #999999; height: 2px; }
.sidenote { margin: 4px 0 0 0; padding: 4px 4px 4px 4px; background-color: #ececec; border: thin solid #333333; }
.spacer { padding: 10px 0 0 0;} /* use
to insert vertical space of 10px */
#block { overflow:hidden; margin: 0 0 0 0; border-style: none } /* makes FIXED width divs completely contain floated elements */
.clearer { clear: both; height: 1px; overflow:hidden }
img { border:none}
#content h1 { font-size: 1.5em; color: #666; margin: 12px 0 12px 0; line-height: 1.2em }
h2 { font-size: 1.3em; color: 1F5982; margin: 8px 0 10px 0px; }
h3 { font-size: 1.1em; color: #06C; margin: 8px 0 10px 0px; letter-spacing: 0.0px }
h4 { font-size: 1em; font-weight: bold; color: #06C; margin: 0px 0 8px 0px; text-transform: uppercase; }
h5 { font-size: 1em; color: #06C; margin: 0 0 6px 0; letter-spacing: 0px }
hr { clear:both; border: none 0; border-top: 2px solid #ccc; height: 2px; line-height: 5em; }
div.hr { clear: both; margin: 24px 0 20px 0}
* html div.hr { clear: both; margin: 15px 0 11px 0} /* IE5+IE6 */
#content p { line-height: 1.6em; text-align: justify; color: #666666; margin: 0 0 16px 0px }
#content p.line { margin: 0 0 0 0px }
#content p.break { margin: 0 0 40px 0 }
a { text-decoration: none; border: none; }
#content a, content p a, .sidebar p a, #content li a, .sidebar li a { text-decoration: none; color: #06C;
border-bottom: 1px dotted #06C; margin: 0px 0px 2px 0px }
#content p a:hover, .sidebar p a:hover, #content li a:hover, .sidebar li a:hover, .sidebar span a:hover { text-decoration: none;
color: #FFF; background-color: #06C; margin: 0px 0px 2px 0px } /* dark blue hover hilight */
/* Mark up links to external sites */
#content a.ext { color: #366; font-weight: bold; border-bottom: 1px dotted #366;}
#content a.ext2 { color: #366; font-weight: bold; border-bottom: none;}
.centered a.ext, #news a.ext, a.extnh {border: none}
#content ul { margin: .5em 0px 1em 0px }
#content ul.indent { margin-left:180px } /* indent bullets to the left of a photo */
#content li { color: #666666; list-style: none url(Elements/Bullet1.gif); line-height: 1.5em; margin: 0px 0 6px 25px; text-align: justify; }
/* To indent the list items properly to the right of a floated picture, DO NOT enlcose inside UL tags. Use LI only!! */
/******************** BEGIN Footer *********************/
#container-footer { height: 2.2em; border-top: 2px solid #CCCCCC; margin: 4px 0 4px 0; clear: both }
#container-footer a { font-weight: bold; color: #999999 } /* very light grey colour for footer text */
#container-footer a:hover { color: #0066CC }
#footer { color: #999999; width: 100% }
#footer-copyright { margin: 6px 0px 8px 10px; font-size: .9em; float: left; width: 60%; line-height: 1em }
#footer-meta { margin: 3px 10px 8px 0px; font-size: .8em; float: right; text-align: right; width: 240px }
/******************** END Footer **********************/
/** Quotation ** = Quotation, = Attribution
This text appears blue inside large blue quotation marks
Who said it, in grey