body 
{
     background:#eee;
   margin:0px;
   padding:0px;
   
}
.navbar-default{border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:white}
.navbar-default .navbar-nav>li>a{color:black}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:black;font-weight:bold;font-family:Verdana; background-color:#D9F0B7;border-radus:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#330000;background-color:#e3f0d1}
@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
                         .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
                         .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7;}
                         .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent;}}
                         .navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}
                         .navbar-default .btn-link{color:#777}
                         .navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}
                         .navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}

.navbar-default{background-color:#92BD52;font-weight:bold;font-family:Verdana;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
   
}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    
}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:right;min-width:160px;padding:5px 0;
               margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#e3f0d1;-webkit-background-clip:padding-box;
               background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
               box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}

.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#330000;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
.dropdown-menu>li>a:hover{background-color:red}
@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}

.textHeading{text-align:right}
.textHeading h2{font-weight:bold;font-size:30px}
@media screen and (max-width: 400px){
.textHeading h2{font-weight:bold;font-size:15px}}
.navbar-color{background-color:#92BD52}
.jumbotron{background:#8ABB93;padding-top:5px;padding-bottom:0px; color:Black;margin-top:0px;height:5%;text-align:center; border-radius:6px}
.jumbotron h2{margin-top:0px;font-size:25px}
.jumbotron p {margin-top:0px; }
.jumbotron {}
.dropdown a {}

.collapse navbar-collapse ul li a{font-weight:bold;} 
.bgColor{background:#eee; min-height:650px; margin-top:50px; margin-left:0px; } 
.navbar-color{background-color:#92BD52; margin: 0px 0px 0px 0px;margin-bottom:0px;color:Black; text-align:center;}
.navbar-color p{margin-top:15px }
.bgColor jumbotron{padding-top:10;}
.CphMargine{margin:10px;}
.pageBg{background:#fff;min-height:550px;border-radius:6px;margin-top:0px;}
.hederPage{height:10px
;text-align:right;margin-top:0px;}

/*   */

.divHide{overflow:auto; width:100%;height:300px;margin:10px;}
.PageInfo{width:100%;}
.PageInfo p{margin-left:10px;}
.txtcolor { color:White;display:block; text-decoration:none;height:100%;max-width:300px; font-weight:bold;font-family:Verdana;font-size:18px;margin-left:0px;margin-top:12px;}
.txtcolor a{color:White;text-decoration:none;float:left;margin-top:0px}
.container{}
.btnmy
{
    background: #8ABB93;
   padding: 8px 12px 8px 12px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: Black;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 15px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #92BD52;
    font-size: 15px;
    
}
.btnmy:hover{
    background:#5b9c67;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.btnmylogin
{
    background: #92BD52;
   padding: 8px 12px 8px 12px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 15px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #92BD52;
    font-size: 15px;
    
}
.btnmylogin:hover{
    background:#7c9d26;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

.label
{
 display: block;
    font: 16px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
/* footer */
.footer img.flogo { float:left; border:none;}
.footer div.drf { float:right; width:auto;}
.footer p.lf { margin:0; padding:0; float:right; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:8px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 12px; float:left;}
ul.fmenu li a { color:#5f5f5f; text-decoration:none; font-weight:bold;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#74a035;}
ul.fmenu li a:hover { text-decoration:underline;}

/* new css menu*/

.offscreen { 
  position: absolute; 
  
  top: 0em; 
  left: -300px; 
  
} 

div#hmenu { 
   margin: 0; 
   padding: .4em 0 .4em 0; 
   background: #92BD52; 
   width: 100%; 
   text-align: left; 
   margin: 1em 1em 2em ;
   margin:
   height:60px;
  
} 

div#hmenu ul { 
   list-style: none; 
   margin: 1em; 
   padding: 0; 
} 

div#hmenu ul li { 
   margin: 0; 
   padding: 0; 
   display: inline; 
} 

div#hmenu ul a:link{ 
   margin: 0; 
   padding: .3em 20px .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #383838;
   margin-left:20px; 
   
} 

div#hmenu ul a:visited{ 
   margin: 0; 
   padding: .3em .5em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #227755; 
} 

div#hmenu ul a:active{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #d9f0b7; 
   height:50px;
} 

div#hmenu ul a:hover{ 
   margin: 0; 
   padding: .3em 20px .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: black; 
   background-color: #d9f0b7; 
 margin-left:20px;
}
/*pop up Images */