/* ------------------------ */
/* Jump 1.0                 */
/* 29 November 2006         */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* steve@freshervisions.com */
/* ------------------------ */



/* GLOBAL PROPERTIES ----------------------------------------------------------- */

    BODY     {font-family: 'Microsoft Sans Serif', 'Lucida Sans', arial, 'Microsoft Sans Serif'; line-height: 160%; background: rgb(127,127,127); font-size: 13px; color: #3f3f3f; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    
    a        {text-decoration: none; color: #3599d7; }
    a:hover  {text-decoration: underline; }
    
    h1       {color: #3599d7; font-family: Arial; margin-bottom: 0px; margin-top: 0px; font-size: 24px; display: block; border-bottom: 1px dotted rgb(223,223,223);}
    h2       {color: #595656; font-family: Arial; margin-bottom: 0px; font-size: 18px; }
    h3       {color: #3599d7; font-family: Arial; margin-bottom: 0px; font-size: 16px; }
    h4       {color: #595656; font-family: Arial; margin-bottom: 0px; font-size: 14px; }
    
    #clear   { clear: both; }
/* ----------------------------------------------------------------------------- */



/* CONTAINERS ------------------------------------------------------------------ */
   
    #maincontain  {border: 4px solid rgb(102,102,102); border-top: none; width: 772px; background: rgb(236,233,216); }
    #container    { width:100%; background: white; }

/* ----------------------------------------------------------------------------- */



/* HEADER ---------------------------------------------------------------------- */

    #head         {width: 100%; height: 70px; text-align: left; background-color: #000000; }
    #top-head     {width: 100%; height: 60px; text-align: left; background-color: black; }
    #title        {color: rgb(253,119,0); font-family: Arial; vertical-align: middle; padding: 15px; font-size: 28px; }
    #title2       {color: #ffffff; font-family: Arial; vertical-align: middle; padding: 15px; font-size: 27px; }
    #topbar       {width: 100%; height: 8px; text-align: left; background-color: #fd7700; }
   

/* ----------------------------------------------------------------------------- */




/* MENU ------------------------------------------------------------------------ */

    #rightside          {padding-top: 25px; font-family: arial; font-size: 14px; width: 200px; text-align: left; border-right: 1px dotted #bfbebe;}
    #menu-head          {width: 120px; background-color: #CC3333; }
    #inhold             {display:inline;}
    #menu-link          {border-top: 0px solid white; margin-right: 1px; padding: 5px; padding-bottom: 0px; background-color: white; display:inline; }
    #menu-link a        {padding: 12px; padding-bottom: 0px; color: rgb(102,102,102); }
    #menu-link a:hover  {text-decoration: none;}
    #menu-link:hover    {border-top: 5px solid white; background-color: white; display: inline;}
    #menu-link-on a     {display: block; padding: 10px; background-color: #000000; display:inline; }
    
    #login_hold         {text-align: center; padding: 10px;}
    #loginbox           {border: 1px solid #bfbebe;}
    #loginbox legend    {font-weight: bold; color: #5f5f5f;}
    #loginbox .textbox  {width: 130px; margin-bottom: 2px; border: 1px solid #bfbebe;}

    
    img {
    border: none;
    }
    
    /*- Menu Tabs 5--------------------------- */
    
        #tabs5 {
          float:left;
          width:100%;
          background:black;
          font-size:93%;
          line-height:normal;
          }
        #tabs5 ul {
              margin:0;
              padding:10px 10px 0 50px;
              list-style:none;
          }
        #tabs5 li {
          display:inline;
          margin:0;
          padding:0;
          }
        #tabs5 a {
          float:left;
          background:url("images/tableft5.gif") no-repeat left top;
          margin:0;
          padding:0 0 0 4px;
          text-decoration:none;
          }
        #tabs5 a span {
          float:left;
          display:block;
          background:url("images/tabright5.gif") no-repeat right top;
          padding:5px 15px 4px 6px;
          color:#FFF;
          }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #tabs5 a span {float:none;}
        /* End IE5-Mac hack */
        #tabs5 a:hover span {
          color:#FFF;
          }
        #tabs5 a:hover {
          background-position:0% -42px;
          }
        #tabs5 a:hover span {
          background-position:100% -42px;
          }
    
          #tabs5 #current a {
                  background-position:0% -42px;
          }
          #tabs5 #current a span {
                  background-position:100% -42px;
          }


/* ----------------------------------------------------------------------------- */


/* CONTENT --------------------------------------------------------------------- */

    #content-table  {width: 100%;}
    #content        {background-color: #ffffff; padding: 25px; text-align: left; vertical-align: top; width: 550px; }

/* ----------------------------------------------------------------------------- */



/* ARTICLES -------------------------------------------------------------------- */

    #art_title        {color: #3599d7; font-family: Arial; font-size: 16px; font-weight: bold; }
    #art_title_big    {color: #3599d7; font-family: Arial; font-size: 26px; font-weight: bold; }
    #art_date         {font-family: Arial; font-size: 10px;}  
    #art_content      {font-family: arial; font-size: 13px; background-color: #ffffff; padding: 20px; padding-left: 120px; padding-right: 120px; text-align: justify; vertical-align: top; }  
    .art_date         {font-family: Arial; font-size: 10px;}  
    .comment01        {background-color: rgb(247,247,247); padding-left: 20px; padding-right: 20px; border: 1px solid rgb(207,207,207); border-left: none; border-right: none; }
    .comment02        {background-color: rgb(242,242,242); padding-left: 20px; padding-right: 20px; border: 1px solid rgb(207,207,207); border-left: none; border-right: none;}
    .comment01:hover,
    .comment02:hover  {background-color: rgb(226,238,252); padding-left: 20px; padding-right: 20px; border: 1px solid rgb(60,138,224); border-left: none; border-right: none;}
    .com_author       {color: #3599d7; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 15px; font-weight: bold; }
    .com_subject      {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; }
    .com_date         {font-family: Arial; font-size: 10px;}
    .com_post_table   {text-align: left; }
    #com_post_box     {text-align: left; display:none;}
    
/* ----------------------------------------------------------------------------- */

/* FOOTER ---------------------------------------------------------------------- */ 

    #footerbar            {width: 100%; height: 10px; background-color: rgb(53,123,214); }
    #footer               {width: 772px; text-align:right; height: 50px; font-size: 12px; color: rgb(180,180,180)}
    #footer a:link, 
    #footer a:visited     {text-decoration: none;  color: rgb(127,127,127);}
    #footer a:hover       {text-decoration: underline; }

/* ----------------------------------------------------------------------------- */


* html a:hover{
  visibility:visible
}


#button1 {
   display: block;
   height: 130px;
   width: 150px;
   background: url(images/demo-over.gif) no-repeat;
}

#button1 a {
   height: 130px;
   width: 150px;
   display: block;
}

#button1 a:hover img {
   visibility: hidden;
}