/* TinyMCE specific rules */
.mceContentBody {
   background: #fff;
   font-size: 14px !important;
   height: auto;
}
.mceContentBody table{
   width:100%;
   font-size: 14px !important;
}
.mceContentBody table td{
   vertical-align: top;
   padding: 10px;
   font-size: 14px !important;
 
}
table td{
   vertical-align: top;
   padding: 10px;
}
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
body{
  /*#67ad3b */
    background: #fff url(../cgf-bg.jpg) center top repeat-x;
    color:#333;
    font-family: 'Lato', sans-serif;
    

}
a{
	color: #2b6101;
        text-decoration: none;
}

a:hover {
	text-decoration:none; /*underline;*/
	
	color: #67ad3b;

}

img.picture_left{
	float:left;
	margin:0px 5px 5px 0px;
	clear:left;
	border: 1px solid #c0c0c0;
	padding:5px;
}
img.picture_right{
	float:right;
	margin:0px 0px 5px 5px;
	clear:right;
	border: 1px solid #c0c0c0;
	padding:2px;
}

/* Sticky footer styles
-------------------------------------------------- */
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -110px;
  /* Pad bottom by footer height */
  padding: 0 0 100px;
}

/* Set the fixed height of the footer here */

#footer {
    height: 110px;
    padding-top:10px;
    color: #fff;
    font-size: .8em;

border-top: 2px solid #465a00;
background: #4e600e url(../cgf-footer-bg.jpg) no-repeat;
color: #fff;

}
         
         
#footer a{
    color:#FCDF05;
}
#webnaz {
    text-align:right;
    font-size: 11px;
}

/* header
-------------------------------------------------- */

.masthead{
    height:130px;
}
img.logo{margin:10px 10px 15px 10px;}
img {
          display: inline-block;
          height: auto;
          max-width: 100%;
   }

#slogan2 h4{
	
	text-shadow: #333 0.1em 0.1em 0.2em;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=180 ,strength=0);
	
	font-weight: bold;
	letter-spacing: 2px;
        text-align: right;
        font-style: italic;
	color: #fff;
   
}

#slogan1 h2{
	
	text-shadow: #333 0.1em 0.1em 0.2em;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=90 ,strength=0);
	padding:25px 0px 0px 0px;
	font-weight: bolder !important;
	letter-spacing: 1px;
        font-size: 29px;
	color: #fff;
        margin-left:-40px;
}
#slogan1 span{font-style: italic;font-size: 17px;display:block;padding: 0px 0px 10px 6px;}	
.modal-dialog {
width: 75%
}
.form-horizontal .form-group {
margin-left: 0px;
}
.events-home-panel{
   padding: 5px 15px;
}
.row-bg{
 background: url(../row-bg.jpg) top center no-repeat;
 padding: 20px 0 0;
   
}
/* content
-------------------------------------------------- */
.container {
  width: auto;
  max-width: 1000px;
  padding: 0 15px;
}

.pagecontent{
    overflow:hidden;
    line-height: 140%;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 5px 5px 20px 10px;
    -webkit-box-shadow: 5px 5px 8px 1px #666;
    -moz-box-shadow: 5px 5px 8px 1px #666;
    box-shadow:  5px 5px 8px 1px #666;
    border:1px solid #eee;
}

.page-header {
padding-bottom: 2px;
margin-top: 0px;
}
.uppercase { text-transform: uppercase}
/* 5px = .34em*/
.static-height-125{
    height:5em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-150{
    height:10.2em; /*+1.7*/
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-175{
    height:11.9em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-200{
    height:13.6em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-215{
    height:14.2em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-225{
    height:15.3em;
    overflow: hidden;
    margin-bottom: 2.5em;
}
.static-height-250{
    height:17em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.static-height-340{
    height:23em;
    overflow: hidden;
     margin-bottom: 2.5em;
}
.hr{
padding-top:20px;
border: 1px solid #eee;
}
.hr-left{
border-left: 1px solid #eee;
}
.hr-right{
border-bottom: 1px solid #eee;
}
.hr-bottom{
border-bottom: 1px solid #eee;
}
.btn-button {
 position: absolute; bottom: 0;
}

.btn-red {

background-color: #a90d0e;

}
.margin-top{
    margin-top: 10px;
}
.margin-right{
    margin-right:  10px;
}
.margin-left{
    margin-left: 10px;
}
.margin-bottom{
    margin-bottom:  10px;
}
.margin-right-bottom{
   margin:  0px 10px  10px 0px;
}
/*****************
 *CAROUSEL
 ******************/
.carousel{
    -webkit-box-shadow: 0px 5px 8px 1px #666;
    -moz-box-shadow: 0px 5px 8px 1px #666;
    box-shadow:  0px 5px 8px 1px #666;
}
.carousel-caption {
    /* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);/* This works in IE 8 & 9 too but also 5, 6, 7 */
    -moz-opacity:0.75; /* Older than Firefox 0.9 */
    -khtml-opacity: 0.75;/* Safari 1.x (pre WebKit!) */
    opacity: 0.75; /* Firefox 0.9+, Safari 2?, Chrome any?Opera 9+, IE 9+ */
    background:#000;


bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
left: 0px;
width:100%;
}

/*.dl-horizontal dd.detail {
margin-left: 260px;
}*/
.dl-horizontal dt.detail {

overflow: visible;
width: 220px !important;
margin-right: 8px;
}
/*********************
 *PAGINATION
 *********************
 *********************/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #4f7c2a;
border-color: #4f7c2a;
}
/* NAVIGATION
-------------------------------------------------- */

ul.nav, .navbar{
  background-color: #2b6101;
   border: 0px solid #d4d4d4;
 margin-bottom: 0px;
   z-index: 1001
}
 /* set the background of the menu items to red */
 .navbar .nav > li > a {
   /* padding: 10px 10px 10px;*/
    /*border-right: 1px solid #C92A28;*/
    border-left: 1px solid #abbc2f;
border-left: 1px solid #738d06; 
    background-color: #2b6101;   
    color: white;
    text-shadow: 0 1px 0 #000;
    text-transform:uppercase;
}
.navbar-collapse {

padding-right: 0px;
padding-left: 0px;}
.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
 background-color: #347300;
      color: #F2EA04;
      border-left: 1px solid #738d06;
}
    /* set hover and focus to RED */
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
      background-color: #347300;
      color: #FCDF05;
    }
        /* set active item to RED */
        .navbar .nav > .active > a,
        .navbar .nav > .active > a:hover,
        .navbar .nav > .active > a:focus {

          background-color: #347300;
          color: #FCDF05;
        }
.dropdown-menu {

    background: #347300 !important;
}



		 
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0px; 
    /*background: #eee; */
}


.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a
{
	background: #2b6101;
         color: #FCDF05 !important;
	 
}

.open>a:hover, .nav .open>a:focus {
background: #2b6101;
         color: #FCDF05 !important;
border-color: #738d06;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background: #2b6101;
color: #FCDF05 !important;

}
.dropdown-menu > li > a {
padding: 5px 20px 3px 15px;
color: white;

}

.navbar .nav li.home a {
color: #FCDF05 !important;
font-weight: bold;
}

/* CARET COLOR */
.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
/* CARET HOVER COLOR */
.navbar-default .navbar-nav>.dropdown>a:hover .caret {
border-top-color: #FCDF05;
border-bottom-color: #FCDF05;
}
/*******/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/***************
 *NEWS
 *******************/
img.news-imgX{width:300px; height:240px}
/****************************
 *CALENDAR
 *********************/
.calendar-caption{
   line-height:30px;
   height:30px;
   width:120px;
   padding-left:20px;
   margin-left: 20px;
   margin-bottom: 20px;
}
.danger-light{
    color: #fff !important;
background-color: #eed3d7 !important;
}
.success-light{
    color: #fff !important;
background-color: #d6e9c6 !important;
}
.calendar-date {
background-color: #2b6101;
float: left;
position: relative;
padding: 45px 10px 0px;
margin: 0px 10px 0px 10px;
color: #FFDD00;
}

.calendar-date .calendar-day {
font-size: 50px;
line-height: 50px;
position: absolute;
left: 5px;
top: 0px;
}
.calendar-date .calendar-month {
text-transform: uppercase;
font-size: 25px;
padding:10px 5px 5px 5px;
display: block;
}

.calendar-date .calendar-year {
display: block;
position: absolute;
right: -10px;
top: 12px;
/*padding:0px 5px 0px 0px;*/
letter-spacing: 1px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.pp_hide{display: none;}

/*********************
 *BANNERS
 **********************/
.banner-right-img{
border:1px solid #eee;
padding:2px;
}
.banner-right-text{
text-align:center;
}

.success{
    color: #fff !important;
background-color: #0B7F2A !important;
}

.danger{
    color: #fff !important;
background-color: #a90d0e !important;
}

.banner-right-text-primary a{
color: #fff;
}

.banner-right-text a{
color: #fff;
}
.banner-right-text a:hover{
color: #F7E304;
}
.req{
   color: #FF0000;
}
/*
|--------------------------------------------------------------------------
| FIX
|--------------------------------------------------------------------------
*/
.pp_hide{display: none;}
.ui-dialog { z-index: 10001 !important ;}
.ui-widget-overlay {
opacity: .9;
z-index: 1000;
}
.modal-body {overflow-y: auto;}
hr { border-top: 1px solid #c0c0c0;}
.fuelux .wizard>.actions {
  z-index: 10;
}
/*FIREFOX FIXES*/
@-moz-document url-prefix() {
.dropdown-submenu>a:after{margin-top:-15px !important ;}
.dropdown-menu > li > a { padding: 5px 5px 8px 15px !important ;}

}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../totop/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../totop/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}