/*Screen Style */

@media Screen{

/* General page formating */
*{margin:0;padding:0;}
body{background-color:#fff; background-image: url(background.jpg); background-attachment: fixed; color:#000; font-family: 'Questrial', Arial, sans-serif; font:85%;}
a{color:#286ea0;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:1.8em;letter-spacing:-1px;margin:0 0 5px; padding:0;}
h2{font-size:1.0em;margin:0 0 12px; padding:0;}
h3{font-size:1.0em;margin:0 0 12px; padding:0;}
p, ul{line-height:1.7em;margin:0 0 18px;text-align:left;}
ul {list-style:square; margin:0 0 15px 20px;}
ol {list-style:decimal; margin:0 0 15px 20px;}
b {font-weight: bold;} 
hr {display:none;}
#printpagetitle {display:none;}


/* class formatting */
.alignLeft {float:left;}
.alignRight {float:right;}
.right{text-align:right;}
.hide{display:none;}
.greyfeaturebox {background:#E0EBFF no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc; coor:#000;}


/* Whole page container */
#container{background:#fff;margin:0 auto 0 auto;width:980px; border-style: solid;
    border-width: 0px;border-color: #fff;}


/* Logo Banner and top navigation */
#topZone{background:#fff;margin-top:20px;border:0;}
#toplinks {width:500px; float:right;margin:5px 15px 0 0;text-align:right;color:#000;}
#toplinks p {text-align:right;color:#555;}
#toplinks a {text-align:right;color:#555;}
#logo{width: 980px; margin:auto; padding:0 0 0 0;}
#logo h1 a{color:#000;padding:10px; font-size:1.8em;}
#logo h1 a:hover{text-decoration:none;}
#topZone::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* Blue colour strip - page width */
#bluecolourstrip {clear:both; background:#0099FF; color:#000; margin:0px; padding:0px; width:980px; height:6px;}
#bluecolourstrip::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* Green colour strip - page width */
#greencolourstrip {clear:both; background:#99cc33; color:#000; margin:0px; padding:0px; width:980px; height:6px;}
#greencolourstrip::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* Section description area */
#sectiondesc {background:#777; clear:both; color:#eee; margin:5px 0 0; padding:0 0 5px 15px; width:965px;}
#sectiondesc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:950px; margin:5px 0 15px;}
#sectiondesc h2 {color:#fff; padding:15px 15px 0 0;}
#sectiondesc a {border-color:#fff; color:#eee; text-decoration:none;}
#sectiondesc::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* wide page area  */
#widepagearea {clear:both; background:#fff; color:#000; margin:0 0 0; padding:0 0 20px 20px; width:940px;}



/* home page */
#homepageleft {float:left;padding:0; margin: 20px 25px 15px 15px; width:600px;}
#homepageright {float:right;padding:0; margin: 20px 25px 15px 10px; width:260px;}


/* Main content area */
#main {clear:both;}
#main{float:right;padding:0; margin: 20px 25px 15px 0; width:710px;}


/* Main menu (old colour-#0099FF)*/
#mainMenu {clear:both;}
.mainMenuTab {background:#99cc33; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.2em; margin:0 0 4px; padding:4px 8px; text-decoration:none;color:#000;}
.mainMenuTab:hover {background:#777; border-bottom:1px solid #fff; text-decoration:none;color:#fff;}
.selectedMainMenuTab {background:#777; color:#fff; font-size:1.2em; margin: 0 0 5px; padding:4px 8px 5px; text-decoration:none;border-top:1px solid #bbb;}
.selectedMainMenuTab:hover {color:#fff; text-decoration:none;}
#mainMenu::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* Left Side - Section Menu Panel */
#sidebar{float:left;width:180px;margin:20px 15px 15px 10px;}
#sidebar h2 {font-size:1.0em; padding:5px; margin:0 0 6px 0;border: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {text-decoration:none; list-style:none; margin:0 0 5px 0; padding:5px; border: 1px dotted #ccc;}
#sidebar a {text-decoration:none;}
.selectedsectionbutton {text-decoration:none; background:#777; color:#eee;}
.sectionbutton {text-decoration:none; background:#eee; color:#000;}
.selectedsectionbutton:hover {text-decoration:none;}
.sectionbutton:hover {text-decoration:none; background:#ccc;}

/* Image wrapper for side menu */
#imagewrap {margin:0 0 5px 0; padding:20px 4px 20px 4px; border: 2px dotted #ccc;}


/* Image and text wrapper for home page */
#imagewraphome {margin:0 0 5px 0; padding:40px 40px 40px 40px; border: 2px dotted #ccc;}
#imagewraphome a{color:#000;}
#imagewraphome a:hover {text-decoration:none;}

/* table formating (HTML table)*/
table {width:90%; margin:5px 5px 5px 5px; padding:0;}
td {margin:0 0 0 0; padding:5px; border:1px solid #ccc;}
td.col1 {width:20%; background:#eee;}

/* Page Footer */
#pagefoot {clear:both;}
#pagefoot {background:#555;color:#eee;margin:0 0 0 0;padding:8px;text-align:left;}
#pagefoot a{color:#eee;}
#pagefoot p{margin:0; font-size:0.9em; font-weight:500;}
#pagefoot::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/* creates right pointing triangle */ 
.morelink {border-top: 5px solid transparent;border-left: 10px solid #777;border-bottom: 5px solid transparent;content: "";display: inline-block;height: 0;width: 0;vertical-align: middle;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;-o-transition: color 0.1s linear;transition: color 0.1s linear;}


/* Footer Menu */
FooterMenu {background-color: #777;color: #eee;display: block;overflow: hidden;}
FooterMenu ul {margin: 0;padding: 0;}
FooterMenu ul li {display: inline-block;list-style-type: none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
/* creates upwards pointing triangle */ 
FooterMenu > ul > li > a > .caret {border-bottom: 5px solid #bbb;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";display: inline-block;height: 0;width: 0;vertical-align: middle;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;-o-transition: color 0.1s linear;transition: color 0.1s linear;}
/*changes colour of triangle on hover */
FooterMenu > ul > li:hover > a > .caret {border-top-color:#fff;}
FooterMenu > ul > li > a {color: #bbb;display: block;line-height: 36px;padding: 0 24px;}
FooterMenu > ul > li:hover {background-color:#333;text-decoration: none;}
FooterMenu > ul > li:hover > a {color:#fff;text-decoration: none;}
/* popup box */
FooterMenu > ul > li > div {background-color:#333;border-top: 0;padding: 14px;display: none;margin: 0;opacity: 0;position: absolute;width: 220px;margin-top: -308px;visibility: hidden;z-index: 100;-webkit-transiton: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s;}
FooterMenu > ul > li:hover > div {display: block;opacity: 1;visibility: visible;}
FooterMenu > ul > li > div ul > li {display: block;}
FooterMenu > ul > li > div ul > li > a {color: #fff;display: block;padding: 7px 12px;text-decoration: none;}
FooterMenu > ul > li > div ul > li:hover > a {background-color: rgba( 255, 255, 255, 0.1);text-decoration: none;}

/* Company Info */
#companyinfo {clear:both;}
#companyinfo {background:#555;color:#eee;margin:0 0 0 0;padding:16px 16px 16px 16px;text-align:left;}
#companyinfo a{color:#eee;}
#companyinfo p{margin:0; font-size:0.8em; font-weight:500;}
#companyinfo::after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

}