@import "extras.css";
@import "submenu.css";

/* Font size ratios; Default Firefox and IE font size is 16 ************
/* top right bottom left */
/* p  15px = 0.9375em
h1 24px = 1.5em
h2 21px = 1.3125em
h3 18px = 1.125em
h4 15px = 0.9375em
   12px = 0.75em
*/

********************************************************************** */

/********************************************/
/* GENERAL TAG STYLES*/
/********************************************/

HTML{
   font-size: 100%; /*Base size to resolve FireFox and IE differences.*/
}

body {
   margin:0px;
   padding:0px;
   width:100%;
   font-family:Arial, Verdana, sans-serif;
   font-size:13px;
   text-align:left;
   color:black; /*standard paragraph colour*/
   /*background-color:#007DBC;*/ /*lightBluePanel*/
   background-color:#003882; /*dark blue*/
}

a {
   color:#007DCC; /*lightBlue*/
   font-weight:bold;
}

a:hover {
   color:#003882; /*dark blue*/
}

a.nodeco {
   text-decoration:none;
   margin:0px;
   padding:0px;
}

a.nodeco:hover {
   color:#003882; /*dark blue*/
}

h1,h2,h3,h4 {
   color:#007DCC; /*lightBlue*/
   font-family:Arial, Verdana, sans-serif;
   font-weight:bold;
   text-align:left;
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-right:10px;
}

h1 a,h2 a,h3 a,h4 a {
   color:#007DCC; /*lightBlue*/
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {
   color:#003882; /*dark blue*/
}

h1{
   /*font-size:1.25em;*/
   font-size:145%;
   text-align:left;
   margin-top:1.5em;
   margin-bottom:0.5em;
}

h2{
   /*font-size:21px;*/
   /*font-size:1.175em;*/
   font-size:125%;
   margin-top:1.25em;
}

h3{
   /*font-size:18px;*/
   /*font-size:1.125em;*/
   font-size:115%;
   margin-top:1em;
}

h4{
   /*font-size:18px;*/
   /*font-size:1.125em;*/
   font-size:115%;
   padding-bottom:0px;
   margin-bottom:0px;
   margin-top:1em;
   margin-bottom:-0.9em;
}

h1 + h2,h3 {
   padding-top:0em;
   margin-top:1em;
}

h2 + h3,h4 {
   padding-top:0em;
   margin-top:0.3em;
}

.heading{
   color:white;
   background-color:#007DBC; /*lightBluePanel*/
   padding:7px;
   padding-top:0px;
   padding-bottom:2px;
}


a .heading:hover {
   color:white;
   background-color:#003882; /*dark blue*/
}


p {
   /*font-size:15px;*/
   font-size:100%;
   line-height:1.3em;
   color:black;
   background-color:white;
   padding:0px;
   padding-left:10px;
   padding-right:20px;
   text-align:left;
   margin-bottom:15px;
}

p.larger {
   font-size:110%;
}

p.error {
   color:red;
   background-color:#ecf0f8;
   width:auto;
   margin:0px;
   padding:5px;
}

b, strong {
   color:#007DCC; /*lightBlue*/
}

.center {
   text-align:center;
}

.transparent {
   background:transparent;
}


.error {
   color:red;
   background-color:#ecf0f8;
}

.h100 {
   height:100%;
}
.underline {
   text-decoration:underline;
}

.news a {
   text-decoration:underline;
   font-weight:bold;
   font-size:100%;
}

.news a:hover {
   text-decoration:underline;
   color:#003882; /*dark blue*/
}

ul,ol,li{
   line-height:1.3em;
   color:black; /*standard paragraph colour*/
   padding-left:10px;
   padding-right:20px;
}

ol, ul{
   margin-bottom:10px;
   padding-bottom:5px;
}

ul {
   list-style-type:none;
}

ul > h1,
ul > h2,
ul > h3,
ul > h4 {
   padding:0px;
   margin:0px;
}

a > h1,
a > h2,
a > h3,
a > h4 {
   padding:0px;
   margin:0px;
}


ul ul {
   margin-bottom:0px;
   padding-bottom:0px;
   list-style-type:disc;
}

li{
   padding-top:0.5em;
}

ul li {
   list-style-image:url(../images/bullet.gif);
   margin-left:16px;
   margin-top:-3px;
}

ul ul li {
   list-style:disc;
   margin-left:30px;
   padding-left:5px;
}

li > b:first-child {
   color:#0E7DC2; /*blue*/
   font-weight:bold;
}

.nodeco{
   margin-top:1px;
   margin-left:5px;
   list-style:none;
}


table
{
   empty-cells:show;
   padding:0px;
}

table.borderless,
table.borderless > tr,
table.borderless > td,
table.borderless tr,
table.borderless td {
   border:none;
   padding:3px;
   margin:0px;
}

table.listing {
   /*margin:10px;*/
   padding:10px;
   color:white;
   background-color:#0E7DC2; /*blue*/
   width:100%;
}

table.listing th {
   font-size:125%;
   margin-top:1em;
   color:white;
   background-color:#0E7DC2; /*blue*/
}

table.listing tr td:first-child {
   font-weight:bold;
   margin-right:10px;
   margin-left:8px;
   padding-left:8px;
   padding-right:5px;
}

p.listing {
   color:white;
   background-color:#0E7DC2; /*blue*/
   font-weight:bold;
   margin-left:8px;
   margin-right:10px;
   padding-left:8px;
   padding-right:8px;
}

.listing b{
   color:white;
}

.listing p b{
   color:#0E7DC2; /*blue*/
}


th {
   padding:5px;
}

td {
   padding-left:0px;
   padding-right:0px;
   margin:0px;
}

td h1, td h2, td h3, td h4 {
   padding-left:0px;
   padding-right:0px;
   margin:0px;
}

hr {
   width:auto;
   color:#96D3E1;
   background-color:#96D3E1;
}


img {
   border:none;
   margin:0px;
   padding:0px;
}


/********************************************/
/* Layout Management */
/********************************************/

#container {
   width:960px;
   height:auto;
   padding:0;
   margin:0px auto;
   border:none;
   text-align:left;
}

#content{
   width:920px;
   background-color:white;
   margin:0px;
   padding:0px;
   padding-top:1px;
   padding-left:20px;
   padding-right:20px;
   border:none;
   /* Fixes for IE 7, but works generally */
   clear:both; /* Fix for IE div float bug - see pagesMenu above. */
   position:absolute;
   top:352px;
}

#wrapper{
   padding:0px;
   margin:0px;
}

.clear {
   clear:both;
}

.clearLeft {
   clear:left;
}

.clearRight {
   clear:right;
}


.left {
   float:left;
}

.right {
   float:right;
}

.divider{
   width:960px;
   clear:both;
   margin-top:0px;
   margin-bottom:0px;
   margin-left:0px;
   margin-right:0px;
}

.divider.line{
   background-color:#003882; /*dark blue*/
   line-height:1px;
   margin-bottom:5px;
   width:100%;
}


.wide{
   width:573px; /*To improve proportion, 2/3 of 860 inner*/
   margin-top:30px;
   margin-bottom:10px;
   margin-right:20px;
}

.wide.left {
   border-right:solid;
   border-right-color:#0E7DC2; /*blue*/
   border-right-width:1px;
   padding-right:10px;
}

.wide > h1:first-child,
.wide > h2:first-child,
.wide > h3:first-child,
.wide > h4:first-child {
   margin-top:0px;
   padding-top:0px;
}

.wide .heading, .wide.heading{
   width:386px;
}

.narrow {
   /*width:300px;*/
   width:287px; /*To improve proportion, 1/3 of 860 inner*/
   margin-top:30px;
   margin-bottom:10px;
}


.narrow .heading {
   /*width:280px;*/
   width:260px; /*To improve proportion, reduced for 1/3 of 860 inner*/
}

.narrow h1,
.narrow h2,
.narrow h3,
.narrow h4,
.narrow p {
   margin-left:-10px;
   padding-right:10px;
   padding-left:0px;
}

.narrow > h1:first-child,
.narrow > h2:first-child,
.narrow > h3:first-child,
.narrow > h4:first-child {
   margin-top:0px;
   padding-top:0px;
   padding-left:8px;
}

.narrow .divider.line{
   width:270px;
   margin-left:-10px;
   padding-right:10px;
   padding-left:0px;
}

.half {
   margin:0px;
   margin-top:30px;
   padding:0px;
   width:450px;
}

.half .heading, .half .listing {
   width:410px;
}

.half > h1:first-child,
.half > h2:first-child,
.half > h3:first-child,
.half > h4:first-child {
   margin-top:0px;
   padding-top:0px;
}

.newsLeft {
   float:left;
   margin:0px;
   margin-top:30px;
   padding:0px;
   width:525px;
}

.newsLeft .heading, .newsLeft .listing {
   width:460px;
}

.newsLeft > h1:first-child,
.newsLeft > h2:first-child,
.newsLeft > h3:first-child,
.newsLeft > h4:first-child {
   margin-top:0px;
   padding-top:0px;
}

.newsRight {
   float:right;
   margin:0px;
   margin-top:30px;
   padding:0px;
   width:375px;
}

.newsRight .heading, .newsRight .listing {
   width:360px;
}

.inner {
   margin:0px;
   padding:0px;
   width:280px;
}

.inner .heading {
   width:150px;
}

.inner li {
   list-style:disc;
   padding-left:4px;
}


.inline {
   display:inline;
}

div.relative {
   position:relative;
}
div.absolute {
   position:absolute;
}

/********************************************/
/* HEADER BLOCKS                              */
/********************************************/

p#phone-top {
   font-family:Arial, Verdana, sans-serif;
   font-size:120%;
   line-height:150%;
   color:#007DBC;
   background-color:white;
   text-align:right;
   margin:0px;
   padding-right:10px;
   padding-top:5px;
}

div#header {
   height:324px;
   position:relative;
   margin:0px;
   padding:0px;
   border:none;
}


div#header img{
   z-index:-2;
   position:absolute;
   top:0px;
   left:0px;
   display:block;
   width:960px;
   margin:0px;
   padding:0px;
   border:none;
}

div#header div#logo {
   z-index:-1;
   position:absolute;
   top:0px;
   left:0px;
   display:block;
   float:left;
   width:353px;
   height:192px;
}

div#logo object, div#logo embed{
   z-index:-1;
   width:100%;
   height:100%;
   position:relative;
   top:0px;
   left:100px;
   top:-25px;
   left:3px;
}

div#logo img {
   width:335px;
   position:relative;
   top:75px;
   left:8px;
}


/************************************/
/* HOME MENU ABOVE PRIMARY MENU      */
/************************************/

/* See extras.css for remaining Home menus */

#home-wrapper {
   display:block;
   position:relative;
}

#home-menu-wrapper { /* from original */
  margin:0px;
  padding:0px;
  background:transparent;
}


#home-menu {  /* menu layout */
   display:block;
   float:right;
   position:relative;
   margin:0px 15px 0px 0px; /* top right bottom left */
   padding:0px;
   height:135px;
   text-transform:lowercase;
   background:transparent;
}


#home-menu ul.menu li {   /* top/home item layout */
  color:white;
  /*background: transparent url('../images/tab-left-bluelight.gif') no-repeat left 0;*/
  background: url('../images/tab-left-bluelight.gif') no-repeat left 0;
  display: block;
  float: left;
  top:94px;
  width:auto;
  margin: 0px 1px 0px 0px; /* top right bottom left */
  padding:0px 2px 0px 10px;
  position: relative;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
  filter:alpha(opacity=70);
  opacity:0.7;
}

#home-menu ul.menu li:hover,
#home-menu ul.menu li.hover,
#home-menu ul.menu > li.selected {
  background-position: left -39px;
}

#home-menu ul.menu li > a {
  /*background: transparent url('../images/tab-right-bluelight.gif') no-repeat right 0;*/
  background: url('../images/tab-right-bluelight.gif') no-repeat right 0;
  color:white;
  font-size:115%;
  display: block;
  padding:5px 10px 7px 0px; /* top right bottom left */
  text-decoration: none;
}

#home-menu ul.menu li a:hover,
#home-menu ul.menu li:hover a,
#home-menu ul.menu li.hover a,
#home-menu ul.menu li a.selected {
  color:white;
  background-position: right -39px;
}

/********************************************/
/* TOPMENU                                  */
/********************************************/

#topMenu {
   z-index:1;
   position:absolute;
   background:transparent;
   border:none;
   margin:0px;
   padding:0px;
   height:210px;
   clear:right;
}

/* Spacer for topMenu*/
.spacer {
   width:15px;
   height:100px;
   border:none;
   margin:0px;
   padding:0px;
   background:#007DBC; /*lightBluePanel*/
}

/********************************************/
/* SectionsMENU                                 */
/********************************************/

.trans50 {/* Use for single element */
   /*background-color:#007DBC;*/ /*lightBluePanel*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/
   filter:alpha(opacity=50);
   opacity:0.5;
}

.trans70 {/* Use for single element */
   /*background-color:#007DBC;*/ /*lightBluePanel*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
   filter:alpha(opacity=70);
   opacity:0.7;
}


.fixed {
   /* Use with transXX for simulating transparent container */
   background-color:#007DBC; /*lightBluePanel, default color*/
   position:absolute;
   top:0;/*Fill the container*/
   left:0;
   right:0;
   bottom:0;
   z-index:-1;
}

.opaque {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
   filter:alpha(opacity=100);
   opacity:1;
   color:white;
}


.sectionHeadings {
   /*Note: background-color commented out and position relative added*/
   /*to enable transFixed to work*/
   /*background-color:#007DBC; */ /*lightBluePanel*/
   vertical-align:text-top;
   float:left;
   padding:0px;
   margin:0px;
   border:none;
   position:relative;
}

.sectionHeadings a {
   display:block;
   text-decoration:none;
   color:white;
   font-weight:bold;
   text-align:left;
   padding-left:10px;
   padding-bottom:5px;
   border:none;
   width:300px;
   position:relative;
}

.sectionHeadings a.primary {
   text-transform:uppercase;
   padding-top:10px;
   /*font-size:18px;*/
   font-size:125%;

}

.sectionHeadings a.secondary {
   /*font-size:13px;*/
   font-size:105%;
}

.sectionHeadings a:hover {
   color:white;
   font-weight:bolder;
   text-decoration:none;
   background-color:#003882; /*dark blue*/
}

.sectionHeadings.selected a:hover {
   background-color:#007DbC; /*lightBluePanel*/
}

div#topMenu .sectionHeadings {
   height:100px;
   margin-bottom:0px;
   padding-bottom:0px;
}

div#topMenu .selected {
   background-color:#003882; /*dark blue*/
}

div#topMenu .active {
   color:#9EC0EB; /*very light blue*/
   /*background-color:#4B73A7;*/ /*mid blue*/
}

.pagesMenu {
   background:transparent;
   border:none;
   margin:0px;
   margin-top:0px;
   padding:0px;
   float:left; /*Fix for IE div float bug - see content below.*/
}


.pagesMenu a:first-child {
   padding-top:10px;
}

.pagesMenu a {
   z-index:1;
   vertical-align:top;
   text-align:left;
   display:block;
   text-decoration:none;
   font-weight:bold;
   color:white;
   padding-left:10px;
   padding-bottom:5px;
   border:none;
   width:300px;
   background-color:#003882; /*dark blue*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
   filter:alpha(opacity=70);
   opacity:0.7;
}

.pagesMenu a.page {
   text-align:left;
   left:0px;
   /*font-size:13px;*/
   font-size:100%;
   text-decoration:none;
   position:relative;
}

.pagesMenu a.page.selected{
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
   filter:alpha(opacity=100);
   opacity:1;
}

.pagesMenu a.page:hover {
   color:white;
   text-align:left;
   /*font-size:13px;*/
   font-size:100%;
   font-weight:bold;
   text-decoration:none;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
   filter:alpha(opacity=100);
   opacity:1;
}


/********************************************/
/* FOOTER                                   */
/********************************************/

div.firstFooter {
 height:140px;
 margin-top:5px;
 margin-bottom:15px;
}

div.genFooter {
 height:80px;
 margin-bottom:25px;
}

p.footerIcons {
   float:left;
   font-weight:normal;
   vertical-align:middle;
   margin-left:0px;
   margin-right:0px;
}

p.footerIcons a {
   font-weight:normal;
}

p.tagline {
   vertical-align:middle;
   color:#007DCC; /*lightBlue*/
   /*font-size:2em;*/
   font-size:175%;
   font-family:Arial, Verdana, sans-serif;
   /*font-weight:bold;*/
   text-align:left;
   padding:0px;
}

div.firstFooter p.tagline {
   float:right;
   padding-top:10px;
   margin-right:20px;
}

div.genFooter p.tagline {
   float:left;
   margin-left:20px;
}

p.footerContacts {
   float:right;
   text-align:right;
   vertical-align:middle;
}

div.firstFooter p.footerContacts {
   padding-top:30px;
   padding-right:20px;
}

div.genFooter p.footerContacts {
   padding-top:20px;
   padding-right:20px;
}


.tel {
   /*font-size:1.75em;*/
   font-size:175%;
   font-weight:bold;
   color:#007DCC; /*light blue*/
}

.num {
   color:#003882; /*dark blue*/
}

.email {
   font-size:1em;
   font-weight:bolder;
   color:#007DCC; /*light blue*/
}

p.copyright {
   text-align:center;
   /*font-size:0.75em;*/
   font-size:75%;
   text-decoration:none;
   color:white;
   background-color:#007DbC; /*lightBluePanel*/
   padding:0px;
   padding-top:5px;
   padding-bottom:5px;
   margin-left:-20px;
   margin-right:-20px;
}

div.disclaimer {
   position:relative;
   bottom:0px;
}

p.disclaimer {
   /*font-size:0.75em;*/
   font-size:75%;
   text-align:left;
}


/********************************************/
/* GENERAL IE FIXES */
/********************************************/


.floatclear {
display:inline-block;
width:100%;
}
/* Hide from IE-mac \*/
* html .floatclear {
height:1%;
width:auto;
}
.floatclear {
display:table;
}
/* End hide from IE-mac */


/********************************************/
/* COLOUR DEFINITIONS */
/********************************************/

/*CYBEROAK STANDARD BLUE*/
.blue {
   color:#0E7DC2; /*blue*/
}

.blueBack {
   background-color:#0E7DC2; /*blue*/
}

/*CYBEROAK STANDARD LIGHT BLUE*/
.lightBlue {
   color:#007DCC; /*lightBlue*/
}

/*CYBEROAK STANDARD LIGHT BLUE FOR LARGE AREAS, PANELS*/
.lightBluePanel {
   color:#007DBC; /*lightBluePanel*/
   background-color:#007DBC;
}

/*CYBEROAK STANDARD DARK BLUE*/
.darkBlue {
   color:#003882; /*dark blue*/
/*CYBEROAK STANDARD DARK BLUE*/
}

.darkBlueBack {
   background-color:#003882; /*dark blue*/
}


/*** END OF CSS *******************************************************/