/* CSS Document */

/* ------------------------ */
/* BSM 07                   */
/* 26 Nov 2007              */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* steve@freshervisions.com */
/* ------------------------ */

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

    BODY     {font-family: arial, 'Microsoft Sans Serif'; line-height: 160%; background: white; font-size: 13px; color: rgb(69,69,69); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 15px; } 
    
    a        {text-decoration: none; color: rgb(16,132,146) }
    a:hover  {text-decoration: underline; }
    
    h1       {color: rgb(18,131,142); font-family: verdana; margin-bottom: 0px; margin-top: 0px; font-size: 18px; display: block; border-bottom: 1px dotted rgb(183,188,188)}
    h2       {color: #595656; font-family: verdana; margin-bottom: 0px; font-size: 18px; }
    h3       {color: rgb(18,131,142); font-family: verdana; margin: 0px; margin-bottom: 5px; font-size: 15px; border-bottom: 1px dotted #92cd17;}
    h4       {color: #595656; font-family: verdana; margin-bottom: 0px; font-size: 14px; }
    
    .clear   { clear: both; }
    form {margin: 0px;display: inline;}
/* ----------------------------------------------------------------------------- */


/* ripe stuff ------------------------------------------------------------------ */
    .input_hp {display: none;} /* hide honey pot inputs */
    .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ripe notices such as thank you for form submition */
/* ----------------------------------------------------------------------------- */



/* CONTAINERS ------------------------------------------------------------------ */
   
    #maincontain  {width: auto; }
    #container    { width:990px; }

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

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

    #head-contain   {width: auto; height: 153px; text-align: left; background-image: url(images/head-bg.gif); background-repeat: repeat-x; }
    #head           {width: auto; height: 105px; margin-top: 30px; text-align: left; padding-top: 35px; padding-left: 20px; vertical-align: middle; }
    #head-r         {width: auto; height: 153px; float:right; }
   

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


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

    #rightside          {position:relative; padding: 25px; text-align: left; vertical-align: top;}
    #menu-head          {width: 120px; background-color: #CC3333; }
    #menu-left          {vertical-align: top; text-align: center; padding: 5px;}
    
    #menu-left .navlist li  {list-style: none; text-align: left; padding: 2px; border-bottom: 1px dotted rgb(183,188,188)}
    
    
    #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--------------------------- */
    .left {width: 220px; text-align: center;}
    
    #tabs {display:block; width:100%; height: 40px; background:black; background-image: url(images/navbg.gif); background-repeat: repeat-x; font-size:105%; line-height:normal;}

    #tabs ul {margin:0px; padding:0px 45px 0 45px; list-style:none; text-align: center;}
    #tabs li {float:left; display:block; margin:0px; padding:0px; position: relative;}
    #tabs a {display:block; position: relative; background:url("images/tabbg.gif") no-repeat left top; margin:0; padding:10px; height:20px; text-decoration:none;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs ul.navlist li a:hover span {color: rgb(9,9,9)}
    #tabs ul.navlist li a:hover {background-position:0% -84px; }
    #tabs ul.navlist li.nav_on a {background-position:0% -84px;}
    #tabs ul.navlist li.nav_on a {color: rgb(9,9,9)}
    #tabs ul.navlist li.nav_on a:hover span {color: rgb(9,9,9)}
    
    #tabs ul.navlist li ul.subnavlist {float: none; font-size:10px; padding: 0px; margin: 0px; position: absolute; background-color:rgb(10,10,10); width: 100px;}
    #tabs ul.navlist li ul.subnavlist li {text-align:left; width: 100px; padding: 0px; margin: 0px; position: relative;}
    #tabs ul.navlist li ul.subnavlist li a {padding: 0px; margin: 0px; background-image:none; border-left: 3px solid rgb(158,198,48); height: 100%; }
    #tabs ul.navlist li ul.subnavlist li a span{background-color: rgb(10,10,10); background-image:none; border-top: 1px solid rgb(30,30,30); }

    #tabs ul.navlist li ul.subnavlist li a:hover {border-left: 3px solid rgb(131,172,202);}
    #tabs ul.navlist li ul.subnavlist li a:hover span{background-color: rgb(144,180,207); border-top: 1px solid rgb(144,180,207);}
    #tabs ul.navlist li ul.subnavlist li ul.subnavlist {padding: 0px; margin: 0px; margin-left:100px; margin-top: -20px; }
    
    #srch {float:right; padding-top: 6px; padding-right: 15px;}
    #search_term{border:1px solid black; background-color: rgb(233,233,233);}
    
/* ----------------------------------------------------------------------------- */

/* CONTENT --------------------------------------------------------------------- */
    #c_contain      {text-align: left; width: 100%; border-collapse: collapse; border: 0px; padding: 0px; margin: 0px;}
    #content        {padding: 25px; text-align: left; vertical-align: top; width: auto; border: 1px solid rgb(183,188,188) }
    
    #rightside a img         {border: 2px solid rgb(37,37,37); margin-right: 15px;}
    #rightside a img:hover   {border: 2px solid rgb(55,55,55);}
    
/* ----------------------------------------------------------------------------- */


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

    .art              {}
    .art_feat         {border: 1px dotted rgb(82,122,184); padding: 5px; background-color: rgb(242,246,249)}
    .art_title        {color: #3599d7; font-family: verdana; font-size: 18px; }
    #art_title_big    {color: #3599d7; font-family: verdana; font-size: 26px; font-weight: bold; }
    .art_author       {font-family: Arial; font-size: 11px; 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_author       {font-family: Arial; font-size: 11px; font-weight: bold;}  
    .art_img          {float: left; padding-right: 10px;}
    .art_img img      {width: 55px; height: 55px; border: 2px solid rgb(95,95,95);}
    .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_rate         {float: right; font-size: 18px;}
    .com_hide         {color: rgb(187,187,187);}
    .com_post_table   {text-align: left; }
    #com_post_box     {text-align: left; display:none;}
    
/* ----------------------------------------------------------------------------- */

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

    #footer               {width: auto; background-color: rgb(53,53,53); padding-left: 40px; padding-right: 40px; text-align:right; height: 60px; font-size: 12px; color: rgb(153,153,153)}
    #footer a:link, 
    #footer a:visited     {text-decoration: none;  color: rgb(180,180,180);}
    #footer a:hover       {text-decoration: underline; }

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


* html a:hover{
  visibility:visible
}


/* forms -------------------------------------------------------------------- */
    .ripeFormBox             {width:100%;}
    .ripeFormBox table       {width:100%;}
    .ripeFormBox .formLabels {width:120px;}
    .ripeFormBox .textbox    {width:90%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    .ripeFormBox .textarea   {width:90%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    .ripeFormBox #fileUploader #button1 {width:120px; background-color: rgb(244,247,246); border: 1px solid #8d8d8d; padding: 5px; text-align:center;}
    



    .dir_table {width: 100%;}