/* Updated to change the C4L Yellow to NHS Secondary Palette Purple - #9999ff to #9999ff */
/* Updated to change the C4L Red to NHS Primary Pallette Purple - #330099 to #330099 */
#page {
    width: 800px; background-color: #ffffff; text-align: left; margin: 0px auto;
}
#header {
    border: solid 2px #330099; position: relative; float: left; background-color: #330099;
    font-weight: bold; width: 797px; color: #ffffff;
}
img.header {
    float: right;
}
.headerimage {
    float: right;
}
#headerMenu {
    border: solid 2px #330099; background-color: #330099;
    position: relative; float: left; font-weight: bold; width: 797px; color: #ffffff; padding: 0px;
}
#headerMenu a, #headerMenu .split {
    padding: 5px; font-size: 75%; color: #ffffff; text-decoration: none; float: right;
}
#headerMenu a:hover {
    text-decoration: underline;
}
#WebsiteName {
    padding: 19px; float: left;
    font-size: 160%; font-family: inherit; letter-spacing: 0.1em; color: #ffffff;
}
#footer {
    border: solid 2px #9999ff; padding: 0px; background-color: #9999ff; text-align: center;
    font-size: 90%; font-family: inherit; letter-spacing: 0.1em; color: #ffffff;
    clear: both;
}
#footer a, #footer a:visited {
    font-weight: inherit; color: inherit; font-family: inherit; text-decoration: none;
	  font-size: 90%; font-family: inherit;
}
#footer a:hover {
    text-decoration: underline;
}
#navigation {
    float: left; margin: 10px; clear: both;
}
#content {
    float: right; margin: 10px; width: 560px;
}
/*** Items used within the #content <div> ***/
h1 {
    font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
    font-variant: normal; color: #ffffff; width: auto; background-color: #330099;
    padding: 5px 10px 5px 10px;
}
h2 {
	font-weight: bold; font-size: 140%; color: #330099; font-family: inherit;
	letter-spacing: 0.1em; border-bottom: solid 1px #330099;
}
h3 {
	font-weight: lighter; font-size: 120%; color: #330099; font-family: inherit;
	letter-spacing: 0.1em;
}
span.right {
	text-align: right; float: right;
}
span.left {
	text-align: left; float: left;
}
#pageoptions {
    background-color: #999999; width: inherit;
}
#content a {
	font-weight: bold; color: #330099; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:visited {
	font-weight: bold; color: #330099; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:hover {
	font-weight: bold; color: #330099; font-family: inherit; text-decoration: underline;
	font-size: 100%; font-family: inherit;
}
/*** Styles used for the menu ***/
.menu {
    font-family: inherit; font-size: 80%; color: #9999ff; border: none 0px;
}
.MenuLevel1 {
    padding: 2px; padding-left: 5px; padding-right: 5px;
    background-color: #9999ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel2 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #9999ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel3 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: left;
}
.MenuLevel4 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: right;
}
.menuSelected {
    border: solid 1px #ffffff; color: #000000; background-color: #330099;
}
.MenuHover {
    background-color: #eeeeee; color: #000000; border: solid 1px #ffffcc;
}
.main {
	clear: both;
	padding: 0 10px 12px 28px;
}
/* sub navigation */
.navigation {
    font-family: inherit; font-size: 0.8em; color: #7C6F57; border: none 0px; width: 190px;
}
.navigation ul {
    margin: 0; padding: 0;
}
.navigation ul.MenuLevel4 {
    margin: 0; padding: 0; text-align: right;
}
.navigation li {
    list-style: none;
}
.navigation li a {
    background: #ffffcc; color: #000000; display: block; padding: 2px 5px 2px 10px; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a.MenuLevel1 {
    padding: 2px 5px 2px 10px; background: #9999ff; color: #ffffff; display: block; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a.menuSelected {
    font-weight: bold;
    padding: 2px 5px 2px 10px; background: #330099; color: #ffffff; display: block; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a:hover {
    background: #eeeeee; color: #000000;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
/*** General page styles ***/
hr {
    color: #ffffff; background-color: #ffffff; border: 1px dotted #330099; border-style: none none dotted;
}
hr.dotted {
    color: #ffffff; background-color: #ffffff;
    border: 1px dotted #330099; width: 100%; border-style: none none dotted;
}
td.blue {
	font-size: 90%; margin: 10px 10px 10px 0px; color: #333333; font-family: inherit;
    background-color: #e1e1ff;	
}
p.error {
    color: Red;
}
tr.TableGreen {
    background-color: #ccff99
}
.tableborder {
    border: #cccccc 1px solid;
}
.smallgreen {
	font-weight: bold; font-size: 80%; color: #009900; font-family: inherit;
}
.boldMed {
	font-weight: bold; font-size: 80%; color: #333333; font-family: inherit;
}
.smalltext {
	font-size: 80%; color: #333333; font-family: inherit;
}
.highlight {
    color: Red;
}
td.style1 {
    font-weight: bold; font-size: 100%; color: #ffffff; background-color: #003366;
    height: 2em;
}
td.smalltext {
    background-color: #ddeeff; font-size: 80%; color: #333333; font-family: inherit;
}
.tableGreen {
    background-color: #ccff99;
}
.linkButton {
    background: #ffffff; padding: 5px 15px 5px 15px; float: right;
    border: outset 2px #330099; text-align: right; margin: 5px;
}