/* *********************** Primary declarations ***************************** */

BODY {
  background-color: #efefff;
  margin-left:5px;
  margin-right:5px;
  margin-top:5px;
  margin-bottom:0px;
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  font-family: Verdana, sans-serif;
  color: #000099; 
}

P, UL, OL {
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  font-family: Verdana, sans-serif;
  color: #000099; 
}

LI.menu {
  line-height:14pt;
}

SUP {
  vertical-align:super;
  font-size:8pt;
}

H1 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 18pt;
  line-height: 20pt; 
  color: #000099; 
}


H2 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 14pt;
  line-height: 16pt; 
  color: #000099; 
}

H2.page {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 14pt;
  line-height: 16pt; 
  color: #000099; 
  page-break-before:always;
}

H3 {
  font-weight: bold;
  font-size: 12pt;
  line-height: 14pt; 
  font-family: Verdana, sans-serif;
  color: #000099; 
}


HR {
  color: navy;
  width: 75%;
}

/* **************************** Table features ******************************** */

TABLE.master {
}

TD.extraSpace {
  padding-bottom:30px;
}

TD {
  vertical-align:top;
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  font-family: Verdana, sans-serif;
  color: #000099; 
}

TD.title {
  vertical-align:bottom;
  text-align:center;
  font-weight: bold;
  font-style:italic;
  font-size: 14pt;
  padding-top:12px;
  padding-bottom:12px;
  font-family: Verdana, sans-serif;
  color: #ff9933; 
}

TD.mono {
  font-family: courier, monospace;
  color: black;
}

TD.nextStep {
  background-color:#eeeeee;
  color:#999999;
  text-align:center
}

TD.thisStep {
  background-color:#ccccff;
  color:#000099;
  text-align:center
}


TD.bottomRight {
 vertical-align:bottom; 
 text-align:right
}

TD.middleCentre {
 vertical-align:middle; 
 text-align:center;
}

TD.middleLeft {
 vertical-align:middle; 
 text-align:left;
}

TD.middleRight {
 vertical-align:middle; 
 text-align:right;
}

TD.radio {
  width: 20px
}

TD.tower {
  background-color:#ccccff;
  text-align:center;
  padding-top:5px;
}

TD.supportNo {
  white-space:nowrap;
  text-align:right;
  padding-right:5px;
}

/* ********************************** Links ********************************** */

A:visited {
  color: blue; 
  text-decoration: none;
}

A:link {
  color: blue; 
  text-decoration: none;
}

A:active {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: blue;
  text-decoration: underline;
}

							/* Nav Pane link definition */

a.navLink:visited {
  font-size: 8pt;
  line-height: 11pt;
  padding-left:5px;
  text-decoration: none;
}

a.navLink:link {
  font-size: 8pt;
  line-height: 11pt;
  padding-left:5px;
  text-decoration: none;
}

a.navLink:active {
  font-size: 8pt;
  line-height: 11pt;
  padding-left:5px;
  text-decoration: none;
}

a.navLink:hover {
  font-size: 8pt;
  line-height: 11pt;
  padding-left:5px;
}

							/* Home page links link definition */

a.homeLinkTitle:visited {
  font-weight: bold;
  font-size: 10pt;
  line-height: 12pt; 
  font-family: Verdana, sans-serif;
  color: #3366ff; 
  text-decoration: none;
}

a.homeLinkTitle:link {
  font-weight: bold;
  font-size: 10pt;
  line-height: 12pt; 
  font-family: Verdana, sans-serif;
  color: #3366ff; 
  text-decoration: none;
}

a.homeLinkTitle:active {
  font-weight: bold;
  font-size: 10pt;
  line-height: 12pt; 
  font-family: Verdana, sans-serif;
  color: #3366ff; 
  text-decoration: none;
}

a.homeLinkTitle:hover {
  font-weight: bold;
  font-size: 10pt;
  line-height: 12pt; 
  font-family: Verdana, sans-serif;
  color: #3366ff; 
  text-decoration:underline;
}

							/* White link definition */

a.whiteLink:visited {
  font-weight: normal;
  font-size: 8pt;
  line-height: 11pt; 
  font-family: Verdana, sans-serif;
  color: white; 
  padding-left:5px;
  padding-right:10px;
  text-decoration: none;
}

a.whiteLink:link {
  font-weight: normal;
  font-size: 8pt;
  line-height: 11pt; 
  font-family: Verdana, sans-serif;
  color: white; 
  padding-left:5px;
  padding-right:10px;
  text-decoration: none;
}

a.whiteLink:active {
  font-weight: normal;
  font-size: 8pt;
  line-height: 11pt; 
  font-family: Verdana, sans-serif;
  color: white; 
  padding-left:5px;
  padding-right:10px;
  text-decoration: none;
}

a.whiteLink:hover {
  font-weight: normal;
  font-size: 8pt;
  line-height: 11pt; 
  font-family: Verdana, sans-serif;
  color: white; 
  text-decoration:underline;
  padding-left:5px;
  padding-right:10px;
}

							/* Label your website here link definition */

a.bigButtonLink:visited {
  line-height:44pt;
  font-size:30pt;
  background-color:#ff9933;
  color:#ffffff;
  border-width:6px;
  border-style:outset;
  border-color:#ccccff;
  vertical-align:middle;
}

a.bigButtonLink:link {
  line-height:44pt;
  font-size:30pt;
  background-color:#ff9933;
  color:#ffffff;
  border-width:6px;
  border-style:outset;
  border-color:#ccccff;
  vertical-align:middle;
}

a.bigButtonLink:active {
  line-height:44pt;
  font-size:30pt;
  background-color:#ff9933;
  color:#ffffff;
  border-width:6px;
  border-style:outset;
  border-color:#ccccff;
  vertical-align:middle;
}

a.bigButtonLink:hover {
  line-height:44pt;
  font-size:30pt;
  background-color:#ff9933;
  color:#ffffff;
  border-width:6px;
  border-style:inset;
  border-color:#ccccff;
  vertical-align:middle;
}

							/* Gold Member links */

a.goldLink:visited {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  padding-left:2px;
  padding-right:2px;
  color:#ffcc00;
  text-decoration: none;
}

a.goldLink:link {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
  text-decoration: none;
}

a.goldLink:active {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
  text-decoration: none;
}

a.goldLink:hover {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
}

								/* Gold Link Buttons */
a.goldLinkButton:visited {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  padding-left:2px;
  padding-right:2px;
  color:#ffcc00;
  margin-left:5px;
  border-width:2px;
  border-style:outset
  text-decoration: none;
}

a.goldLinkButton:link {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
  margin-left:5px;
  border-width:2px;
  border-style:outset
  text-decoration: none;
}

a.goldLinkButton:active {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
  margin-left:5px;
  border-width:2px;
  border-style:outset
  text-decoration: none;
}

a.goldLinkButton:hover {
  line-height:12pt;
  font-size:10pt;
  font-weight:bold;
  background-color:#3366ff;
  color:#ffcc00;
  padding-left:2px;
  padding-right:2px;
  margin-left:5px;
  border-width:2px;
  border-style:outset
}


							/* Mono link definition (used in FTP upload screen) */

a.monoLink:visited {
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
}

a.monoLink:link {
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
}

a.monoLink:active {
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
}

a.monoLink:hover {
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
}

						/* Language Changer */
a.langChange:visited {
  background-color:#3366ff;
  color:#ffffff; text-align:center;
  padding-right:1em;
  padding-left:1em;
  margin-left:0.5em
}

a.langChange:link {
  background-color:#3366ff;
  color:#ffffff;
  text-align:center;
  padding-right:1em;
  padding-left:1em;
  margin-left:0.5em
}

a.langChange:active {
  background-color:#3366ff;
  color:#ffffff;
  text-align:center;
  padding-right:1em;
  padding-left:1em;
  margin-left:0.5em
}

a.langChange:hover {
  background-color:#3366ff;
  color:#ffffff;
  text-align:center;
  padding-right:1em;
  padding-left:1em;
  margin-left:0.5em
}



							/* Table of Content links */

a.TOClevel1:visited {
  font-weight:bold;
}

a.TOClevel1:link {
  font-weight:bold;
}

a.TOClevel1:active {
  font-weight:bold;
}

a.TOClevel1:hover {
  font-weight:bold;
}

a.TOClevel2:visited {
  padding-left:10px
}

a.TOClevel2:link {
  padding-left:10px
}

a.TOClevel2:active {
  padding-left:10px
}

a.TOClevel2:hover {
  padding-left:10px
}


/* ********************************* Generic classes ************************ */

.paleBlue {
  background-color:#ccccff;
}

.midBlue {
  background-color:#3366ff;
  color:#ffffff;
  font-size: 8pt;
  line-height: 11pt;
  padding-right:5px;
}

.verticalDivide {
  background-color:#3366ff;
  color:#ffffff;
}

.yell {
  background-color:#FFFF99; 
  border-width:1px;
  border-style:solid;
  padding-left:4px;
  padding-right:4px;
}

.highlight {
  background-color: #CCCCFF;
  font-weight: normal;
  font-size: 9pt;
  line-height: 12pt;
  font-family: Verdana, sans-serif;
  color: black
}

.highlightGreen {
  background-color:#00ff00;
}

.highlightRed {
  background-color:#ff0000;
}

.highlightYellow {
  background-color:#ffff00;
}

.footer {
  font-weight: normal;
  font-size: 8pt;
  line-height: 9pt;
  font-family: Verdana, sans-serif;
  color: #000099; 
  text-align: center
}

.small {
  font-weight: normal;
  font-size: 8pt;
  line-height: 10pt;
  font-family: Verdana, sans-serif;
  color: #000099; 
}


.topper {
  font-weight: normal;
  font-size: 9pt;
  font-style: italic;
  text-align: right;
  line-height: 11pt;
  font-family: Verdana, sans-serif;
  margin-right:15px;
}

.caption {
  font-weight: bold;
  text-align: center;
}

.code {
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
  color: black;
  padding: 0px 50px;
}

.codeNoIndent {
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  font-family: courier, monospace;
  color: black;
}

.quote {
  font-style:italic;
  color:black
}

div.colour1 {
  background-color: #ffffcc;
}

div.colour2 {
  background-color: #ccffcc;
}

div.banners {
  border-width:2px;
  border-style:inset;
  width:470px;
  vertical-align:top;
  text-align:center;
  font-weight: normal;
  font-size: 7pt;
  line-height: 9pt;
  font-family: Verdana, sans-serif;
  color: #000099;
}

div.infoPanel {
  background-color:#cccccc;
  padding-left:5px;
  padding-right:5px
}

.joinButton {
  background-color:#ff9933;
  width:138px;
  border-width:2px; 
  text-align:center;
  border-style:outset;
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
}

.yellowButton {
  background-color:#ff9933;
  border-width:2px; 
  text-align:center;
  border-style:outset;
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
}

.kidsTop {
  background-image: url(/images/yellowkids_top.gif); 
  padding-top:200px;
  background-repeat: no-repeat; 
}

.kidsTopNoLang {
  background-image: url(/images/kids_top_image_only.gif); 
  padding-top:180px;
  background-repeat: no-repeat; 
}

.tinyFlag {
  margin-bottom:10px;
}

.hotLogo {
  border-width:0px;
}

.amLogo {
  margin-right:5px;
  margin-bottom:1px;
  border-width:0px;
}

.amLinks {
  text-align:right;
}

.bitOfSpace {
  margin-bottom:4px;
  margin-bottom:4px;
  margin-left:4px;
}

.bitOfSpaceLeft {
  margin-bottom:4px;
  margin-bottom:4px;
  margin-right:4px;
}

.quatroPanel {
  width: 180px;
  float:right;
  margin-left:5px;
  padding-left:5px;
  padding-bottom:5px;
  background-color:#cccccc;
}

.advOptions {
  float:right;
  width:150px;
  border-width:2px;
  border-style:groove;
  padding-left:2px;
  padding-right:2px;
  padding-top:2px;
  padding-bottom:2px;
}

.langSelector {
  background-color:#3366ff;
  color:#ffffff;
  font-size: 8pt;
  line-height: 11pt;
  border-color::#3366ff;
}

/* Diary entry styles */

div.diaryEntry {margin-top:1em}
div.diarydate {font-weight:bold; margin-bottom:0.3em}
div.diaryText {padding-left:3em}


.main {
  padding-left:10px;
  background-color:#ffffff;
  padding-right:10px;
}