body{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 100%;
text-align:left;
background-color:#A3CDE3;
padding:0px;
margin:0px;
}


body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
  color:#333333;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-decoration:none;
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
font-weight:normal;
padding:0px 0px 10px 0px;
margin:0px;
color:#333333;
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}



div.container{
	background-color: #fff;
	width: 1000px;
	max-width: 90%;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	padding: 5px;
	}
	
div.spacer{
	height:10px;
	}
	
div.foot{
	text-align:center;
	font-family:arial,sans-serif;
	color: rgb(76, 76, 76); font-size: 0.8em; line-height: 1.5; font-weight: normal; letter-spacing: 1px
	}

/*
Colours
A3CDE3
3399CC
*/


#top-right{
	float:right;
	margin-left: auto;
    margin-right: auto;
}

#container-head2 {
	background-color: #3399CC;
}

#container-head2 {
	color: #FFF;
}

#belly{
	float:left;
	max-width:800px;
}

#belly-right{
	float:right;
	width:200px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
	
}


.nav ul { display: none; list-style: none; padding: 0px; margin: 0px; font-weight: lighter; text-align: center; }
.nav ul li { display: inline-block; text-align: left; }
.nav ul li a { display: block; padding: 15px 10px; text-decoration: none; color: #444; }
.nav ul li a:hover { background-color: #eee; }

.anchor-link { display: inline-block; text-align: center; padding: 10px 15px; color: #fff; background-color: #0084B4; text-decoration: none; margin: 3px; float: right; }

.example-footer { font-size: 1.1em; }
#mobile-nav { display: block; }
#mobile-nav ul { list-style: none; margin: 0px; padding: 0px; }
#mobile-nav ul li { list-style: none; text-align: center; }
#mobile-nav ul li a { display: block; padding: 20px 10px; border-bottom: 1px solid #ccc; text-decoration: none; }
#mobile-nav ul li a:hover { background-color: #ccc; color: #fff; }

@media all and (min-width:48em){
	.nav ul { display: block; }
	.anchor-link { display: none; }
	#mobile-nav { display: none; }
}



select, option, textarea, input {color:rgb(0,0,0); }

font.content, td.content ,p.content {font-size: 1em; line-height: 1.35; color:rgb(28, 28, 28); padding:0px 0px 12px; margin:0px;}

td.contentMed,font.contentMed,p.contentMed {font-size: 1.2em; line-height: 1.5}

a.content,a.contentMed {color: #3366FF; text-decoration: none; font-weight:bold}

a:hover.content,a.contentMed:hover {color: #C23030; text-decoration: underline}

font.tinytext,td.tinytext,p.tinytext,span.tinytext {font-size: 0.8em; line-height: 1.1}

a.tinytext { color: #3366FF; text-decoration: none}

a:hover.tinytext { color: #C23030; text-decoration: underline}







font.footer,td.footer,p.footer {color: rgb(76, 76, 76); font-size: 0.8em; line-height: 1.5; font-weight: normal; letter-spacing: 1px}
a.footer { color: #3366FF; text-decoration: none}
a:hover.footer { color: #C23030; text-decoration: underline}


td.miniHeader {font-size: 1.2em; font-weight: bold; color: #000000}
a.miniHeader { color: #3366FF; text-decoration: none}
a:hover.miniHeader { color: #C23030; text-decoration: underline}

.link { color: #3366FF; text-decoration: none}
a:hover.link {color: #C23030; text-decoration: underline}
.link-bold { color: #3366FF; text-decoration: none; font-weight: bold}
a:hover.link-bold { color: #C23030; text-decoration: underline; font-weight: bold}

.header {font-size: 1.4em; font-weight: bold}
.bigheader { font-size: 1.8em; color: #FFFFFF}
.sidecontent {color: #333333; font-size: 1em; line-height: 130%; text-align: justify}

font.blinker { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150% ; text-decoration: blink}

/* ------------------- SEARCH BAR --------------- */

.headerbg {  background-image: url('images/searchbar_background.gif'); background-repeat: repeat-x}

.topmenu { font-size: 11px; color: #333333; text-decoration: none; }

a.top-menulink {font-size: 11px; color: #333333; text-decoration: none; }

a.top-menulink:visited {color: #333333;}

a.top-menulink:hover { text-decoration: none; color: #0099CC}



/* --------------------- MAIN MENU LEVELS 1 & 2 ------------------ */

.menu {  padding-bottom: 5px}

.menuhead { padding-bottom: 2px; padding-top: 4px}



.menu-level1 { font-size: 1em; color: #006699; text-decoration: none; padding-left: 14px; width: 100%; height: 15px; ; font-weight: normal}

.menu-level1:visited { font-size: 1em; color: #006699; text-decoration: none; padding-left: 14px; width: 100%; height: 15px; }

a.menu-level1:hover { font-size: 1em; color: #FF6600; text-decoration: none; padding-left: 14px; width: 100%; height: 15px;}


.menu-level1-on { font-size: 1em; color: #0099CC; text-decoration: none; padding-left: 14px; font-weight: bold; width: 100%; height: 15px;; border: 0px dotted; border-color: #003366 #003366 #0099CC}

.menu-level1-on:visited { font-size: 1em; color: #0099CC; text-decoration: none; padding-left: 14px; font-weight: bold; width: 100%; height: 15px; }

a.menu-level1-on:hover { font-size: 1em; color: #FF6600; text-decoration: none; padding-left: 14px; width: 100%; height: 15px}


.menu-level1-open { font-size: 1em; color: #0099CC; text-decoration: none; padding-left: 14px; font-weight: bold; width: 100%; height: 15px; border-color: black black #999999; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.menu-level1-open:visited { font-size: 1em; color: #0099CC; text-decoration: none; padding-left: 14px; font-weight: bold; width: 100%; height: 15px;}

.menu-level1-open:hover { font-size: 1em; color: #FF6600; text-decoration: none; padding-left: 14px; width: 100%; height: 15px;}



.menu-level2-head { font-size: 0.8em; color: #666666; text-decoration: none; text-transform: uppercase; padding-bottom: 0px; margin-bottom: -4px;padding-left: 18px; border: 0px dotted; width: 132px; border-color: #0099CC #0099CC #666666}

.menu-level2 { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; }
.menu-level2:visited { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; }
a.menu-level2:hover { font-size: 0.8em; color: #FF6600; text-decoration: none; padding-left: 15px; width: 100%; height: 15px}

.menu-level2-on { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; border: 0px #0099CC dotted}
.menu-level2-on:visited { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; }
a.menu-level2-on:hover { font-size: 0.8em; color: #FF6600; text-decoration: none; padding-left: 15px; width: 100%; height: 15px;}

.menu-level2-open { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; border: 0px #0099CC dotted}
.menu-level2-open:visited { font-size: 0.8em; color: #0099CC; text-decoration: none; padding-left: 15px; width: 100%; height: 15px; }
a.menu-level2-open:hover { font-size: 0.8em; color: #FF6600; text-decoration: none; padding-left: 15px; width: 100%; height: 15px;}

/* ------------------ SUB MENU 3 & 4 ---------------*/

.menu-level3-head { font-size: 0.7em; color: #333333; text-decoration: none; padding-left:22px}

.menu-level3 { font-size: 0.7em;  color: #0099CC; text-decoration: none; padding-left:22px}
.menu-level3:visited { font-size: 0.7em; color: #0099CC; text-decoration: none; padding-left:22px}
.menu-level3:hover { font-size: 0.7em; color: #FF6600 ; text-decoration: none; padding-left:22px}

.menu-level3-on { font-size: 0.7em; color: #0099CC; text-decoration: none; padding-left:22px}
.menu-level3-on:visited { font-size: 0.7em;  color: #0099CC ; text-decoration: none; padding-left:22px}
.menu-level3-on:hover { font-size: 0.7em;  color: #FF6600 ; text-decoration: none; padding-left:22px}

.menu-level3-open { font-size: 0.7em;  color: #0099CC;  text-decoration: none; padding-left:22px}
.menu-level3-open:visited { font-size: 0.7em;  color: #0099CC;  text-decoration: none; padding-left:22px}
.menu-level3-open:hover { font-size: 0.7em;  color: #FF6600 ;  text-decoration: none; padding-left:22px}

.menu-level4-head { font-size: 0.7em;  color: #006699; text-decoration: none; text-indent: 19px;}

.menu-level4 { font-size: 0.7em;  color: #006699; text-decoration: none; text-indent: 20px;}
.menu-level4:visited { font-size: 0.7em;  color: #006699; text-decoration: none; text-indent: 20px;}
.menu-level4:hover { font-size: 0.7em; color: #FF6600; text-decoration: none; text-indent: 20px;}

.menu-level4-on { font-size: 0.7em; color: #006699; text-decoration: none; text-indent: 20px;}
.menu-level4-on:visited { font-size: 0.7em;  color: #006699; text-decoration: none; text-indent: 20px;}
.menu-level4-on:hover { font-size: 0.7em; color: #FF6600 ; text-decoration: none; text-indent: 20px;}