@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html {
}
body {
	/*background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0px 0px;*/
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}
body,td,th {
	font-size: 62.5%;
	color: #333;
}
h1, h2, h3 ,h4, p {
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 0.4em;
	margin-top: 0px;
}
h1 {
	font-size: 20pt;
	
}
h2 {
	font-size: 16pt;

}
h3 {
	font-size: 13pt;
}
h4 {
	font-size: 8pt;
}
p {
	margin-top: 0px;
	margin-bottom: 0.2em;
	line-height: 1.2em;
	padding-top: 0.2em;
	font-size: 1.4em;
	list-style-position: inside;
}
ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 0.7em;
	line-height: 1.4em;
	font-family: Arial;
	padding-top: 0.2em;
	font-size: 1.4em;
	list-style-position: inside;
}

input[type='submit'] {	
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 4px;
	margin-bottom: 5px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input[type='submit']:hover{
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
	text-decoration: underline;
}	

input[type='submit'].fontConfirmButton {
	font-size: 14pt;
	font-weight: normal;
	font-family: Arial;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #707070;	
}
input[type='submit'].fontConfirmButton:hover{
	background-color: #FCF5A0;
	color: #D50000;
	border: 1px solid #333;
}







input[type='text'].upCase {
	text-transform:uppercase;
}		
input[type='reset'] {
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 4px;
	margin-bottom: 5px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input[type='reset']:hover{
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
	text-decoration: underline;
}
input[type='file'] {	
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 4px;
	margin-bottom: 5px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input[type='file']:hover{
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
	text-decoration: underline;
}
input[type='checkbox']{
	transform: scale(1.5, 1.5);
   -ms-transform: scale(1.5); /* IE */
   -moz-transform: scale(1.5); /* FF */
   -webkit-transform: scale(1.5, 1.5); /* Safari and Chrome */
   -o-transform: scale(1.5); /* Opera */
   padding: 2px;
   margin:3px;
}
	
a:link {
	color: #000;	
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #394E51;
}
a:active {
	text-decoration: none;
	color: #000;
}
select {
	margin-bottom:5px;	
}
.marginLeft {
	margin-left:5px;
}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#header {
	height: 90px;
	margin-top:5px;	
}
#header #logoArea {
	float: left;
	width: 40%;
	height: 100%;
	overflow: hidden;	
}

#header #logoArea img {
	width:100%;
	/*height:90px;*/
	margin-bottom:5px;
}
#header #loginArea {
	float: right;
	width: 60%;
	height: 50%;
	text-align: right;	
	margin-bottom:10px;
}
}
#navbar {
	position: relative;
	width:60%;
	margin: 0px;
	float: right;
	padding: 10px 0 0 0 ;
	list-style-type: none;
}
#navbar ul {
	margin: 0px;
	float:right;
	padding: 0px;
	background-color:white;
	list-style-type: none;
}
#navbar ul li {
	position: relative;
}
#navbar ul li a {
	display: block;
	height: 30px;
	width: 140px;
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #555;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
}
#navbar ul li a:hover {
	background-color: #8C8C8C;
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	-ms-transition: all 350ms ease-in;
	-o-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}
#navbar ul li ul {
	position: absolute;
	visibility: hidden;
	top: 31px;
		
}
#navbar ul li:hover ul {
	z-index: 100;	
	visibility: visible;
}
#navbar ul li ul li a {
	font-size:12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #555;
}

#content {
	margin-top:-5px;
}
#wrapper #content #contentArea #leftbox {
	float: left;
	width: 200px;
}
#wrapper #content #contentArea #rightbox {
	float: right;
	width: 550px;
}
.inner_wrapper {
	margin-left: 20px;
	padding-left: 10px;
}


#subTitle {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align: right;
	height: 15px;
	margin-bottom: 10px;
}
#subTitle a:link {
	font-weight: normal;
	text-decoration: none;
}
#subTitle h1 {
	font-size: 24px;
}
#subTitle h2 {
	font-size: 12px;
}
#subTitle p {
	font-size: 10px;
}
.titleLeft {
	font-size: 14px;
	color: #001259;
	float: left;
	font-weight: normal;
	font-style: italic;
	margin-left: 5px;
	position: relative;
}

#bannerBox{
	position: relative;
	margin-bottom: 10px;
}
#bannerBox img {
	position: relative;
	width:100%;
}
#bannerBox h1{
	position: absolute;
	left: 10px;
	top: 40%;
	margin-top:-50px;
	padding: 5px;
	color: #FFF;
	border-radius: 5px;
	background: rgba(14,73,139);/*Fall-back for browsers that don't support rgba */
	-webkit-transition: background-color 1s ease-in;
	-moz-transition: background-color 1s ease-in;
	-ms-transition: background-color 1s ease-in;
	-o-transition: background-color 1s ease-in;
	transition: background-color 1s ease-in;
}

#bannerIndexBox{
	position: relative;
	margin-bottom: 10px;
}
#bannerIndexBox img {
	position: relative;
}
#bannerIndexBox h1{
	position: absolute;
	left: 470px;
	top: 319px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 42pt;
	color: #333;
	background-color: rgba(255,255,255);
	background-color: rgba(255,255,255,0.8);
}
#bannerIndexBox h2{
	position: absolute;
	left: 10px;
	top: 44px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFF;
}
.col3 {
	float: left;
	width: 290px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.col3 p {
	padding-right: 3px;
	padding-left: 3px;
}

.col3 .header {
	background-color: #EEDDA2;
	width: 95%;
	padding-left: 10px;
}


#content #contentArea {
	float: right;
	width: 756px;
	padding-top: 10px;
}
#content #contentArea p, #content #contentArea h1, #content #contentArea h2, #content #contentArea h3 {
	padding-right: 10px;
	padding-left: 10px;
}
#content #contentArea ul{
	list-style: disc inside;
	padding-top: 10px;
	padding-left: 10px;
}

#centreBox {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#footer {
	clear: both;
	margin-top: 10px;
	background-color: #DADADA;
	height: 60px;
	margin-bottom: 5px;
}
#footer p{
	font-size: 1.1em;
}
#footer a{
	font-size: 1.1em;
}
#footer ul {
	list-style: none;
	font-size: 1.3em;
}
#footer #footerLeft {
	float: left;
	width: 171px;
}
#footer #footerLeft ul li {
	padding-top: 5px;
	padding-bottom: 2px;
}
#footer #footerRight {
	float: right;
}
#footer #footerRight ul li {
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: right;
}
#footer #footerRight h3 {
	text-align: right;
}
#footer #footerRight #footerNav1 {
	float: left;
	width: 160px;
	padding-right: 5px;
}
#footer #footerRight #footerNav2 {
	float: right;
	width: 150px;
}
#footer #footerLegal {
	font-size: 0.9em;
	color: #828DB0;
	clear: both;
}
.centreit {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	text-align: center;
	display: block;
}
.scrollingBox {
	height: 350px;
	width: inherit;
	overflow: auto;
	display:inline-block;
}
.scrollingBoxSmall {
	height: 175px;
	width: inherit;
	overflow: auto;
}
.scrollingBoxResults {
	height: 195px;
	width: inherit;
	overflow: auto;
}

.scrollingBoxAlerts {
	height: 75px;
	width: inherit;
	overflow: auto;
}
.scrollingBoxLarge {
	height: 400px;
	width: 100%;
	overflow: auto;
	display:inline-block;
}

.tablebackWeeks{
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	
}

.tableback {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
}
.tableback tr {
	margin-top: 3px;
}
.tableback tr td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 12px;
}
.tableback p {
	font-size: 12px;
}
.tableback th {
    color:white;
	font-size: 14px;
	font-weight: 500;
	padding: 2px;
	font-size: 14px;
}

.tableback th a:link {
	color: #fff;	
	text-decoration: none;
}
.tableback th a:visited {
	text-decoration: none;
	color: #FFF;
}
.tableback th a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
.tableback th a:active {
	text-decoration: none;
	color: #FFF;
}


.tableback tr th p {
	font-size: 90%;
	text-transform: capitalize;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tableback tr td ul {
	font-size: 10pt;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tableback h1 {
	font-size: 18pt;
}
.tableback h2 {
	font-size: 16pt;
}
.tableback h3 {
	font-size: 10pt;
}


.tblScroll {
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	width: 98%;
	table-layout:fixed;	
}
.tblScroll thead {
	display:block;
	width: 100%;
}
.tblScroll tbody {	
	display:block;
	width: 100%;
	overflow-y:scroll;
	overflow-x:auto;
	max-height:400px;
}
.tblScroll th {
    color:white;
	text-wrap:none;
	font-size: 12px;
	font-weight: 500;
	height:25px;
	padding: 2px;
	font-size: 14px;
	width:1%;
	/*background-color: #0e498b;*/
}
.tblScroll th .scmargin{
	padding-right:20px;
}
.tblScroll td {
	width: 1%;
	font-size:12px;	
	text-wrap:none;	
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}


.tblScroll th a:link {
	color: #fff;	
	text-decoration: none;
}
.tblScroll th a:visited {
	text-decoration: none;
	color: #FFF;
}
.tblScroll th a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
.tblScroll th a:active {
	text-decoration: none;
	color: #FFF;
}

.tblScroll tr th p {
	font-size: 90%;
	text-transform: capitalize;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.tablebackNav {
	float: right;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 2px;
}
.tablebackNav a:link {
	color: #000;	
	text-decoration: none;	
	font-size: 8pt;
	font-weight: normal;
	font-family: Arial;
	white-space:nowrap;
	padding: 2px  5px 3px 5px ;
	cursor: pointer;
	background-color: #C3C4B2;
	margin: 1px 1px 5px 1px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow:hidden;
}

.tablebackNav a:hover {
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
}
.tablebackNav a:visited {
	border: 1px solid #707070;
}

.tablebackNav tr {
	margin-top: 3px;	
	font-size: 12px;
}
.tablebackNav tr td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 12px;
	color: #0672B6;
}
.tablebackNavL {
	float: left;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 2px;
}
.tablebackNavL tr {
	margin-top: 3px;	
	font-size: 12px;
}
.tablebackNavL tr td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 12px;
	color: #0672B6;
}
.tablebackPrint {
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}
.tablebackPrint h3 {
	font-size: 16px;
}
.tablebackPrint p {
	font-size: 14px;
}

.tablebackPrint td {
	padding-right: 5px;
	padding-left: 5px;
}
.floatRightClear {
	float: right;
}
.floatRightClearMarg{
	float: right;
	margin-right: 10px;
	padding-top: 1px;
}
.float_right img {
	float: right;
	padding: 10px;
	margin: 10px;
}
.imageRight {
	float: right;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	padding:10px;
	z-index: 6;
	box-shadow: 0px 3px 15px #000;
}
.imageRight .photo{
	display:block
}
.imageRight .caption{
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}

#footnotice {
	font-size: 7px;
	font-style: italic;
	font-weight: bold;
	color: #039;
	padding: 2px;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: thin none #039;
}
.errormsg {
	color: #F00;
	text-align: right;
}
.bottomRight {
	float: right;
	height: auto;
	bottom: auto;
}
.fontConfirmButton {
	font-size: 14pt;
	font-weight: normal;
	font-family: Arial;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #707070;	
}
.fontConfirmButton:hover{
	background-color: #FCF5A0;
	color: #D50000;
	border: 1px solid #333;
}
.fontSmallerButton {
	font-size: 8pt;
	font-weight: normal;
	font-family: Arial;
	white-space:nowrap;
	padding: 2px  3px 3px  3px ;
	cursor: pointer;
	background-color: #C3C4B2;
	margin: 1px 1px 5px 1px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}
a .fontSmallerButton{
	overflow:hidden;
}

.fontSmallerButton:hover{
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
}

.fontSmallButton {
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	white-space:nowrap;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fontSmallButton:hover{
	background-color: #E2E2E2;
	color: #5A95B1;
	border: 1px solid #333;
}
.fontSmallLinkButton {
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	white-space:nowrap;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
	background-color: #C3C4B2;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 10px;
	border: 1px solid #707070;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fontSmallLinkButton:hover{
	background-color: #e2e2e2;
	color: #5A95B1;
	border: 1px solid #333;
}
.fontRed {
	color: #F00;
}
.fontBlue {
	color: #0672B6;
}
.fontOrange {
	color: #C63;
}
.fontWhite {
	color: #FFF;
}


.font6 {
	font-size: 6pt;
}
.font7 {
	font-size: 7pt;
}
.font8 {
	font-size: 8pt;
}
.font9 {
	font-size: 9pt;
}
.font10 {
	font-size: 10pt;
}
.font11 {
	font-size: 11pt;
}
.font12 {
	font-size: 12pt;
}
.font13 {
	font-size: 13pt;
}
.font14 {
	font-size: 14pt;
}
.font16 {
	font-size: 16pt;
}
.font18 {
	font-size: 18pt;
}
.font19 {
	font-size: 19pt;
}
.font21 {
	font-size: 21pt;
}
.font23 {
	font-size: 23pt;
}


.rowColour {
	background-color: #FFF;
}
.bgColour {
	background-color:gainsboro;
}

.shadow {
	display: block;
	box-shadow: 0px 3px 15px #000;
}
.roundBox{
	border-radius: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 20px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}	
.roundBoxShadow{
	border-radius: 15px;
	box-shadow: 0px 5px 23px #000;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 15px;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	background-color: #F0F0F0;
}	
.indent {
	margin-left: 40px;
}
.indentMid {
	margin-left: 80px;
}

.indentLots {
	margin-left: 150px;
	
}
.searchBox {
	background-color: #EFEFEF;	
}
.menuBox{
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	width: 70%;
	min-height: 175px;
	display: block;
	background-repeat: no-repeat;
}
.menuBox ul {
	margin-top: 5px;
	margin-left: 20px;
	list-style:none;
}
.menuBox ul li{
	margin-bottom:5px;
	list-style-type: none;
	list-style:none;
}
.menuBoxFull{
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	min-height: 175px;
	display: block;
	background-repeat: no-repeat;
}
.menuBoxFull ul li{
	margin-bottom:2px;
	list-style-type: none;
	list-style:none;
}
.menuBoxFull .menuBoxLeft{
	width: 45%; 
	height: 100%;
	min-height: 175px;
    background: ivory; 
    padding: 10px;
    margin-left: 10px;
    float: left; 


}
.menuBoxFull .menuBoxRight{
    height: 100%;
    width:45%;
    background: gainsboro; 
    margin-left: 10px; 
    padding: 10px;
    float: left;
}
.blogPageList{
	margin-right: auto;
	margin-left: auto;
	width: auto;
	text-align: center;
	display: block;
}
.blogPageList ul {
	
	list-style-type: none;
}
.blogPageList ul li{
	margin-left:10px;
	display: inline;
}
.thumbnail {
}
.thumbnail :hover {
	cursor:pointer;
}
.lightBorder {
	border: 1px solid #B6B6B6;
}
.narrowBox{
	border-radius: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #666;
	width: 500px;
}
.wideBox{
	border-radius: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #666;
	width: 80%;
}
#showContactsBox {
	height:150px;
}
#showContacts {
	/*display:none;*/
	display:inline;
}
#map-canvas {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
}
#map-canvasP {
	height: 600px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
}
.cellBorder {
	border: 1px solid #999;
}

#lhrhwrapper {
	/*min-height: 175px;*/
    width:100%; 
	height: 100%; 
	clear:both;   
}
#lhtable { 
	width: 45%; 
    /*height: 175px;
	height: 100%;*/
	min-height: 0;
	/*min-height: 175px;*/
    background: ivory; 
    padding: 10px;
    margin-left: 10px;
    float: left; 
}

#rhtable { 
    height: 100%;
	min-height: 0;
    width:45%;
    background: gainsboro; 
    margin-left: 10px; 
    padding: 10px;
    float: left;
}
#lhrlbottom {
    padding: 10px;
    float: left;
    width:100%;
}

#lhrhDetail {
	position:relative;
	min-height: 175px;
    width:100%;
	height:100%     
}
#lhDetail { 
	width: 45%; 
   /* height: 300px;*/
	height:100% 
    background: ivory; 
    padding: 10px;
    margin-left: 10px;
    float: left; 
}

#rhDetail { 
    height: 275px;
    width:45%;
   /* background: gainsboro;*/ 
    margin-left: 10px; 
    padding: 10px;
    float: left;
}
#lhrlDetailBottom {
    padding: 10px;
    float: left;
    width:100%;
}





.pointit {
	cursor:pointer;
}
#promowrapper {
	min-height: 200px;
    width:100%;     
}
#lhpromobox { 
	width: 46%; 
    height: 375px;
    background: ivory; 
    padding: 10px;
    margin-left: 10px;
    float: left; 
}

#rhpromobox { 
    height: 375px;
    width:46%;
    /*background: gainsboro;*/ 
    margin-left: 10px; 
    padding: 10px;
    float: left;
}
.scrollingBoxpromo {
	height: 350px;
	width: inherit;
	overflow: auto;
}

.scrollingBoxOrder {
	height: 200px;
	display: inline-block; 
	padding:1px 10px;
	overflow: auto;
	margin-top:3px;
	margin-bottom:5px;
}
.showPromoWindow {
	position: absolute;
	background-color: lightgrey;
	z-index: 1010;
	overflow: hidden;
	width: 300px;
	left: 75px;
	top: 100px;
	padding: 5px;
	border: 1px solid #666;					 
}
.showAlertWindow {
	position: absolute;
	background-color: lightgrey;
	z-index: 1010;
	overflow: hidden;
	width: 300px;
	left: 100px;
	top: 100px;
	padding: 5px;
	border: 1px solid #666;					 
}
.ui-datepicker {
	font-size:125%; 
}
#companyColour {
	margin: 5px;
    width: 80px;
    height: 20px;
}
.clearFix{
	clear:both;
}
.clearFixMargin{
	clear:both;
	margin-top:5px;
}
#helpWindow {
	position:fixed;
	display:none;
	left:50%;
	background-color:lightgrey;
	z-index:1002;
	overflow:auto;
 	width:300px;
	margin-left:-200px;
	margin-top: -175px;
	border: 1px solid #000;
  -webkit-box-shadow: 0 20px 20px #777;
  -moz-box-shadow: 0 20px 20px #777;
  box-shadow: 0 20x 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
	#courseButton:hover {
		cursor:pointer;
	}
	#programButton:hover {
		cursor:pointer;
	}
	
.lhchart { 
	width: 45%; 
    height: 235px;
	/*height: 100%;*/
	min-height: 235px;
    background: ivory; 
    padding: 10px;
    margin-left: 10px;
	margin-bottom: 10px;
    float: left; 
	overflow:auto;
}

.rhchart { 
     height: 235px;
	/*height: 100%;*/
    width:45%;
    background: gainsboro; 
    margin-left: 10px; 
	margin-bottom: 10px;
    padding: 10px;
    float: left;
	
}

.nochartmsg{ 
	margin-left:20px; 
	margin-right:20px;
	margin-top: 55px;
	height:100%;
}
.actPhoto {
	width:80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.year1row {
	background-color:#CCC;
}
.year2row {
	/*background-color:#D2CA99;*/
	background-color:#F1E1AB
}
.shortList {
	font-size:12px;
}
.upCase {
	text-transform:uppercase;
}