body{font-family:arial sans-serif;font-size:15px;color:#000;}
@media (max-width: 979px){body{padding:0;}}
p,a,li{line-height:1.5;font-size:16px;line-height:1.5;}
h2{font-size:28px;font-weight:normal;line-height:20px;}
h3{font-size:22px;line-height:1.5;}

/****************		Off-Canvas Menu		******************/
#siteNavRow{background-color:#0070B8;}
.show-on-small{display:none;}

/* our menu */
#siteNav{background-color:inherit;background-image:none;border:none;padding:0;}
#siteNav li a{font-size:18px;text-align:left;}
@media screen and (max-width:800px){
	#siteNav li a{font-size:16px;}
}
@media screen and (min-width:800px){
	#siteNav .nav{display:block;}
}
#siteNav ul.menu{background-color:#0070B8;margin:0;padding:0;font-size:0.9em;}

	/* second level */
	ul.menu ul{left:-9999em;opacity:0;position:absolute;width:300px;background:#f63;margin:0;padding:0;top:40px;
		/* the transitions */
        -webkit-transition:opacity 400ms ease-in-out, top 300ms ease-in-out;
        -moz-transition:opacity 400ms ease-in-out, top 300ms ease-in-out;
        transition:opacity 400ms ease-in-out, top 300ms ease-in-out;		
	}
	ul.menu ul a{color:#fff;}
	ul.menu ul ul{background-color:#e55c2e;}

	ul.menu > li{display:inline-block;vertical-align:middle;position:relative; /* top level links only in order to avoid overriding */ }
	ul.menu > li > a{color:#fff;display:inline-block;vertical-align:middle;padding:7px 10px;}
	ul.menu > li > a:hover,ul.menu > li:hover > a{background-color:inherit;color:#fff;opacity:0.5;}

	/* setting the visibility */
	ul.menu > li:hover > ul{opacity:1;top:41px;left:0;}
	ul.menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}
	@media screen and (min-width:801px){ul.menu > li > ul > li:hover ul{margin-top:-47px;position:absolute;}}	/****	second level fix 	****/

		/* second and third level */
		ul.menu ul > li{display:block;display-display:block;display-padding:10px 15px;}
		ul.menu ul > li a{display:block;padding:10px 15px;}
		ul.menu ul > li a:hover{opacity:0.5;}
		ul.menu ul ul li a:hover{background:#e55c2e;}

		/* Active and parent classes- using Joomla! menu classes - use the :after pseudo-classes to add images or icon fonts. You can safely remove this part since it's completely optional - remove at will */
		/* active states */
		ul.menu > li.parent > a{ }
		ul.menu > li.active{}
			/* lower levels */
			ul.menu > li.active > a{color:#fff;}
			ul.menu > li.active > ul > li.active > a{ }
			ul.menu > li.active > ul > li.active > ul > li.active > a{ }

@media screen and (max-width: 800px){
	.show-on-small {background-color:#0070B8;display:block;height:42px;}
	#siteNav ul.menu{left:-302px;width:300px;z-index:10009;line-height:1.8;position:absolute;z-index:9999;border:1px solid #fff; /* resetting and blocking the elements in order to have a large touch surface */  
	/* the transitions */
  	-webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
   }
  	
  	/* the open state -  here we are using the CSS 3D Transforms */
  	#siteNav ul.menu.menuIsActive{
		margin-top:4px;
		-webkit-transform:translate3d(300px,0,0);
	    -moz-transform:translate3d(300px,0,0);
	    transform:translate3d(300px,0,0);
	    -webkit-overflow-scrolling: touch;
	}
  
  #siteNav ul.menu ul{display:block;position:static;opacity:1;}
  #siteNav ul.menu ul li{text-indent:15px;font-size:0.9em;}
  #siteNav ul.menu > li,#siteNav ul.menu li,#siteNav ul.menu a,#siteNav ul.menu li > a{display:block;}

  /* globally reset all paddings */
  ul.menu a{padding:8px 20px !important;}
  /* resetting all the hover states - can be omitted in live sites */
  ul.menu a:hover,ul.menu li:hover a{}
  
  /* support for browsers which do not support 3D transforms - must use Modernizr for this feature */
	.no-csstransforms3d ul.menu.menuIsActive {left:0;} 
  
  /* the visibility toggler */
	#menuToggler .icon{background-image:none;background-color:#0070B8;color:#fff;display:inline-block;vertical-align:middle;padding:8px;width:26px;height:24px;}
	#menuToggler span{display:inline-block;vertical-align:middle;font-weight:800;font-size:28px;line-height:20px;}
	#menuToggler a:hover{text-decoration:none;}
}
/**************		End of Off-Canvas Menus		********************/

/***	Slideshow		***/
#slideshow{margin-bottom:0px;}
#slideshow .carousel-control{background:none;border:0;margin-top:20px;}

/***	Breadcrumbs		***/
#breadcrumbsRow{background-color:#eee;}
.breadcrumb{background-color:inherit;margin:0;padding:8px 6px;}
.breadcrumb li.active .divider{display:none;}
.breadcrumb li span{font-size:16px;}


/***	General Content		***/
@media screen and (max-width:780px){
	#content{margin:0 auto;width:90%;}
}

/***	News Section	***/
.blognews h2 a{font-size:24px;}

/*** Footer ***/
#credit p{background-color:#eee;padding:10px 0;text-align:center;}