/* ------------------------ */
/* 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: 130%; background-color: #537cbb; background-image: url(images/bg.gif); background-repeat: repeat;  font-size: 10pt; color: #5f5f5f; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    
    a        {text-decoration: none; color: #537cbb;}
    a:hover  {border-bottom: 1px dotted #537cbb; color: #6791d1;}
    
    h1       {color: #ea8a00; font-family: Arial; line-height: line-height: 160%; margin-bottom: 0px; margin-top: 0px; font-size: 24px; display: block; border-bottom: 1px solid rgb(237,201,149);}
    h2       {color: rgb(95,95,95); font-family: Arial; margin-bottom: 0px; font-size: 16px; }
    h3       {color: #ea8a00; font-family: Arial; margin-bottom: 0px; font-size: 16px;}
    h4       {color: rgb(95,95,95); font-family: Arial; margin-bottom: 0px; font-size: 14px; }
    
    img             {border: none;}
    input           {border: 1px solid #bfbebe; margin-bottom: 2px; background-color: #f8f8f8; color:#5f5f5f;}
    input:hover     {border: 1px solid rgb(53,95,169);}
    textarea        {border: 1px solid #bfbebe; margin-bottom: 2px; background-color: #f8f8f8; color:#5f5f5f;}
    textarea:hover  {border: 1px solid rgb(53,95,169);}
    

    #clear   { clear: both; }
/* ----------------------------------------------------------------------------- */



/* CONTAINERS ------------------------------------------------------------------ */
   
    #maincontain  {border: 8px solid #5f5f5f; border-top: none; border-bottom: none; width: 900px; }
    #container    {width:100%; background-color: #efefef;}

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



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

    #header       {padding: 20px; width: 860px; height: 139px; text-align: left; background-image: url(images/header.gif);  background-color: rgb(59,105,185); }
    #title        {color: #5f5f5f; font-family: Arial; font-weight: bold; font-size: 30px; padding-bottom:6px; }
    #slogan       {color: #7a7a7a; font-family: Arial; font-size: 15px; }
    
    #button       {position: fixed; float:right; z-index: 10; width:150px; height: 150px; }
    
/* ----------------------------------------------------------------------------- */




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

    #menu               {padding-top: 25px; font-family: arial; font-size: 13px; width: 200px; text-align: left; border-right: 1px dotted #bfbebe;}
    #navlist            {margin: 0;}
    #navlist ul         {list-style: none; margin:0px; padding-left: 20px; padding-right: 20px;}
    #login_hold         {text-align: center; padding: 10px;}
    #loginbox           {border: 1px solid #bfbebe; padding:5px; font-size: 12px;}
    #loginbox legend    {font-weight: bold; color: #5f5f5f;}
    #loginbox .textbox  {width: 140px;}
    #loginbox .button   {float:right; margin-right: 10px;}

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


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

    #content-table  {width: 100%; border-top: 1px solid white;}
    #content        {padding: 25px; text-align: left; vertical-align: top; width: 550px; }

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



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

    #art_title        {color: rgb(51,91,161); font-family: Arial; font-size: 16px; font-weight: bold; }
    #art_title_big    {color: #333366; font-family: Arial; line-height: 120%; font-size: 20px; 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; border-bottom: 1px dotted rgb(191,190,190);}  
    .art_date         {font-family: Arial; font-size: 10px;}  
    .comment01        {background-color: rgb(244,244,244); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(207,207,207); border-left: none; border-right: none; }
    .comment02        {background-color: rgb(244,244,244); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(207,207,207); border-left: none; border-right: none;}
    .comment01:hover,
    .comment02:hover  {background-color: rgb(252,252,252); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(60,138,224); border-left: none; border-right: none;}
    .com_author       {color: rgb(83,124,187); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold; border-bottom: 1px dotted rgb(230,230,230);}
    .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; text-align: right;}
    .com_post_table   {text-align: left; }
    #com_post_box     {text-align: left; display:none;}
    
/* ----------------------------------------------------------------------------- */

/* FOOTER ---------------------------------------------------------------------- */ 
    
    #logos                {width: 900px; padding: 10px; text-align: center; vertical-align: middle; background-color: white; border-top: 5px solid rgb(77,118,182); }
    #logos img            {vertical-align: middle;}
    #footer               {width: 890px; padding: 5px; padding-right: 20px; border-bottom: 10px solid rgb(49,89,155); text-align:right; height: 50px; font-size: 11px; line-height: normal; background-color: rgb(77,118,182); color: rgb(218,218,218);}
    #footer a:link, 
    #footer a:visited     {text-decoration: none;  color: rgb(218,218,218);}
    #footer a:hover       {text-decoration: underline; }
/* ----------------------------------------------------------------------------- */