/* ------------------------ */
/* Jump 1.1                 */
/* 12 June 2007         */
/* 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: 140%; background: #747373; font-size: 13px; color: #3f3f3f; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; background-image: url(images/wokingham-bg.jpg); background-repeat: no-repeat;} 
    
    a        {text-decoration: none; color: rgb(3,102,236); }
    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; }
/* ----------------------------------------------------------------------------- */

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

/* forms -------------------------------------------------------------------- */

    .ripeFormBox             {width:auto; padding: 10px;}
    .ripeFormBox table       {width:100%;}
    .ripeFormBox .formLabels {width:100px;}
    .ripeFormBox .textbox    {width:92%; padding: 4px; background-color: rgb(243,243,245); border: 1px solid rgb(200,200,200);}
    .ripeFormBox .textarea   {width:92%; height: 100px; padding: 4px; background-color: rgb(243,243,245); border: 1px solid rgb(200,200,200);}

    .loginTabs         {display: block; background-color: rgb(211,211,211); margin-bottom: 10px;}
    .loginTabs ul      {margin:0px; padding:0px; list-style:none; }
    .loginTabs li      {float: left; padding: 5px;}
    .loginTabs a       {padding: 5px 15px 5px 15px;}
    .loginTabs a:hover {text-decoration: none; background-color: white;}
    .loginTabs li .tabOn {text-decoration: none; background-color: white;}
    
/* ----------------------------------------------------------------------------- */


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

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

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

    #head         {width: 100%; height: 0px; text-align: left; background-color: #ffffff; }
    #top-head     {width: 100%; height: 100px; text-align: left; background-color: white; }
    #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: #343433; }
   

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


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

    #rightside          {padding-top: 25px; width: 250px; text-align: left;}
    #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--------------------------- */
    
    #tabs {float:left; display:block; width:100%; background:url("images/tabbg1.gif") repeat-x ; font-size:93%; line-height:normal;}
    #tabs ul {margin:0; padding:7px 10px 0 10px; list-style:none;}
    #tabs li {float:left; display:block; margin:0px; padding:0px; position: relative;}
    #tabs a {display:block; position: relative; background:url("images/tableft5.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
    #tabs a span {float: left; position: relative; display:block; background:url("images/tabright5.gif") no-repeat right top; padding:5px 15px 4px 6px; color:rgb(248,254,169);}
    /* 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: white;}
    #tabs ul.navlist li a:hover {background-position:0% -42px;}
    #tabs ul.navlist li a:hover span {background-position:100% -42px; color: white;}
    #tabs ul.navlist li.nav_on a {background-position:0% -42px;}
    #tabs ul.navlist li.nav_on a span {background-position:100% -42px; color: white;}
    
    #tabs ul.navlist li ul.subnavlist {float: none; font-size:13px; padding: 0px; margin: 0px; position: absolute; background-color:rgb(97,97,97); 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(253,119,0); height: 100%; }
    #tabs ul.navlist li ul.subnavlist li a span{background-color: rgb(97,97,97); 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(11,67,219);}
    #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; }
    
/* ----------------------------------------------------------------------------- */

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

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

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


/* 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: Arial; font-size: 16px; font-weight: bold; }
    #art_title_big    {color: #3599d7; font-family: Arial; 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 ---------------------------------------------------------------------- */ 

    #footerbar            {width: 100%; height: 10px; background-color: rgb(53,123,214); }
    #footer               {width: 1000px; 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; }

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


/* EVENTS ---------------------------------------------------------------------- */ 

    .bigDateBox           {width: 100%; height: 25px; background-color: rgb(233,233,233); font-size: 25px; padding: 5px; text-align: right;}
    .cal                  {width: 217px; font-size: 105%; color: rgb(100,100,100);}
    .cal  tr.days         {width: 217px; font-size: 105%; color: rgb(0,0,0);}
    .cal a                {color: rgb(30,30,30);}
    .cal td               {padding: 2px; padding-left: 5px; padding-right: 5px; background: rgb(250,250,250)}
    .cal  tr.days td      {padding: 2px; padding-left: 5px; padding-right: 5px; background: rgb(233,233,233)}
    
    .tipHead    {height: 20px;background-color: rgb(223,241,247);color: rgb(60,60,60);font-size: 12px;}
    .tooltip    {position: relative;display: none;z-index: 101;}
    .tooltipC   {position:absolute;top:5px;left:0px;width: 300px;padding: 3px; background-color: rgb(250,250,250);border: 2px solid rgb(17,17,17);font-size: 11px;}
    #calHeader  {width: 100%;}
    #catList    {padding: 20px;}
    #catList li {padding: 2px;border-bottom: 1px solid rgb(233,233,233);}
    #catList ul {list-style-type: square;margin:0px; padding:0px}

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

* html a:hover{
  visibility:visible
}


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


/* ------------------------------------------------------------------------------ */
    #search_term    {height: 20px; width: 180px; padding:3px; float:left; background-color: rgb(238,241,247); border: 1px solid rgb(68,87,158); border-right:none;}
    #srchbox        {width: 240px; font-size: 16px; color: #fff; text-align: left; margin: 0 auto;}
    #top-submit     {border: none; margin-top:0px; padding:0px; float:left;}
    
    
    .dir_cell       {padding-bottom: 8px; border-bottom: 1px dotted rgb(235,235,235);}
    .dir_cell a     {font-weight: bold; color: #F87500; font-size: 15px;}