/* 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;
 
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
body{
  /*#67ad3b */
    background: #fff url(../juniors-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;
    background-color: #a90d0e;
    padding-top:10px;
    color: #fff;
    font-size: .8em;
         }
#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:15px 0px 0px 0px;
	font-weight: bolder !important;
	letter-spacing: 1px;
        
	color: #fff;
        margin-left:-30px;
}
#slogan1 span{font-style: italic;font-size: 17px;display:block;padding: 0px 0px 10px 6px;}	

/* content
-------------------------------------------------- */
.container {
  width: auto;
  max-width: 1000px;
  padding: 0 15px;
}

.pagecontent{
    overflow:hidden;
    line-height: 140%;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 5px 5px 20px 15px;
    -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;
}
.pagecontent table td{
   vertical-align: top;
   padding: 10px;
}
.page-header {
padding-bottom: 2px;
margin-top: 0px;
}
/* 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;
}
/*****************
 *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%;
}

/* NAVIGATION
-------------------------------------------------- */

ul.nav, .navbar{
  background-color: #a90d0e;
   border: 0px solid #d4d4d4;
 margin-bottom: 0px;
}
 /* 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 #ce2929;
    background-color: #a90d0e;   
    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: #991616;
      color: #F2EA04;
      border-left: 1px solid #ce2929;
}
    /* set hover and focus to RED */
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
      background-color: #991616;
      color: #FCDF05;
    }
        /* set active item to RED */
        .navbar .nav > .active > a,
        .navbar .nav > .active > a:hover,
        .navbar .nav > .active > a:focus {

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

    background: #eb0c0f !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: #a90d0e;
         color: #FCDF05 !important;
	 
}

.open>a:hover, .nav .open>a:focus {
background: #a90d0e;
         color: #FCDF05 !important;
border-color: #ce2929;
}

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

}
.nav > li > a {
padding-left:14px !important;
padding-right:14px !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-date {
float: left;
position: relative;
padding: 45px 10px 0px;
margin: 0px 10px 0px 10px;
color: #fff;
}
.red {
background-color: #a90d0e !important;

}
.blue {
background-color: #3b73ad !important;

}
.yellow {
background-color: #f19d06 !important;

}
.green {
background-color: #2b6101 !important;

}
.purple {
background-color: #507 !important;

}
.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;
}
/*
|--------------------------------------------------------------------------
| 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;
}