body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; background-color:#fff;}

input, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; }
form          { margin: 0px; }
table         { font-size: 100%; }

h1 { font-size: 150%; font-weight: normal;}
h2 { font-size: 110%; font-weight: bold; }
h3 { font-size: 105%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; }

a, a:visited  { color: #336699; text-decoration: none;}
a:hover       { text-decoration: underline; }
a.title, a.title:visited                { color: #336699; text-decoration: none; font-weight: bold; }
a.title:hover { text-decoration: underline; }
a.currenttitle, a.currenttitle:visited  { color: #CC0033; text-decoration: none; font-weight: bold; }
a.utility, a.utility:visited { font-size: 70%; text-decoration: none; color: #000000;}
a.utility:hover              { text-decoration: underline;}
a.conutility, a.conutility:visited      { font-family: arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.conutility:hover                      { text-decoration: underline; }
a.contentlink, a.contentlink:visited { font-weight: bold; color: #000000;  }
a.contentlink:hover                  { text-decoration: underline;  }

#rightcolumn a.contentlink, #rightcolumn a.contentlink:visited, #rightcolumn a.contentlink:hover  { font-size: 75%; }

a.page, a.page:visited                  { color: #336699; text-decoration: none; font-weight: bold; }
a.currentpage, a.currentpage:visited    { color: #CC0033; text-decoration: none; font-weight: bold; }
a.backto, a.backto:visited              { color: #CC0033; }
a.backto:hover                          { text-decoration: none; }
a.partner, a.partner:visited { color: #000000; text-decoration: none;}
a.partner:hover              { text-decoration: underline;}
a.current, a.current:visited { color: #000000; font-weight: bold;}
a.current:hover              { text-decoration: underline;}
a.theme, a.theme:visited {font-size: 75%; text-decoration: none; color: #000000; font-weight: bold;}
a.theme:hover {text-decoration: underline;}
a.subtheme, a.subtheme:visited {font-size: 75%; text-decoration: none; color: #000000;}
a.subtheme:hover {text-decoration: underline;}

a.themeSel, a.themeSel:visited {font-size: 75%; text-decoration: none; color: #FFFFFF; font-weight: bold;}
a.themeSel:hover {text-decoration: underline;}
a.subthemeSel, a.subthemeSel:visited {font-size: 75%; text-decoration: none; color: #FFFFFF;}
a.subthemeSel:hover {text-decoration: underline;}

a.adsearch, a.adsearch:visited {font-size: 80%; color: #000000; font-weight: normal;}
a.adsearch:hover {text-decoration: underline;}
a.bottommenu, a.bottommenu:visited {font-size: 75%; color: #000000; font-weight: normal;}
a.bottommenu:hover {text-decoration: underline;}

.search {font-weight: bold;}

.sdnintro          { color: #FF0000; font-size: 85% }
.sdn, .sdn:visited { color: #FF0000; text-decoration: none; font-size: 85% }
.sdn:hover         { text-decoration: underline; }

.explore        { background-color: #0066CC; color: #FFFFFF; font-weight: bold;}

.sponsor        { font-size: 55%; color: #999999; }
.quote          { font-size: 90%; font-style: oblique; }
.bottom         { font-size: 75%; color: #000000; font-weight: normal;}

.pcolour1       { background-color: #0099FF; }
.pcolour2       { background-color: #0066CC; }
.pcolour3       { background-color: #99CCFF; }
.ccolour1       { background-color: #0066CC; }
.pcolourtext    { color: #0066CC;            }


.menuheading    { font-size: 80%; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #99CCFF; border-top: 1px solid #99CCFF; padding: 4px 0px 4px 0px; }



div.menu        { padding: 0px 3px 0px 3px; }

.sectionhead    { font-size: 130%; font-weight: bold; }
.sepgrey        { background-color: #CCCCCC; }
.whatsnew             { background-color: #0066CC; color: #FFFFFF; font-weight: bold; width: 100%; padding-left: 0.5em;}
.righttitle, .rhtitle { background-color: #0066CC; color: #FFFFFF; font-weight: bold; width: 100%; padding-left: 0.5em;}
.right          { font-size: 80%; color: #000000; font-weight: normal; padding : 5px}
.rightnopad     { font-size: 80%; color: #000000; font-weight: normal; padding : 0px}
.adverttitle    { color: #999999; }
.onthisdaydate  { font-size: 80%; font-weight: bold; color: #33CCCC; }
.storytitle     { font-size: 120%; color: #000000; font-weight: bold; }
.chaptertitle   { font-size: 80%; color: #000000; font-weight: bold; }
.resourcetitle  { font-size: 120%; color: #000000; font-weight: bold; }
.caption        { font-size: 70%; font-style: oblique; }
.important      { color: #FF0000; }
.dropdown       { width: 100%; }
.narroption     { font-size: 85%; }

.checkbox {  border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; clear: none; }
.box {  border: none}
.table {  border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.formobject {  height: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.button  { border: 1px #666666 solid; background-repeat: no-repeat; height: 18px; width: 56px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000;  background-color: #cecece; text-decoration: none}
.button2 { border: 1px #666666 solid; background-repeat: no-repeat; height: 18px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; background-color: #cecece; text-decoration: none}
.button3 { border: 1px #666666 solid; background-repeat: no-repeat; height: 18px; width: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; background-color: #cecece; text-decoration: none }

.borderlessTableFixedCol    { table-layout:fixed }
.normalTableFixedCol        { table-layout:fixed }

/* BEGIN embedded images */
.embedTableLeft{background: #FFFFFF;
            border: 1px solid black;
            float: left;
            margin: 3px;
            }
.embedTableRight{background: #FFFFFF;
            float: right;
            border: 1px solid black;
            margin: 3px;
            clear: right;}
.embedTableCentre{background: #FFFFFF;
                border: 1px solid black;
                margin: 3px;}
.embedTableCell{background: #FFFFFF;}

.embedTitle{font-size: 90%; color: #000000; font-weight: bold;}
.embedImageCaption{font-size: 85%; font-style: oblique;}
.embedPlayersLink{  font-size: 80%;
                    text-decoration: none;
                  }
.embedPlayersLink:hover{  font-size: 80%;
                    text-decoration: underline;
                   }
.embedPlayersBreak  {   font-size: 80%;
                        color: #336699;
                    }
.embedHelpLink  {font-size:85%;
                 color: #336699; }

/* galleries & fact files */

.gallerycollectionheading { font-size: 80%; font-weight:bold; padding-left:2px; padding-bottom: 5px}
.gallerycollectionimagebox { border: #33CCCC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 2px}
.gallerytitlecell { padding: 4px; background: #00CCFF; color: #ffffff}
.gallerycell { text-align: center; padding-left: 0px; padding-right: 0px; border: #00CCFF; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.gallerymagglasscell { padding: 2px; border: #00CCFF; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.gallerydescriptioncell { background:#dddddd; padding: 2px; border: #00CCFF; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.galleryshimcell { border: #00CCFF; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.galleryMediaBox{background: #FFFFFF; border: 1px solid black; margin: 3px;}
.funandgames { background-color: #3366CC; color: #FFFFFF;  font-family: Futura, Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; padding: 2px 2px 2px 5px; width: 100% }
.factfileheading { font-size: 150%; padding-left:8px; padding-bottom: 0px; margin-bottom: 0px }
.factFileChapterIndex { margin-left:20px }
.factfilestrapline { font-weight: bold; font-size: 90%; background-color: #0066CC; color: #FFFFFF; padding-left:10px; padding-bottom: 4px; padding-top: 4px; padding-right:10px}
.factfilesectionheader { background-color: #00CCFF; color: #FFFFFF; font-weight: bold; font-size: 90%; border-bottom: 0px; padding-left:10px; padding-bottom: 4px; padding-top: 4px; padding-right:10px}
.colouredfactfilesectionheader { color: #FFFFFF; font-weight: bold; font-size: 90%; border-bottom: 0px; padding-left:10px; padding-bottom: 4px; padding-top: 4px; padding-right:10px}
.factfilesectionbody { border-top: 0px}
.factfiledateitemtext { font-size: 85%}
/* ImageMap */
table.imagemaptable { width: 100% }
.imagemaptitlecell { background: #0099FF;text-align: center; border: #0066CC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.imagemapcontentcell { padding: 0px; text-align: center; border: #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.imagemapinstruction { font-size: 90%; font-weight: normal; padding: 2px;}
.imagemaptitle { font-size: 110%; font-weight: bold; padding: 2px;}
.imagemapcaption { font-size: 90%; font-weight: bold; padding: 2px;}
.popUpTitle { margin: 0px; padding:0px}

.popUpContentTable { margin-left: 8px; margin-top: 8px; margin-bottom: 8px; border-color: #0099FF; border-style: solid; border-width: 1px; padding: 10px; width:360px}
.infotitle { font-size: 200%; color: #0099FF; padding-right: 8px}
/* voxpop */
.voxpopfieldnamecell { font-weight: bold; width: 200px;}
.voxpopmontagetable { border-color: #3366CC; border-style: solid; border-top-width: 2px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 1px}
.voxpopmontagecell { border-color: #3366CC; border-style: solid; border-top-width: 0px; border-bottom-width: 2px; border-right-width: 2px; border-left-width: 0px}