/*
################################################################################
#
# NTH108 - Stylesheet
#
# Subversion ID: $Id$
# Revised: 2008.06.27.
#
################################################################################
*/

   /* JavaScript Calendar CSS settings */
   @import url(calendar.css);

   /* General settings */
   body                       {margin: 0; padding: 0; text-align: center; color: #FFFFFF; background-color: #000000; font-family: Helvetica, Arial, Sans-Serif; font-weight: normal; font-size: 9pt; font-style: normal; background: url(/images/background.png) left top repeat fixed;}
   div                        {margin: 0; padding: 0;}
   p                          {margin: 0 0 10px 0; padding: 0;}
   a                          {color: #FFFFFF; background-color: inherit; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; font-weight: bold;}
   a:hover                    {color: #FFFFFF; background-color: inherit; text-decoration: underline;}
   a:active                   {color: #FFFFFF; background-color: inherit;}
   a[name]                    {color: inherit; background-color: inherit;}
   img                        {margin: 0; padding: 0; border: none;}
   table                      {margin: 0; padding: 0; border-spacing: 1px; font-size: 9pt;}
   tr                         {padding: 0; margin: 0;}
   td                         {padding: 0; margin: 0;}
   h1                         {color: #FFFFFF; background-color: inherit; font-weight: bold; font-size: 14pt; margin: -15px 0 15px 0; font-family: Helvetica, Arial, Sans-Serif;}
   h2                         {color: #FFFFFF; background-color: inherit; font-weight: bold; font-size: 10pt; margin: 0 0 10px 0; font-family: Helvetica, Arial, Sans-Serif;}
   h3                         {color: #FFFFFF; background-color: inherit; font-weight: bold; font-size: 14pt; margin: 0px 0 15px 0; font-family: Helvetica, Arial, Sans-Serif;}
   hr                         {border-top: #FFFFFF dotted 1px; border-left: none; border-right: none; border-bottom: none; height: 1px;}

   /* Forms */
   form                       {margin: 0; padding: 0; text-align: left;}
   fieldset                   {margin: 0; padding: 0; border: none;}
   label                      {color: #FFFFFF; background-color: inherit; font-size: 9pt;}
   span.asterisk              {color: #CC0000; background-color: inherit;}
   input                      {font-size: 8pt;}
   input[type="text"]         {border: #FFFFFF solid 1px; color: #FFFFFF; background-color: #000000;}
   input[type="password"]     {border: #FFFFFF solid 1px; color: #FFFFFF; background-color: #000000;}
   input[type="submit"]       {color: #FFFFFF; background-color: #000000; border: #FFFFFF solid 1px; font-weight: bold;}
   input[type="submit"]:hover {color: #FFFFFF; background-color: #000000; text-decoration: underline;}
   input[type="reset"]        {color: #FFFFFF; background-color: #000000; border: #FFFFFF solid 1px; font-weight: bold;}
   input[type="reset"]:hover  {color: #FFFFFF; background-color: #000000; text-decoration: underline;}
   input[type="button"]       {color: #FFFFFF; background-color: #000000; border: #FFFFFF solid 1px; font-weight: bold;}
   input[type="button"]:hover {color: #FFFFFF; background-color: #000000; text-decoration: underline;}
   select                     {font-family: Helvetica, Arial, Sans-Serif; font-size: 8pt; border: #FFFFFF solid 1px; color: #FFFFFF; background-color: #000000;}
   option                     {font-family: Helvetica, Arial, Sans-Serif; font-size: 8pt;}
   textarea                   {font-family: Helvetica, Arial, Sans-Serif; font-size: 8pt; border: #FFFFFF solid 1px; color: #FFFFFF; background-color: #000000;}
   .formtable                 {border-spacing: 0;}
   .formlabel                 {background-color: #000000; color: inherit; padding: 5px 5px 5px 5px;}
   .formfield                 {background-color: #000000; color: inherit; padding: 5px 5px 5px 5px;}
   .formbutton                {text-align: right;}

   .gallery                   {color: #FFFFFF; background-color: inherit; font-weight: bold; font-size: 30pt; margin: 0 0 10px 0; font-family: Helvetica, Arial, Sans-Serif;}

   /* Main divs */
   #page                      {width: 1000px; margin: 20px auto 20px auto; padding: 0; text-align: justify;}
   #header                    {width: 1000px; height: 192px; background: url(/images/head_back.png) center top no-repeat;}
   #header_eng                {width: 1000px; height: 192px; background: url(/images/head_back_eng.png) center top no-repeat;}
   #content                   {width: 1000px; float: left; min-height: 410px; background: url(/images/main_back.png) center top repeat-y;}
   #side                      {width: 201px; margin: 0 0 0 50px; float: left;}
   #calendar_top              {width: 201px; height: 45px; background: url(/images/calendar_top.png) center top no-repeat; text-align: center; font-weight: bold; line-height: 45px;}
   #calendar_back             {width: 201px; background: url(/images/calendar_back.png) center top repeat-y; text-align: center; z-index: 5;}
   #calendar_container        {z-index: 15; position: relative;}
   #calendar_bottom           {width: 201px; height: 39px; margin: -20px 0 0 0; background: url(/images/calendar_bottom.png) center top no-repeat; z-index: 10; position: relative;}
   #news_list                 {padding: 10px 15px 10px 15px; }
   #main                      {width: 699px; float: left;}
   #menurow                   {width: 699px; height: 45px; background: url(/images/menu_back.png) center top no-repeat;}
   #main_content              {padding: 10px 20px 10px 20px;}
   #footer                    {width: 1000px; height: 87px; background: url(/images/bottom_back.png) center top no-repeat; clear: both;}

   #language_selector         {font-weight: bold; text-align: right; padding: 52px 52px 0 0;}
   #logo                      {position: absolute; top: 94px; left: 202px;}
   #logo_box                  {width: 170px; height: 60px; display: block;}
   #name                      {position: absolute; top: 117px; left: 643px;}
   #name_box                  {width: 305px; height: 35px; display: block;}
   #left_arrow                {width: 17px; height: 19px; display: block; float: left;}
   #right_arrow               {width: 17px; height: 19px; display: block; float: right;}

   #gallery_bubble            {z-index: 0; text-align: center; position: relative; height: 144px; width: 144px; background: url(/images/bg.png) center top no-repeat; float: left; margin: 37px;}
   #gallery_bubble2            {z-index: 0; text-align: center; position: relative; height: 144px; width: 144px; background: url(/images/bg.png) center no-repeat; float: left; margin: 87px;}

   /* Main menu */
   .menu_item_left            {width: 5px; height: 18px; float: left;}
   .menu_item_right           {width: 5px; height: 18px;}
   .mainmenu                  {list-style: none; margin: 0 0 0 25px; padding: 0;}
   .mainmenu_item             {height: 18px; line-height: 18px; padding: 0; font-weight: bold; float: left;}
   li.mainmenu_item           {margin: 0 2px 0 2px; text-align: center;}
   a.mainmenu_item            {color: #FFFFFF; background-color: inherit; margin: 0; padding: 0 2px 0 2px;}
   a.mainmenu_item:hover      {background: url(/images/menu_item_back.png) left top repeat-x; text-decoration: none;}
   a.mainmenu_item:active     {color: #FFFFFF; background-color: inherit;}

   /* Bottom menu */
   .bottomlink                {color: #FFFFFF; background-color: inherit; font-weight: bold; font-size: 8pt; text-align: center; padding: 10px 0 0 0;}
   a.bottomlink               {color: #FFFFFF; background-color: inherit;}

   /* Underlined */
   .sunderlined                {color: #FFFFFF; background-color: inherit; text-decoration: underline; font-size: 9pt; text-align: center; padding: 10px 0 0 0;}
   a.sunderlined               {color: #FFFFFF; background-color: inherit;}

    
    /* Article pictures */
    .imgright                 {float: right; padding: 0px 0px 10px 10px; }
    .imgleft                  {float: left; padding: 0px 10px 10px 0px; }

    /* Gallery pictures */
    .gpic                     { text-align: center; margin-top:0px; margin-bottom:0px; padding:0px;}

    #related                  {display: block; margin-left: auto; margin-right: auto;}
    .imgrelated               {display: block; margin-left: auto; margin-right: auto;}


    table.details
    {
        border-spacing: 0px;
    }

    table.inside
    {
        padding: 10px;
        border-spacing: 5px;
        margin-bottom: 70px;
    }