body{background-attachment:fixed;background-size:cover;background-image:url(../images/background.jpg);background-repeat:no-repeat;color:#000;font-size:15px;font-family:Helvetica,Arial,sans-serif;}
p,a,li{line-height:1.5;font-size:14px;line-height:1.5;}
h1,h2,h3,h4,h5{color:#265089;}
h2{font-size:22px;font-weight:normal;line-height:1;}h3{font-size:18px;line-height:1.5;}h4{font-size:16px;}h5{font-size:14px;}
@media screen and (max-width:767px){h2{font-size:18px;}h3{font-size:16px;}h4{font-size:14px;}h5{font-size:12px;}p,a,li{font-size:12px;}}
blockquote p{font-size:12px;margin:10px 0;}
a:hover{text-decoration:none;}

/****************		Off-Canvas Menu		******************/
.show-on-small{display:none;}

/* our menu */
#siteNav{background-color:inherit;background-image:none;border:none;margin-top:10px;padding:0;}
#siteNav li a{font-size:18px;text-align:left;text-decoration:none;}
@media screen and (max-width:767px){a.year{font-weight:700;}.menu li li li a{margin-left:10px;}#siteNav li a{font-size:14px;}}
@media screen and (min-width:767px){#siteNav .nav{display:block;}}
#siteNav ul.menu{background-color:#265089;margin:0;padding:0;font-size:0.9em;}

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

	ul.menu > li{display:inline-block;vertical-align:middle;position:relative;transition: 0.2s 1s; /* top level links only in order to avoid overriding */ }
	ul.menu > li > a{color:#fff;display:inline-block;vertical-align:middle;padding:7px 15px;}
	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;z-index:50;}
	ul.menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}	/****	second level fix 	****/
	@media screen and (min-width:768px){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:#eee;}

		/* 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.active > a{color:#fff;}

@media screen and (max-width:767px){
	.show-on-small {background-color:#265089;display:block;height:42px;}
	#siteNav ul.menu{left:-302px;width:300px;z-index:10009;line-height:1.8;position:absolute;z-index:9999; /* 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{
		-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:4px !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;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;}
}
/*	make the menu scrollable on mobile devices	*/
@media only screen and (max-width:767px){.menuIsActive{height:100%;overflow-y:auto;}}
/**************		End of Off-Canvas Menus		********************/

/***	Breadcrumbs		***/
.breadcrumb{background-color:#eee;border-radius:unset;margin:0;padding:6px;}
.breadcrumb li.active .divider{display:none;}
.breadcrumb li span{font-size:12px;}
.breadcrumb li .divider img{margin-bottom:4px;}

/***	Frontpage	***/
#frontpage .span4, .full-version{text-align:center;}
#frontpage .span4 a, .full-version a{font-size:16px;font-weight:bold;}
#frontpage .span8{background-color:#fff;box-shadow:0 0 10px #444;margin:10px 0;padding:15px 30px;}
#frontpage .span8 p{margin:0;text-align:center;}
#frontpage .span8 .aplogo{width:auto;}
.moduletable.frontbox{background-color:#fff;box-shadow:0 0 10px #444;margin-top:10px;}
.moduletable.frontbox h3{background-color:#265089;color:#fff;margin:0;padding:6px 12px;}
.moduletable.frontbox .frontbox{padding:6px;}
.moduletable.frontbox .atom_twitter_feeds{padding:6px 0 !important;width:100% !important;}
.moduletable.frontbox .atom_twitter_feeds iframe{width:100% !important;}
.social-icons ul{float:right;margin:-40px 4px 0 0;}
.social-icons li{float:left;margin:5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{opacity:0.5;}

/***	General Content		***/
#content{background-color:#fff;box-shadow:0 0 10px #444;margin:10px 0;padding:15px;width:auto;}
#content .blog .item{padding:10px 0;}
#content .blog h2 a{font-size:20px;}
.timeline{text-align:center;}

/*** Credit ***/
#credit p{text-align:center;}