@charset "utf-8";

/*----------------------------------------------------------------------------------------------------*/
/*-- GENERAL -----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
 body                     { margin:0;                padding:0;               background:black; }
 #Main                    { margin:10px auto auto;   padding:0;               width:800px; height:600px; background:url(../Images/Background.jpg); overflow:hidden; }

/*----------------------------------------------------------------------------------------------------*/
/*-- HEADER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
 #Header                  { margin:0;                padding:9px 0 0 0;                    }

  #Name                   { margin:0 auto;           padding:0;               width:422px; }
   #Name a                { margin:0;                padding:0;               display:block; height:27px; width:422px; background:url(../Images/Name.png) no-repeat; border:none; }

  h1                      { margin:0;                padding:10px 0 5px 0;    color:#2FCF6F; font:16px Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; text-transform:uppercase; }

  #Menu                   { margin:0;                padding:0;               height:30px; background:url(../Images/Menu_Bar.png); font:14px Verdana, Geneva, sans-serif; text-align:center; text-transform:capitalize; }
   #Menu #Area            { margin:0 auto;           padding:1px 0;           width:300px; }
    #Menu a               { margin:0;                padding:5px 0 0;         float:left; display:block; height:23px; width:100px; color:#000; text-decoration: none; }
    #Menu a:hover         {                                                   color:#2FCF6F; background:url(../Images/Menu_Hover.png); font-weight: bold; }
    #Menu a:active        {                                                   color:#3FFF8F; }

/*----------------------------------------------------------------------------------------------------*/
/*-- LIST --------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
 #List                    { margin:11px 0px 11px 22px;                         position:relative; height:448px; width:152px; float:left; font-family: Verdana, Geneva, sans-serif; text-align:right; text-transform:capitalize; }
  #List .SpaceAbove       {                                                    height:5px; }
  #List .SpaceGeneral     {                                                    height:10px; border-right:1px solid #EFEFEF; }
  #List .SpaceBelow       {                                                    height:80px; border-right:1px solid #EFEFEF; }
  #List h2                { margin:0;                padding:0 0 8px 0;        display:block; color:#360; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; border-right:1px solid #EFEFEF; }
  #List h3                { margin:0 0 0 10px;       padding:6px 4px 6px 0;    display:block; color:#002F6F; font-size: 12px; font-weight: bold; border-top: 1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; }
  #List a                 { margin:0 0 0 10px;       padding:6px 20px 7px 0px; display:block; color:#002F6F; font-size: 12px; text-decoration:none; border-right:1px solid #EFEFEF; }
  #List a:hover           {                                                    background:url(../Images/List_Hover.png) no-repeat; color:#3F8FFF; font-weight:bold; }
  #List a:active          {                                                    color:#4FAFFF; }
  
  #Logo                   { margin:0;                padding:0; }
   #Logo a                { margin:0;                padding:0;                display:block; height:40px; width:40px; background:url(../Images/Logo.png) no-repeat; position:absolute; bottom:10px; left:10px; border-right:none; }
   #Logo a:hover          {                                                    background:url(../Images/Logo_Hover.png); }
   #Logo p                { margin:0;                padding:0;                height:11px; width:99px; color:#002F6F; font-size:9px; position:absolute; bottom:10px; left:55px; }
    
/*----------------------------------------------------------------------------------------------------*/
/*-- BODY --------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/   
 #Content                 { margin:11px 0 11px 1px;  padding:0;                overflow:auto; float:left; height:448px; width:603px; color:#002F7F; font:normal 12px Verdana, Geneva, sans-serif; line-height:15px; text-align:justify; }

  #General                { margin:22px 25px;        padding:0; }
   #General h4            { margin:0;                padding:0;                font-weight:bold; font-size:12px; text-decoration:underline; text-transform:capitalize; }
   #General p             { margin:2px 8px 8px 8px;  padding:0; }
   
  #Table                  { margin:13px 23px;        padding:0; }
   #Table th              { margin:0;                padding:7px 0 0 0;        font-weight:bold; font-size:12px; text-decoration:underline; text-transform:capitalize; text-align:justify; }
   #Table td              { margin:0;                padding:0 8px; }
  
  #Pictures               { margin:25px 25px 0 25px; padding:0;                z-index: 0;  position:relative; border:1px solid #EFEFEF; height:396px; width:551px; }
   #Pictures a            { margin:10px 0 0 10px;    padding:0;                border:1px solid #EFEFEF; display:block; height: 40px; width: 55px; color:#002F7F; font-weight:bold; text-decoration:none; }
   #Pictures a img        {                                                    border:0; height: 40px; width: 55px; }
   #Pictures a span       {                                                    position:absolute; top:400px; display:none; width:551px; text-align:center; }
   #Pictures a:hover      {                                                    border-color:#2FCF6F; }
   #Pictures a:hover img  {                                                    z-index: -1; position:absolute; left:0; top:0; height:396px; width:551px; }
   #Pictures a:hover span {                                                    display:block; position:absolute; top:401px; right:0; left:0; }

/*----------------------------------------------------------------------------------------------------*/
/*-- FOOTER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
 #Footer                  {                                                    clear:both; height:20px; background:url(../Images/Footer_Bar.png) repeat-x; color:#000; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; }
  #Footer #Area           { margin:0;                padding:2px 0 0 0;        text-align:center; }
  #Footer a               {                                                    color:#000; }
  #Footer a:hover         {                                                    color:#009F4F; }