a                          {font-weight: bold; color: #4664AA;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:link                     {font-weight: bold; color: #4664AA;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:visited                  {font-weight: bold; color: #4664AA;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:active                   {font-weight: bold; color: #4664AA;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:hover                    {font-weight: bold; color: #E97E32;  text-decoration: underline;                font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}

a.currentposition          {font-weight: bold; color: #333366;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.currentposition:link     {font-weight: bold; color: #333366;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.currentposition:visited  {font-weight: bold; color: #333366;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.currentposition:active   {font-weight: bold; color: #333366;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.currentposition:hover    {font-weight: bold; color: #666690;  text-decoration: underline;                font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}

a.list-style01H            {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01H:link       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01H:visited    {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01H:active     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01H:hover      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 2px;  margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style01             {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01:link        {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01:visited     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01:active      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 2px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style01:hover       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 2px;  margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style02             {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02:link        {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02:visited     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02:active      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02:hover       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 6px;  margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style02H            {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02H:link       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02H:visited    {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02H:active     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 6px;  margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style02H:hover      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 6px;  margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style03             {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03:link        {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03:visited     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03:active      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03:hover       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 10px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style03H            {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03H:link       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03H:visited    {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03H:active     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style03H:hover      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 10px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style04             {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04:link        {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04:visited     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04:active      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04:hover       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 14px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style04H            {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04H:link       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04H:visited    {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04H:active     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style04H:hover      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: bold;   padding-left: 14px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

a.list-style05             {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style05:link        {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style05:visited     {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style05:active      {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.list-style05:hover       {border-bottom: 1px dotted #4664AA; height: 19px; font-weight: normal; padding-left: 18px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}




a.menu-top                 {                     font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.menu-top:link            {                     font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.menu-top:visited         {                     font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.menu-top:active          {                     font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
a.menu-top:hover           {background: #668DC8; font-size: 13px; color: white;   font-weight: bold; text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}



/* body     {font-size: 11px;  line-height: 16px; margin: 0px 0px 0px 0px; padding: 0; width: 1060px;  margin-top:0;   color: #4664AA; text-decoration: none;   font-weight: normal;            font-family: verdana, helvetica,  Geneva, arial, sans-serif} */
body     {font-size: 11px;  line-height: 16px; height: 100%; margin: 0px auto; padding: 0; background: #BDCAE7;   color: #4664AA; text-decoration: none;   font-weight: normal;            font-family: verdana, helvetica,  Geneva, arial, sans-serif}



/* div classes - can be used multi-times per page */
/* To show all the div borders set border: #000 1px solid;*/
div                              { border: #000 0px solid; }
div.container-map                { border: none;  padding: 2px; margin: 2px; float: left; width: 325px;}
div.container-map-large          { border: none;  padding: 2px; margin: 2px; float: left; width: 440px;}
div.container-map-menu           { border: none;  padding: 2px; margin: 2px; float: right; width: 140px;}
div.verticalspacer1              { border: none;  float: left; height: 20px; width: 100%}


div.container-mainphoto-right       { width:  270px;                                            float: right;                          }
div.container-mainphoto-right p     {text-align: right; color: #4664AA; font-size: smaller;    text-indent: 0;   }
div.container-mainphoto-right img   {border: none;               padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; float: right; }
div.container-quiclinks-right    { width:  150px;                                            float: right; background-color:#ffffff;}
div.container-right              {background: #E6EAF6; border: #D1D9EF 2px solid;  padding: 6px; margin: 6px; float: right; }
div.container-right p            {text-align: center; color: #4664AA; font-size: 11px;    text-indent: 0;  }
div.container-videoclip-right    {background: #E6EAF6; border: #D1D9EF 2px solid;  padding: 6px; margin: 6px; float: right; }
div.container-videoclip-right p  {text-align: center; color: #4664AA; font-size: 11px;    text-indent: 0;  }
div.container-webcam-right       {background: #E6EAF6; border: #D1D9EF 2px solid;  padding: 3px; margin: 3px; float: right; }
div.container-webcam-right p     {text-align: center; color: #4664AA; font-size: smaller;    text-indent: 0;  }

div.overview                     { width: 740px;               float: left;   }
div.overview-left                { width: 550px;               float: left;   }
div.overview-right               { width: 180px;               float: right;  }



/* Note how the padding-top is 5px and so we reduce the height of the a tag to 35 instead of 40 to take this */
/* into account. Also note that display: block and line-height need to be used to create full box effect */
/* Oh yes, and vertical-align doesn't seem to work on the text !! */
div.menubar-section             {height: 40px;               float: left; padding-top:5px;}
div.menubar-section a           {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA;                             text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
div.menubar-section a:link      {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA;                             text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
div.menubar-section a:visited   {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA;                             text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
div.menubar-section a:active    {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA;                             text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}
div.menubar-section a:hover     {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: white;   background-color: #668DC8;  text-decoration: none;  font-family: verdana, tahoma, helvetica,  Geneva, arial, sans-serif}

/* div id's - can only be used once per page */
#all                       { width: 1060px; height:  100%;              background-color:#ffffff; margin:0 auto;}

#all-header                { width: 1060px; height: 250px; float:  left; background-image:url(header_1060x250.png)}
#all-header-logo           { width:  273px; height: 141px; float:  left; background-image:url(logo_273x141.png)}
#all-header-topbar         { width:  744px; height:  37px; float:  left; background-image:url(topbar_747x37.png)}
#all-header-menubar        { width: 1020px; height:  35px; float:  left; background-image:url(titlebar_1020x35.png)}
#all-header-menubarspacer  { width:   20px; height:  35px; float:  left;  }
#all-header-spacer         { width: 1060px; height:  74px; float:  left;  }

#all-footer                { width: 1060px; height:  35px; float:  left;  }
#all-footer-barspacer      { width:   20px; height:  35px; float:  left;  }
#all-footer-bar            { width: 1020px; height:  35px; float:  left; background-image:url(footerbar_1020x35.png)}

/* Remember the padding is added to the width value. */
#all-mid                   { width: 1060px;  float:  left; }
#all-mid-marginleft        { width:   30px;  float:  left; background: #BDCAE7; background-image:url(sidebarleft_30x1.png); background-repeat: repeat-y;}
#all-mid-marginright       { width:   30px;  float:  left; background: #BDCAE7; background-image:url(sidebarright_30x1.png); background-repeat: repeat-y;}
#all-mid-main              { width: 1000px;  float:  left; background-color:#ffffff;}
#all-mid-main-currentpos   { width: 1000px; height:  40px; float:  left; background-color:#ffffff;}
#all-mid-main-currentpos p {                               vertical-align: bottom;  }
#all-mid-main-leftmenu     { width:  200px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-leftspacer   { width:   40px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-rightspacer  { width:   20px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-centre       { width:  600px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-centre-l1    { width:  305px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-centre-r1    { width:  255px;                                            float: right; background-color:#ffffff;}
#all-mid-main-adverts      { width:  140px;                                            float:  left; background-color:#ffffff;}
#all-mid-main-footer       { width: 1000px;                                            float:  left; background-color:#ffffff;}

/* Divs for columns in main section. See num of cols is specified plus also the ration of left and right 7030 means 70% then 30% */
div.main-centr-2col-5050-1 { width:  290px;                                            float:  left; background-color:#ffffff;}
div.main-centr-2col-5050-2 { width:  290px;                                            float: right; background-color:#ffffff;}
div.main-centr-2col-7030-1 { width:  400px;                                            float:  left; background-color:#ffffff;}
div.main-centr-2col-7030-2 { width:  180px;                                            float: right; background-color:#ffffff;}


/* NOTE - at moment use Tables rather than div for the main section - more relaible !! */
table.all-mid              { width: 1060px; height:  100%; border: 0px; border-spacing: 0px;}
td.all-mid-marginleft      { width:   30px; height:  100%; border: 0px; border-spacing: 0px; vertical-align:top;   background: #BDCAE7; background-image:url(sidebarleft_30x1.png); background-repeat: repeat-y;}
td.all-mid-marginright     { width:   30px; height:  100%; border: 0px; border-spacing: 0px; vertical-align:top;   background: #BDCAE7; background-image:url(sidebarright_30x1.png); background-repeat: repeat-y;}
td.all-mid-main            { width: 1000px; height:  100%; border: 0px; border-spacing: 0px; vertical-align:top;   background-color:#ffffff;}


#header-spacer             { width: 1060px; height: 30px; float: left; background-color:#ffffff;}
#header-left               { width: 520px; float: left;  border: #000 0px solid; background-color:#ffffff;}
#header-right              { width: 540px; float: right; border: #000 0px solid; background-color:#ffffff;}
#main                      { width: 740px; height: 100%; float: right; background-color:#ffffff;}
#main-left                 { width: 345px; height: 100%; float: left; background-color:#ffffff;}
#main-left50               { width: 345px; height: 100%; float: left; background-color:#ffffff;}
#main-left70               { width: 490px; height: 100%; float: left; background-color:#ffffff;}
#main-left100              { width: 740px; height: 100%; float: left; background-color:#ffffff;}
#main-right                { width: 345px; height: 100%; float: right; background-color:#ffffff;}
#main-right30              { width: 200px; height: 100%; float: right; background-color:#ffffff;}
#main-right50              { width: 345px; height: 100%; float: right; background-color:#ffffff;}
#map-accomodation          { width: 540px; height: 540px; float: left; }
#map-accomodation-list     { width: 195px; float: right; }
#map-indoor                { width: 540px; height: 540px; float: left; }
#map-indoor-list           { width: 195px; float: right; }
#map-outdoor               { width: 500px; height: 500px; float: left; }
#map-outdoor-list          { width:  95px; float: right; }
#map-shops                 { width: 540px; height: 540px; float: left; }
#map-shops-list            { width: 195px; float: right; }
#map-top10                 { width: 550px; height: 350px; float: left;}
#map-top10-list            { width: 180px; float: right; }


/* Headers */

/* h1.PageTitle - this is the title for each page. It is currently large-size blue text that has no background. */
h1.PageTitle                 {height: 50px; line-height: 50px; font-size: 16px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}

/* h1.SectionHeader - this is header for a section on a page. It is currently mid-size blue text that has no background. */
h1.SectionHeader                 {height: 50px; line-height: 50px; font-size: 14px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}

/* h1.SectionHeaderAdverts - this is the Section Header for adverts on home page. It is currently large-size blue text that has no background. */
h1.SectionHeaderAdverts      {font-size: 12px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}

/* h1.SectionSubHeader - this is sub header for a section on a page. It is currently smaller-size blue text that has no background. */
h1.SectionSubHeader                 {font-size: 10pt; font-weight: bold; color: #4664AA;   font-family: verdana, helvetica,  Geneva, arial, sans-serif}



html {height: 100%; }

/* Images - note the float left and right and also the padding. */
img.border-nopad      {border: thin silver solid;  padding: 0px; margin: 0px; }
img.left-border-pad        {border: thin silver solid;  padding: 2px; margin: 2px; float: left;  }
img.left-border-nopad      {border: thin silver solid;  padding: 0px; margin: 0px; float: left;  }
img.left-noborder-pad      {border: none;               padding: 2px; margin: 2px; float: left;  }
img.left-noborder-nopad    {border: none;               padding: 0px; margin: 0px; float: left;  }
img.right-noborder-nopad   {border: none;               padding: 0px; margin: 0px; float: right; }
img.right-noborder-pad     {border: none;               padding: 2px; margin: 2px; float: right; }



/* li.subheader01 is a filled mid blue box with grey border. */
li.subheader01             {height: 19px; padding-left: 2px; font-size: 8pt; font-weight: bold; color: #444444; margin: 0px; display: block; background: #BBD8FB; border: 1px solid #CCCCCC; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}



p.keywords                 {font-size:  7pt; color: #999999;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}
p.articleauthor            {font-size:  8pt; color: #999999;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}



/* style00 is un-filled - just blank. */
table.style00              {width: 100%; border: 0px; border-spacing: 5px;}
table.style00 td           {height: 18px; vertical-align:top   ; text-align: left;                      padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 5px;                      font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.style00 th           {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 5px;                      font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
/* style01 is filled in a mid blue colour. */
table.style01              {width: 100%; border: 0px; border-spacing: 2px;}
table.style01 td           {height: 18px; vertical-align:top   ; text-align: left;                      padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.style01 th           {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.styleMedalTable01    {width: 100%; border: 0px; border-spacing: 2px;}
table.styleMedalTable01 td {height: 18px; vertical-align:top   ; text-align: center;                    padding-left: 2px; padding-right: 2px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.styleMedalTable01 th {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 2px; padding-right: 2px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}



td                         {padding: 0; font-size:  8pt; line-height: 140%;  font-weight: normal;   color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
td.banner                  {font-size: 14pt; font-weight: bold; color: #999999;   background: white ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}



th                         {padding: 0; font-size:  8pt; line-height: 140%; text-align: center; font-weight: bold;   color: #000000;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style1        {font-size: 11px; text-align: center;  font-weight: bold; color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style2        {font-size: 12px; text-align: center;  font-weight: bold; color: white; background: #95BCDF;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style3        {font-size: 11px; text-align: left;  font-weight: bold; color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-topten        {font-size: 12px; text-align: left;  font-weight: bold; color: white; background: #95BCDF;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}


/* un-ordered lists. */

ul.style01                 { list-style-type: none;  padding: 0;  margin: 0;  top: 2em;  left: 1em; }
ul.style01 li              {  }




#navcontainer
{
position:absolute;

height: 40px;
top: 0; margin: 0;

padding-left: 0;
margin-left: 0;
width: 100%;
font-family: arial, helvetica, sans-serif;
}



ul#navlist
{
background-color: #036;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {

}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
vertical-align: bottom;
color: #fff;
background-color: #369;
text-decoration: none;
}
