/* ------------------------ */
/* FV2010 1.0               */
/* 17 March 2008            */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* steve@freshervisions.com */
/* ------------------------ */

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

    body {font-family: 'Tahoma', 'Microsoft Sans Serif'; background-image: url(images/bg.png); background-repeat: repeat-x; background-color: #ECECEC; font-size: 12px; color: rgb(38,38,38); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    
    a        {text-decoration: none; color: rgb(39,120,210); }
    a:hover  {text-decoration: underline; }
    
    h1       {color: rgb(38,38,38); font-family: 'Arial'; margin-top: 0px; margin-bottom: 10px; font-size: 36px; font-weight: normal; display: block; line-height: normal;}
    h2       {color: rgb(38,38,38); font-family: 'Arial'; margin-top: 0px; font-size: 24px; font-weight: normal; line-height: normal;}
    h3       {color: rgb(125,162,64); font-family: 'Arial'; margin-top: 0px; margin-bottom: 5px; font-size: 20px; font-weight: normal; line-height: normal;}
    h4       {color: rgb(125,162,64); font-family: 'Arial'; margin-top: 0px; font-size: 17px; font-weight: normal; line-height: normal;}
    
    .clear   { clear: both; }
    
    img {border: none;}
    hr {color:#E6E6E6;background-color:#E6E6E6;height:1px;border:none;}
    
      /* ripe notices such as 'thank you for form submition' */
    .notice {border-bottom: 2px solid rgb(31,100,190); display: block; padding: 8px; font-size: 18px; font-weight: bold; margin-bottom: 10px;} 
    
    table, th, tr, td {margin: 0; padding: 0;}

    
/* ripe stuff ------------------------------------------------------------------ */
    .input_hp {display: none;} /* hide honey pot inputs */
    .ripe-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 ------------------------------------------------------------------ */
   
    #container     {width: 940px; margin-left: auto; margin-right: auto;}
    #headContain   {width: 940px; height: 118px;}
    #midZone       {width: 860px; padding: 40px; padding-top: 30px; background-color: white; border: 1px solid rgb(203,203,203); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    #midZone2      {width: 860px; padding: 40px; padding-top: 30px; background: white url(images/rightSMenu.gif) repeat-y right; border: 1px solid rgb(203,203,203); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    #midHead       {border-bottom: 1px solid rgb(234,234,234); padding-bottom: 10px;}
    #statementZone {float: left; width: 460px;}
    #startLoginZone{float: right; width: 400px; text-align: right;}
    #contentZone   {padding-top: 20px; line-height: 130%;}
    #contentZone1  {float: left; width: 600px; padding-top: 20px; line-height: 130%;}
    #contentZone2  {float: right; width: 200px; padding-top: 5px; line-height: 130%;}
    #footer1       {width: auto; background-color: rgb(222,222,222); margin-top: 40px;  font-size: 12px; border-top: 1px solid rgb(203,203,203);}
    #footer2       {width: 940px; margin-left: auto; margin-right: auto; padding: 40px; padding-right: 30px;}
    #footer2 a     {color: rgb(67,67,67);}
    
    #homeLoginZone          {float: right; width: 289px; height: 88px; padding: 20px; background: url(images/login-bg.gif) no-repeat;} 
    #homeLoginZone form     {padding-top:10px; font-size: 15px; color: rgb(179,179,181); } 
    #homeLoginZone input    {margin-top: 4px; padding: 4px; width: 150px; border: 1px solid rgb(220,218,218); color: rgb(126,126,126); background-color: rgb(252,252,252);  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    #homeLoginZone .button  {padding: 0px; width: 128px; border: none;}
    
    .startNowButton {display: block; float: right; background-image: url(images/startNow.gif); width:329px; height:61px; } .startNowButton:hover {background-image: url(images/startNowOver.gif);}
    
    .twoCols .col1    {float: left; width: 410px; text-align: justify;}
    .twoCols .col2    {float: left; margin-left: 40px; width: 410px; text-align: justify;}
/* ----------------------------------------------------------------------------- */


/* MENU ------------------------------------------------------------------------ */
    
    #menu {float: right; display:block; height: 46px; line-height:normal; margin-top: 67px; z-index: 400;}
    #menu ul {margin:0px; padding:0px; list-style:none; left: 0px;}
    #menu li {float:left; margin:0px; padding:0px; position: relative; list-style:none;}
    #menu a {display:block; font-size: 16px; margin:0px; height:46px; color: white; line-height:46px; padding-left: 15px; padding-right: 15px; }
    #menu a span {height: 44px; cursor:pointer; }
    
    .subnavlist                            {display: none; position:absolute; padding: 0px; margin:0px; top: 40px; color: rgb(53,53,53); background-color: rgb(50,50,50); border: none; opacity:0.95;filter: alpha(opacity=95) ; }
    .subnavlist li                         {float: none; display: block; padding: none; width: 190px; border-left: 2px solid rgb(122,169,227);}
    #menu .navlist .subnavlist a           {border: none; display: block; line-height: 30px; padding: 2px; padding-left: 10px; height: auto; padding-right: 10px;  margin: 0px; font-size: 11px; background-image: none; }
    #menu .subnavlist a:hover              {background-color: rgb(75,120,214); opacity:1;filter: alpha(opacity=100);} /* alpha/opacity fixes ie8 hover problem */ 
    #menu .navlist > li:hover > .subnavlist    {display: block;}
    
    #menu ul li ul li > ul       {margin-left: 130px; display: none; top: 0px; overflow: visible; z-index: 200;}
    #menu ul li ul li:hover > ul {display: block;}
    
    
    /* right hand submenu */
    #contentZone2 > .navlist {margin:0px; padding:0px; list-style:none; }
    #contentZone2 > .navlist li {margin:0px; padding:0px; list-style:none; border: none; width: auto;}
    #contentZone2 > .navlist a {display:block; font-size: 16px; margin:0px; padding: 5px; color: rgb(142,143,145); padding-left: 15px; padding-right: 15px; border-bottom: 1px solid rgb(234,234,234);}
    #contentZone2 > .navlist a:hover {background-color: rgb(244,244,244); }
    
    #contentZone2 > .navlist li ul {display: block; margin:0px; padding:0px; list-style:none;}
    #contentZone2 > .navlist li ul li a {font-size: 12px; padding-left: 25px;}

    #contentZone2 .subnavlist    {position: static; background: none; top: auto; opacity:1;filter: alpha(opacity=100);} 

    
    
    #toolBar {height: 20px; background-color: rgb(155,200,71); border-bottom: solid 2px rgb(0,0,0)}
    
/* ----------------------------------------------------------------------------- */



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

    .art              {border-bottom: 1px solid rgb(234,234,234); padding-bottom: 15px; margin-bottom: 20px;}
    .art_feat         {padding-bottom: 15px; margin-bottom: 20px;}
    .art_title        {color: rgb(31,31,31); font-family: 'Lucida Sans Unicode'; line-height: 110%; margin: 0px; margin-bottom: 5px; font-size: 26px; font-weight: normal;}
    .dateline         {font-family: Arial; font-size: 11px; } 
    
    .comment01        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment02        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment01:hover,
    .comment02:hover  {background-color: white;  border: 1px solid rgb(112,0,14); border-left: none; border-right: none;}
    .com_author       {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;}
    .com_subject      {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; }
    .com_date         {color: rgb(128,128,128); 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;}
    
/* ----------------------------------------------------------------------------- */


/* forms -------------------------------------------------------------------- */
    .ripeFormBox             {width:100%; font-size: 16px;}
    .ripeFormBox table       {width:100%;}
    .ripeFormBox .formLabels {width:180px; padding: 10px; margin: 5px;}
    .ripeFormBox .textbox    {width:90%; font-size: 16px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px; margin: 5px;}
    .ripeFormBox .emailbox   {width:90%; font-size: 16px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px; margin: 5px;}
    .ripeFormBox .dropdown   {background-color: #eaeae5; font-size: 16px; border: 1px solid #8d8d8d; padding: 5px; margin: 5px;}
    .ripeFormBox .textarea   {width:90%; height: 100px; font-size: 16px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px; margin: 5px;}
    
    #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
/* ----------------------------------------------------------------------------- */
    .loginTabs         {display: block; position: relative; background-color: rgb(131,173,49); 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; color: white;}
    .loginTabs a:hover {text-decoration: none; background-color: rgb(146,190,61); color: white;}
    .loginTabs li .tabOn {text-decoration: none; background-color: rgb(146,190,61);}