/*
Theme Name: JPC Website theme
Theme URI: --
Description: Custom theme
Version: 1.0
Author: the RowdyDigital team
Author URI: http://www.rowdydigital.com.au

*/

html, body {
	margin: 0;
	padding: 0;
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 400; /*normal*/
    font-size: 16px;
    color: #001e4a;

    background-image: url(images/lined-paper-bg.png);/*top left repeat;*/
    background-repeat: repeat;
}

a {
	color: #001e4a;
}

a:hover {
	color: #5b9dd7;
}

h1 {
	font-size: 2.25em; /*36px;*/
	font-family: "Raleway", sans-serif;
	font-weight:  600; /*semi-bold*/
	color: #5b9dd7;
}

h2{
	font-weight:  600; /*semi-bold*/
	color: #001e4a;
}

h3 {
	font-weight:  600;
	color: #001e4a;
	text-transform: uppercase;
}

#em-wrapper h3,
.css-events-list h3{
	text-transform: none;
	margin: 5px 0;
}
	#em-wrapper h3 a,
	.css-events-list h3 a{
		text-decoration: none;
	}

table {
	width: 100%;
}


blockquote {
  quotes: "\201C""\201D""\2018""\2019";
  margin-left: 0;
  margin-top: 30px;
  font-style: italic;
}

	blockquote p:before {
	    content: open-quote;
	    font-size: 4em;
	    line-height: 0.1em;
	    color:#001e4a;
	    margin-right: 0.25em;
	    vertical-align: -0.4em;
	}

	blockquote p:after {
	    content: close-quote;
	    font-size: 4em;
	    line-height: 0.1em;
	    color:#001e4a;
	    margin-left: 0em;
	    vertical-align: -0.6em;
	}

/*----------------------------------------------------------------Clearfix*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*---------------------------------------------------------Wrapper / Inner*/
		
.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
}

		.strip.white {
			background: #fff;
		}

	.strip .inner,
	.inner {
		width: 1306px;
		margin: 0 auto;
		/*padding: 110px 0;*/
	}

/*---------------------------------------Basic page styles - font & colors*/

.bold {
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

.smallcaps {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.8em;
	letter-spacing: 1.5px;
}

.navy {
	color:#001e4a;
}

.bg-navy {
	background-color:#001e4a;
}

.underline-navy{
	border-bottom: 2px solid #001e4a;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}
	.underline-navy a, .underline-navy a:hover { 
		text-decoration: none;
		color: #001e4a;
	}


.blue {
	color:#5b9dd7;
}
	.blue-border {
		border:1px solid #5b9dd7;
	}

	.bg-blue {
		background-color:#5b9dd7; 
	}

.red {
	color:#b50025;
}

.bg-red {
	background-color:#b50025;
}

.underline-red{
	border-bottom: 1px solid #b50025;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}

.grey {
	color:#adb7c6;
	font-weight:600;
}

.underline-grey{
	border-bottom: 1px solid #9ea9ba;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}

.white {
	color:#fff;
}

.underline-white{
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}



/*---------------------------------------Basic page styles - float & align*/

.left {
	float: left;
}

.right {
	float: right;
}

.textcenter {
	text-align: center;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.center img{
	display: block;
    margin: 0 auto;
}

.circular img {
	border-radius: 50%;
	/*width: 250px;*/ /*force width*/
	/*height: auto;*/
}

.box-navy {
	border:1px solid #001e4a;
}

/*--------------------------------------------------------Page Strip styles*/


/*header----------------------------------------*/
.strip.white {
	background-color: #fff;
	color: #001e4a;
}

.strip.blue {
	background-color: #5b9dd7;
	color: #fff;
}


#red-strip.strip {
	width:100%;
	border-top: 10px solid #b50025;
}

.strip.group.banner {
	background: url(images/main-banner-clear.png) top center no-repeat;
	position: relative;
	overflow: initial;
	z-index: 1;
	height: 480px;
}

		/*red box section*/
		.strip.group.banner .tag {
			height:480px;
			overflow:hidden;
		}

		.cycle-slideshow{
			/*min-height: 480px;*/
		}

		.strip.group.banner #tagline{
			float:left;
	        color: #fff;
		    /*font-size: 69px;*/
		    font-size: 60px;
		    font-weight: 600;
		    max-height: 340px;
		    overflow: hidden;
		    line-height: 1em;
		    margin: 120px 30px 0;
		    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
		    width: 331px; /*total width=391 (match sidemenu/sidelinks)*/
			}
				.strip.group.banner #tagline.red .longword{
					font-size: 56px;
				}
				.strip.group.banner #tagline.red .verylongword{
					font-size: 50px;
				}
				.strip.group.banner #tagline.red{
					height:360px;
					max-height:360px;
					padding: 120px 30px 0;
					margin:0;
					background-color: rgba(181, 0, 37, 0.85);
				}
				#tagline a{
					color:inherit;
					text-decoration: none;
				}
			.strip.group.banner #tagimg{
		       	height: 480px;
			    max-height: 480px;
			    /*width: 915px;*/
			    width:100%;
			    overflow: hidden;
			    /*float:left;*/
			    float: none;
			}

				.strip.group.banner #tagimg img{
					/*width:100%;*/
					width: 915px;
				    height: auto;
				    /* float: left; */
				    background-color: #fff;
				    display: block;
				    float: none;
				    margin-left: 391px;
								}


			.cycle-overlay.custom, .cycle-overlay.custom a{
			    position: absolute;
			    overflow: hidden;
			    opacity: 0;
			    top: auto;
			   	bottom: 32px;
			    width: 100%;
			    height: 90%;
			    z-index: 501;
			    right: 0;
			}

	.strip.group.subbanner {
		background: url(images/sub-banner-grey.png) top center no-repeat;
		position: relative;
		overflow: initial;
		z-index: 1;
		height: 270px;
	}

		/*red box section*/
		.strip.group.subbanner .tag {
			height:270px;
			overflow:hidden;
		}

		.strip.group.subbanner #tagline{
		    color: #fff;
		    font-size: 59px;
		    font-weight: 600;
		    line-height: 1em;
		    text-shadow: 0 0 3px rgba(0,0,0,0.7);

			height: 150px;
		    margin: 120px 0 0 30px;
    		width: 150px;/*force text wrap*/ 
		}

			.strip.group.subbanner #tagline.red{
				height: 150px;
				max-height: 150px;
				padding: 120px 211px 0 30px;/*total width=391*/
				margin:0;
				background-color: rgba(181, 0, 37, 0.85);

				float:left;
			}

			.subbanner #tagimg.navy, 
			.subbanner #tagimg-overlay {
				height: 270px; /*match .tag/#tagline*/
			    max-height: 270px;
			    width: 915px;
			    float: none;
    			margin-left: 391px;
    			background-repeat: no-repeat;
			}
			.subbanner #tagimg.navy.default {
				background: url(images/sub-banner-img.png) top left no-repeat;
			}
			/*[edit] custom banner, overlay & greyscale use to be applied for navy banner wash*/
			.subbanner #tagimg.navy.custom{
    			/*mix-blend-mode: luminosity;*/
    			/*opacity: 0.65;*/
			}
				.subbanner #tagimg-overlay{
					display: none;
					position: absolute;
	    			background-color: rgba(0,30,74,1);
				}
			.greyscale {
			   /* filter: gray;*/
			   /*filter: grayscale(1);*/
			   /* -webkit-filter: grayscale(100%);*/
			}


/*Logo: is in background, text box which provides the homepage link is empty: width:137px;*/
	header #jpc-logo {
		text-indent:-9999px;
	    height:167px;
	    width: 450px;
	    background: url(images/JPC.png) no-repeat;
	    background-position: top 20px left;
	    /*change logo to block left*/
	    display: block;
	    float:left;
	}
	 /*change content to overflow right*/
	header .strip .fit-logo.search {
		/*width: 720px;*/
		margin: 0 0 10px 0;
		min-height: 50px;
	    width: auto;
	    overflow: hidden;
	    padding: 0 10px;
	    float: none;
	    text-align: right;
	}

	/*Search Form*/	
	header .social.search a {
		text-decoration: none;
	}

	header .social.search form#search input {
	    background: #dadada none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 6px;
	    color: #000;
	    float: left;
	    font-size: 0.8em;
	    font-weight: 400;
	    letter-spacing: 0;
	    padding: 0 10px 0 20px;
	    height: 35px;
	    width: 166px;
	}

		header .social.search form#search input#go {
		    background: white url("images/search-go.png") no-repeat scroll left center;
		    border: medium none;
		    cursor: pointer;
		    font-size: 0;
			margin: 0 10px;
		    height: 35px;
		    width: 20px;
		}

	/*Header icons*/
	.header-group{
		display: inline-block;
	}
	.header-list{
		list-style-type: none;
		padding:0;
		margin:0;
	}
		.header-list li{
			margin: 0 5px;
			float:left;
		}
		.header-list a:hover{
			opacity: 0.9;
		}

	header img.icon-alert,
	header img.icon-moodle {
		border-radius: 10px;
	}

	.btn:hover{
		opacity: 0.9;
	}


	.btn {
		display: inline-block;
		border: medium none;
		text-transform: uppercase;
		font-weight:600;
		font-size:0.9em;
		letter-spacing:0.5px;
		margin: 0 0 0 10px;
		padding: 20px;
		cursor: pointer;
	}
		.btn-blue {
			color:#001e4a;
			background-color: #5b9dd7;
		}
		.btn-navy {
			color: #5b9dd7;
			background-color:#001e4a;
		}

	header .responsive-button-box{
		display: none;
	}
			

/* News styles / blog styles / archives amd category styles *-----*/
.newscontent .newslist{
	list-style-type: none;
	padding: 0;
}
	.newslist li{
		margin: 16px 0 26px 0;
    	/*border-bottom: 1px solid #001e4a;*/
    	padding-bottom: 13px;
	}
.newscontent article {
	padding-top: 10px;
	padding-bottom: 20px;
}
	.newscontent article h2{
		margin:0;
	}
	.newscontent article h2 a{
		color: inherit;
		text-decoration: none;
	}


	.article-feature,
	.article-image{
		width: auto;
    	float: left;
	}
	.article-feature img ,
	.article-image img{
		padding-right: 20px;
	}

		.single-news .article-image{
			max-width: 40%;
		}
			.single-news .article-image img{
				max-width: 90%;
    			height: auto;
    			padding-left: 0;
    			padding-right: 10%;
			}

		.article-feature{
			min-width: 75px;
			min-height: 75px;
		}
		.article-image{
			margin-top: 13px;
		}
	.newscontent .article-text{
		overflow: hidden;
		padding-right: 30px;
		padding-left: 10px;
	}

		.newscontent .newsdate{
			margin-top: 13px;
			margin-bottom: 0;
		}
		.newscontent .newsexcerpt{
			overflow: hidden;
		}

/*footer----------------------------------------*/
.strip.navy {
	background-color: #001e4a;
	color: #fff;

	font-size: 0.8em; 
	font-weight: 400; 
	text-align: center;	

	min-height:200px;
}

#blue-strip.strip {
	width:100%;
	border-top: 10px solid #5b9dd7;
}

footer .utilities {
	margin: 10px auto;
}

	footer .logo-text {
		font-size: 1.37em; 
		font-weight: 400;
		text-align: left;

		float:left;
		margin: 20px 0 20px 120px;
	}

	footer .app-text {
		float:right;
		margin: 10px 120px 10px 0;
	}

		footer .app-text p {
			float:left;
		}

		footer .app-text img#icon-alert {
			border-radius: 10px;
			margin: 0 0 0 15px;
		}

		footer .app-text img#icon-gplay {
			border-radius: 13px;
			margin: 0 0 0 15px;
		}
		footer .app-text img#icon-appstore {
			border-radius: 5px;
			margin: 0 0 0 15px;
		}

		footer .app-text img.icon-qkr {
			margin: 0 0 0 15px;
			background-color: #fff;
			border-radius: 19px;
    		padding-right: 6px;
		}

	footer .copy{
		padding: 10px 0;
	}


/*home page body--------------------------------*/
.strip.group.main-content{
}

	.half-left{
		float:left;
		width: 391px;
		/*width:315px;*/
		/*margin: 30px 40px;*/ /*padding to child div*/
		margin-bottom: 60px;
	}

		.half-left .sidenav{
			background-color: #5b9dd7;
			padding: 30px 40px;
		}
			
		.half-left .sidelinks{
			background-color: #fff;
			padding: 30px 40px;
		}

		.responsive-sidelinks{
			display: none;
			clear: both;
    		padding: 30px 20px 0 20px;
    		width: auto;
		}

		/*new archive:*/
		.sidenav nav h3.sidedrop  {
			border-bottom: 2px solid #001e4a;
			padding-bottom: 10px;
			margin: 0 0 10px;
		}

			/*--Page Sidenav navigation--*/
			.sidenav nav ul, .sidelinks nav ul{
				list-style-type: none;
			    padding: 0;
			    margin:0;

			    text-transform: uppercase;
			    line-height: 1em;
			    letter-spacing: 1px;
			    font-size: 0.9em;
			}

				.sidenav nav ul li {
				    display: block;
				    padding: 8px 0;
				    margin: 8px 0;
				    border-bottom: 1px solid rgba(250,250,250,0.5);
				}

					.sidenav nav ul li a {
					    color: #fff;
					    display: block;
					    text-decoration: none;
					}

					.sidenav ul > li.current_page_item a, 
					.sidenav ul > li.current_page_ancestor a,
					.sidenav ul > li a:hover,
					.sidenav ul > li > ul > li.current_page_item a {
							color: #001e4a;
						}

					.sidenav nav ul.children li{
						padding-left:40px;
						border: none;
					}

						.sidenav nav ul.children li a,
						.sidenav nav ul li.current_page_item ul.children li a{
							color:#fff;
						}


							.sidenav nav ul li.page_item_has_children { 
								background: url(images/icon-more.png) no-repeat scroll right top / 2em auto;
							}
							.sidenav nav ul li.page_item_has_children .children{ 
								display:none;
							}

							.sidenav nav ul li.page_item_has_children.current_page_item, 
							.sidenav nav ul li.page_item_has_children.current_page_ancestor { 
								background: url(images/icon-less.png) no-repeat scroll right top / 2em auto;
							}

							.sidenav nav ul li.page_item_has_children.current_page_item .children,
							.sidenav nav ul li.page_item_has_children.current_page_ancestor .children{ 
								display:block;
							}


				.sidelinks nav ul li {
				    display: block;
				    padding: 8px 0;
				    margin: 8px 0;
				    border-bottom: 1px solid #9ea9ba;
				}

					.sidelinks nav ul li.current_page_item a,
					.sidelinks nav ul li a:hover {
							color: #5b9dd7;
						}
						.sidelinks nav ul li a {
						    color: #001e4a;
						    display: block;
						    text-decoration: none;
						}

							.sidelinks nav ul li:last-child {
							    border: none;
							}
	.half-right{
		/*float: left;*/
		float:right;
	    margin: 30px 60px 60px 40px;
    	width: 815px;
    	min-height: 500px;
	}
		.principal-img{
			float: left;
		}
			.principal-img img{
				padding-right: 30px;
			}

		.half-right img{
			max-width:100%;
			height:auto;
		}

		.half-right .img-content {
			width:28%;
			padding:0;
			margin:0; 
			float:left;
		}
			.half-right .img-content img {
				max-width:90%;
				height:auto;
			}

	.contact-div{
		margin-bottom: 22px;
	}

		.half-right .text-content {
			width:72%;
			padding:0;
			margin:0;
			float:left;
		}	

	.third-right{
		/*float: left;*/
		float:right;
	    margin: 20px 0;
    	width: 910px; /*810+40+60*/
	}

		.third-right .tour.enrol {
			max-width:320px;
		}
			.third-right .tour.enrol img{
				margin: 0 10px 10px 0;
			}
		.third-right .promo .embed-container iframe,
		.third-right .promo .embed-container object,
		.third-right .promo .embed-container embed { 
			width: 560px;
			height: 323px;
		}
		.third-right .promo small{ padding-left: 20px;  font-size:14px; }
		.third-right .promo small a{ text-decoration: none; }

	.full-left {
		float: left;
	    margin: 0 0 60px 0;
	}
		.full-left .map {
			float:left;
			height:386px; /*match map,news-box,events-box*/
			font-size: 0.9em;
		}
			.full-left .map .contact {
			    background-color: rgba(250, 250, 250, 0.8);
			    color: #001e4a; 
			    left: 280px;
			    margin: 20px 0;
			    max-height: 366px;
			    max-width: 200px;
			    overflow: hidden;
			    padding: 20px 30px 0;
			    position: absolute;
			    width: 260px;
			}
		.full-left .map-responsive {display: none;}


		.full-left .news-box {
			float:left;
			font-size: 0.9em;
			background-color: #fff;
			color: #001e4a;

			width:290px;
			height:366px;/*match map,news-box,events-box*/
			padding: 20px 40px 0 40px;

			overflow: hidden;
		}
			.news-box h4{
				font-size: 17px;
    			font-weight: 600;
    			margin:22px 0 20px 0;
			}
			.news-header{
				overflow: hidden;
				padding-bottom: 4px;
			}

		.full-left .events-box {
			float:left;
			font-size: 0.9em;
			background-color: #5b9dd7;
			color: #fff;

			width:290px;
			height:366px;/*match map,news-box,events-box*/
			padding: 20px 42px 0 41px;

			overflow: hidden;
		}
			.text-responsive{ display:none;}

			/*.full-left .events-box a {
				color: #fff;
				text-decoration: none;
			}*/
			.full-left .events-box a,
				.full-left .events-box a:hover {
					color: #001e4a;
					text-decoration: none;
				}

				.full-left .events-box h3 {
					padding-bottom:30px;
				}


			.full-left .events-box .btn-white{
				color: #fff;
				background-color: transparent;
				border: 1px solid #fff;
				padding: 5px 10px;
				text-transform: uppercase;
				font-size: 0.8em;
				cursor: pointer;
			}
				.full-left .events-box .btn-white:hover{
					color:#001e4a;
				}

					.full-left .events-box .event-date{
						border-bottom: 1px solid #fff;
						text-transform: uppercase;
						letter-spacing:3px;
						text-align: right;
					}

						.full-left .events-box .event-title{
							text-align: right;
							font-size:1.9em;
							font-weight:600;
						}

						.full-left .events-box .event-date .event-month{
							font-size:1.6em;
							margin:10px 0 0 0;
						}
						.full-left .events-box .event-date .event-day{
							font-size:6em;
							margin: -10px 0 10px;
							font-weight: 600;
							letter-spacing: 5px;
    
						}		

		.full-left .social-feed-container{width:100%;padding:20px 0;}
			.social-feed-container .twitter-feed-box{
				width:563px;float:left;
				/*width: 740px;float: right;*/}
				.social-feed-container .twitter-feed-container{padding:20px 40px 0 40px;}
				.widget-easy-twitter-feed-widget-kamn{border:1px solid #adb7c6;max-width: 520px;}

			.social-feed-container .extra-video-container{
				width:743px; float:left;
			}
				.social-feed-container .extra-video-container .video{padding:20px 40px 0 40px;}

	.main-content .full-page{
		margin: 0 40px 60px 40px;
	}


	/*Post pagination*/
	.newsnav{
		text-align: center;
	}
	/*Events pagination*/
	.em-pagination{
	    text-align: center;
		font-size: 16px;
		line-height: 16px;
		width: 100%;
		display: block;
		padding: 5px 0;
	}
		/* numbers/arrows:; curernt & links */
		.em-pagination span, .em-pagination a{
			margin: 0 5px;
		}
		.em-pagination a.prev, a.next{
			text-decoration: none;
			font-size: 20px;
		}


/*slider arrows homepage style------------------------------*/

.bx-controls-direction {
	position: absolute; 
	top: 48%;
}

.bx-controls-direction a {
    height: 50px;
    margin-top: -24px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    width: 28px;
    z-index: 502;
}

.bx-prev {
    background: rgba(0, 0, 0, 0) url(images/controls-left.png) no-repeat scroll 0 0;
    /*left: -460px;*/
    left: auto;
    right:10px;
}

.bx-next {
    background: rgba(0, 0, 0, 0) url(images/controls-right.png) no-repeat scroll 0 0;
    /*right: -980px;*/
    right:-1346px;
}

/*slideshow circle navigation*/
.cycle-pager {
    left: 50%;
    /*top: 88%;*/
    top:auto;
    bottom:0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    z-index: 500;
}

	.cycle-pager span {
	    color: #fff;
	    display: inline-block;
	    font-size: 60px;
	    height: 18px;
	    width: 18px;
	    padding:0 5px;
	    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	}
	.cycle-pager span.cycle-pager-active {
	    color: #5b9dd7;
	}


/*event manager page style------------------------------*/

div.css-search {
    min-height: 2.25em;
}

	div.css-search div, 
	div.css-search input.em-search-text, 
	div.css-search input.em-search-geo {
		    /*font-size: 1em;*/
		    font-size: 18px;
		}

	div.css-search div.em-search-text{
		font-size: 16px;
	}


		div.css-search div.em-search-main .em-search-submit {
		    background: #5b9dd7 none repeat scroll 0 0;
		    border: medium none;
		    border-radius: 10px;
		    line-height: 1em;
		}

			div.css-search div.em-search-main .em-search-submit:hover {
		    background: #001e4a none repeat scroll 0 0;
		}


	div.css-events-list tbody {
	    vertical-align: top;
	}

/*---------------------------Banner Image & Navigation styles */

header .strip.group, .strip.group.header {
	overflow: visible;
}
		header nav {
			float: right;
			margin: 0 0 10px 0;
			padding-right: 4px;
		}
			header nav ul {
				margin:0;
				padding: 0;
				list-style: none;
				position: relative;
				max-width: 100%;
				padding-bottom: 10px;			
			}
			
				header nav ul li {	
					line-height: 30px;
					margin: 0 0 0 30px;
					display: inline-block;
					float: left;
					position: relative;

					font-family: "Raleway", sans-serif;
					text-transform: uppercase;
					font-weight: 600; 
					font-size: 1em;
				}

					li {
					    text-align: match-parent;
					}
									
						header nav ul li a {
							color: #001e4a;
							text-decoration: none;
						}
					
						header nav ul li:hover > a,
						header nav ul li.current_page_item a,
						header nav ul li.current-menu-parent a/*,
						.blog header nav ul li.current-menu-parent a*/ {
							color: #5b9dd7;
						}

						/*has child menu*/
						header nav ul li:hover ul/*,
						header nav:hover ul li.current_page_item ul,
						header nav:hover ul li.current_page_ancestor ul*/ {
							display: block;
						}

						/*news & events*/
						.single-event header nav ul li.menu-item-99 a,
						.single-event header nav ul li.menu-item-106 a,
						.single header nav ul li.menu-item-99 a,
						.archive header nav ul li.menu-item-99 a,
						.blog header nav ul li.menu-item-99 a{
							color: #5b9dd7;
						}

							.single-event header nav ul li.menu-item-105 a,
							.single-post header nav ul li.menu-item-106 a,
							.archive header nav ul li.menu-item-106 a,
							.blog header nav ul li.menu-item-106 a {
								color: #fff;
							}

/*-----Header Submenu/Dropdown----*/	
	header nav ul li ul {
		display: none;
		position: absolute;
		z-index: 9000;
		width: 230px;
		max-width: 230px; 

		float: left;
		left: 70%;
		margin: 12px 0 0 -90px; /*top margin=triangle height*/
		padding: 10px 5px;
		color: #fff;
		
		background: rgba(0,30,74,0.9);

	}
		header nav ul li:last-child ul{
			left: auto;
    		margin-left: 0;
    		right: 0;
		}
			header nav ul li:last-child ul.sub-menu:after{
				left: 75%;
			}
		header nav ul li:first-child ul,
		header nav ul li:nth-child(1) ul{
			left: 0;
		}

		/*add little triangle to dropdown*/
		header nav ul li ul.sub-menu:after {
			left: 25%;
			position: absolute;
			display: inline-block;

			top: -14px;
			border-bottom: 14px solid rgba(0,30,74,0.9);
			border-right: 14px solid transparent;					
			border-left: 14px solid transparent;				
			content: '';
		}

		
				
		header nav ul li ul li {
			display: block;
			float: none;
			width: 80%;

 			text-align: left;
			font-size: 0.8em;
			line-height: 1.2em;
			text-transform: uppercase;
			font-weight: 400!important;

			margin: 0 10px;
			padding: 0 10px;
			border-bottom: 1px solid rgba(250,250,250,0.8);
		}
				header nav ul li ul li:last-child {
				    border-bottom: none!important;
				    /*border: none;*/
				}

					header nav ul li ul li a,
					header nav ul li.current_page_item ul li a,
					header nav ul li.current_page_parent ul li a {
						display: block;
						color: #fff;
						margin: 10px 0;
					}
					
						
						header nav ul li ul li a:hover,
						header nav ul li ul li.current_page_item a,
						header nav ul li ul li.current_page_parent a {
							display: block;
							color: #5b9dd7;
						}


/*---------------------------------------------------------WYSYWIG Image styles */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	img.round {
		border: none;
	} 
}

p img {
	padding: 0;
	max-width: 100%;
	height:auto;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignright {
	float: right;
	padding: 4px 0 4px 7px;
	}

.alignleft,
.attachment-alignleft {
	float: left;
	margin: 4px 7px 4px 0;
	}
	
img.alignright {
	margin: 0 0 10px 15px;
	display: inline;
	}

img.alignleft,
img.attachment-alignleft {
	margin: 0 15px 10px 0;
	float: left;
	display: inline;
	}


.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 0.688em;
	line-height: 11px;
	color: #999999;
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px; 
	border: 3px solid #e6aa7d;
	padding: 0;
}


/*----------------------------------------------------- RESPONSIVE STYLES */
/*------------------------------------------------------------------------*/

/*=========================================*/
/*When smaller than '.inner' min-width:*/
/*=========================================*/
@media only screen and (max-width : 1306px) {

	.strip .inner,
	.inner {
		width: 100%;
	}

	/*---//HEADER//----*/
	.header-group.form-links,
	.header-group.button-link-box,
	.header-group.social-links,
	.header-group.app-links {
	    margin-top: 10px;
	}

	.strip.group.banner{
		height:auto;
	}
	.strip.group.banner .tag{
		height: auto;
	}
	.strip.group.banner #tagimg{
		height: auto;
	}
	.cycle-slideshow{
		min-height: inherit;
	}
		.cycle-slideshow .slide {
		    width: 100%;
		    height: 100%;
		}
		.cycle-slideshow .slide .slide-img{
			height:100%;
		}

	.strip.group.banner #tagline.red {
	    width: 30%;
	    max-width: 30%;
	    height: 100%;
	    font-size: 52px;
	    padding: 60px 0;
	}
		.strip.group.banner #tagline.red .longword{
			font-size: 48px;
		}
		.strip.group.banner #tagline.red .verylongword{
			font-size: 42px;
		}
		.banner #tagline .tagline-inner{
		    padding: 60px 40px 0 30px;
		}

	.strip.group.banner #tagimg img {
	    width: 70%;
	    margin-left: 30%;
	    height: 100%;
	}

	.bx-controls-direction{
		width: 100%;
		height: 100%;
	    top: 0;
	}
	.bx-prev {
		left: 30%;
	    top: 50%;
	}
	.bx-next {
		left: auto;
		right: 0;
	    top: 50%;
	}
	.cycle-pager span {
		font-size: 70px;
		padding: 0 8px;
	}




/*---//HOMEPAGE//----*/
	.home .half-left{
		width: 30%;
	}

	.home .third-right{
		width: 70%;
	}
		.third-right .tour.enrol{
			max-width: 30%;
	    	float: left;
		}
			.third-right .tour.enrol img{
				max-width: 96%;
	    		height: auto;
			}
		.third-right .promo{
			width: 70%;
	    	float: left;
		}
		.third-right .promo iframe{
			max-width: 98%;
		}

		.full-left .news-box,
		.full-left .events-box{
			width: 260px;
			padding: 20px 25px 0 25px;
		}

	.social-feed-container .extra-video-container .video,
	.social-feed-container .twitter-feed-box{padding-bottom: 20px;}

/*---//PAGE//----*/
	.half-right{
		width: auto;
		float: none;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 0 40px;
	}
	.half-left{
		width: 100%;
	    margin-bottom: 10px;
	}
		.half-left > .group{
			width: 50%;
	    	float: left;
	    	padding: 0;
		}
		.home .half-left > .group{
			width:auto;
			padding: 30px 40px;
		}

		.half-left .links-container{
			padding: 30px 40px;
		}


/*---//FOOTER//----*/
	footer .logo-text {
	    float: none;
	    /*text-align: left;*/
	    text-align: center;
		margin: 20px 0 30px 0;
	    width: 100%;
	}

	footer .app-text {
		float: right;
	    margin: 5px 20px;
	    width: auto;
	    clear:both;
	}
		footer .app-text img{
			float: left;
		}

	footer .copy{
		padding-top:30px;
	}

} /*---//end max-width:1306//----*/


/*=========================================*/
/*=========================================*/
@media only screen and (max-width : 1230px) {

/*---//HEADER//----*/
header #jpc-logo{
	height: 157px;
	width: 460px;
    background-position: top 10px left 20px;
}

header nav{
	margin-top: 16px;
    font-size: 15px;
    padding-right: 20px;
}

/*---//HOMEPAGE//----*/
	.home .half-left{
		width: 30%;
	}

	.home .third-right{
		max-width: 65%;
		/*width:auto;*/
		width:65%;
	}
		.third-right .tour.enrol{
			max-width:100%;
			width:100%;
			height: 170px;
		}
			.third-right .tour.enrol a{
				text-decoration: none;
			}
			.third-right .tour.enrol img{
				max-height: 167px;
				width:auto;
				float: none;
			}
		.third-right .promo{
			width: 100%;
	    	padding: 10px 0;
		}
	.home .full-left{
		max-width:65%;
		width:65%;
		float:right;
	}
		.full-left .map{
			padding: 20px 0 30px 0;
		}
	.full-left .news-box{
		padding-left: 0;
	}

	.half-right{
		min-height: 360px;
	}


}/*---//end max-width:1200//----*/

@media only screen and (max-width : 1175px) {
	header nav ul li{
		font-size: 1em;
		margin: 0 0 0 24px;
	}
}
@media only screen and (max-width : 1075px) {
	header nav ul li{
		text-transform: none;
	}
	header nav{
	    padding-right: 10px;
	}

	.strip.group.banner #tagline.red { font-size: 50px; }
	.strip.group.banner #tagline.red .longword{ font-size: 46px; }
	.strip.group.banner #tagline.red .verylongword{ font-size: 40px; }
}
@media only screen and (max-width : 930px) {
	header nav{
    	font-size: 14px;
    	padding-right: 5px;
	}
	header nav ul li{
		margin: 0 0 0 15px;
	}
}
@media only screen and (max-width : 810px) {
	header nav ul li{
		margin: 0 0 0 2px;
	}
	header nav ul#menu-mainnav > li:after{
		content: '|';
		padding-left: 2px;
	}
	header nav ul#menu-mainnav > li:last-child:after{
		content: '';
		padding-left: 0;
	}
}

/*=========================================*/
/*=========================================*/
@media only screen and (max-width : 1026px) {

	/*---HEADER//---*/
	.strip.group.banner #tagline.red {
	    font-size: 38px;
	}
		.banner #tagline .tagline-inner{
		    padding: 20px 50px 0 30px;
		}
	/*---//HOMEPAGE//----*/
	.home .half-left{
		display: none;
	}
	.home .third-right{
		/*width: auto;*/
		width:100%;
    	max-width: 100%;
	}
	.home .third-right-content{
		padding: 0 20px;
	}
		.third-right .tour.enrol{
			width: 35%;
		}
		.third-right .tour.enrol img{
			max-width: 96%;
    		max-height: initial;
		}
		.third-right .promo{
			width: 65%;
		}
	.home .full-left{
		max-width: 100%;
		/*width: auto;*/
    	width:100%;
    	float: none;
	}
	.home .full-left-content{
		padding: 20px;
	}

	.full-left .map{
		width: 100%;
	    height: 100%;
	    float: none;
	}
		.full-left .map .map-fullscreen{display: none;}
			.full-left .map img{
				display: block;
	    		max-width: 70%;
			}
			.full-left .map a{
				text-decoration: none;
			}
			.full-left .map .contact{
				display: block;
			    float: left;
			    position: initial;
			    margin: 0;
			    left: 0;
			    width: 30%;
			    max-width: 30%;
			    height: 100%;
			}
		.full-left .map-responsive{
			display: inline-block;
    		max-width: 60%;
    		width: 60%;
    		float: left;
		}
			.full-left .map-responsive iframe{
				max-width: 100%;
			}

	.full-left .news-box, .full-left .events-box{
		/*width: 290px;
    	padding: 20px 40px 0 40px;*/
    	/*min-width: 270px;*/
   		padding: 20px 30px 0 30px;
    	width: 41%;
	}

	.responsive-sidelinks{
		display: block;
	}

	.half-right{
		min-height: auto;
	}
}

@media only screen and (max-width : 924px) {
	.strip.group.banner #tagline.red { font-size: 40px; }
	.strip.group.banner #tagline.red .longword{ font-size: 36px; }
	.strip.group.banner #tagline.red .verylongword{ font-size: 32px; }
}

@media only screen and (max-width : 768px) {
	/*--MENU--*/
	/*'homepage': hide from menu: will show in dropdown display*/
	.home header nav ul li.menu-item-109,
	.archive header nav ul li.menu-item-109,
	.single header nav ul li.menu-item-109,
	.search header nav ul li.menu-item-109{
		display:block;
	}

	/*--------Navigation bar: change to a dropdown menu;  -------*/
	header.strip {
		overflow: visible;
	}

	header nav, 
	header nav ul, 
	header nav ul li, 
	header nav ul li a,
	header nav ul li.current_page_item {
	    font-size: 17px;
	    line-height: 17px;
	    text-transform: none;
	    font-family: Raleway, Arial, sans-serif;
	}

	header nav {
		position: relative;
		min-height: 49px;
		width: 100%;
		z-index: 3;
		margin-bottom: 0;
		padding: 0;
		border-bottom: 6px solid #b50025; /*#001e4a;*/
	}
		header nav ul {
			width: 100%;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
			text-align: left;
			min-height: 40px;
			background: #39393a url(images/icon-menu.png) no-repeat 15px 20px;
			background-color: #dadada;
			border-radius: 0;
			line-height: 18em;
		}

			header nav ul li {
				display: none; /* hide all <li> items */
				margin: 0;
				padding: 0;
				border-right: none;
				line-height: 40px;
				width: 100%;
				float: left;
			}

				header nav ul:hover li {
					display: block;
				}
				/*has child menu*/
				header nav ul li:hover ul{
					display: none;
				}
				header nav:hover ul li.current_page_item ul,
				header nav:hover ul li.current_page_parent ul,
				header nav:hover ul li.current_page_ancestor ul {
					display: block;
				}

				header nav ul li.current_page_item,
				header nav ul li.current-menu-parent,
				header nav ul li.current-page-ancestor{
					display: block; 
					height: auto !important;
					
				}

					header nav ul li.current_page_item a,
					header nav ul li.current-menu-parent a,
					header nav ul li.current-page-ancestor a {
						color: #5b9dd7;
					}


					header nav ul li a {
						display: inline-block;
						margin: 12px 5px 10px 45px;
						padding: 5px 0;
						text-align: left;
						width: auto;
						color: #001e4a;
					}
				
					header nav ul li a:hover, 
					header nav ul li.current_page_item a 
					/*.single-stories header nav ul li.page-item-4 a,*/
					/*.single-post header nav ul li.page-item-8 a */{
					    color: #5b9dd7;
					}
					
					header nav ul li.current_page_item a,
					header nav ul li.page-item-2.current_page_item a, 
					header nav ul li.page-item-2 a:hover {
						background: none;
						color: #5b9dd7;
					}
					
					header nav ul li.page-item-2 a {
						text-indent: 0;
						height: auto;
						width: auto;
						display: inline-block;
						margin: 12px 5px 10px 45px; /* 23/935 */
						background: none;
						position: relative;
						top: 0;
						opacity: 1;
					}
		/*-----Header Submenu/Dropdown----*/	
		header nav ul li ul {
			display: none;
			position: relative;
			z-index: 0;
			width: auto;
			max-width: auto; 
			float: none;
			left: 0;
			margin: 0 0 0 20px;
			padding: 0;
			color: #001e4a;
			background: inherit;
			border: medium none;
			max-width: 100%;
		}
			header nav ul li ul:last-child{
				left:0;
				margin-left: 20px;
			}
			header nav ul li ul.sub-menu:after {
				left: 0;
				top: 0;
				display: block;
				position: relative;
				border: medium none;				
			}
					
			header nav ul li ul li {
				display: block;
				float: none;
				width: auto;
	 			text-align: left;
				font-size: 0.8em;
				line-height: 1.1em;
				text-transform: none;
				margin: 0 20px;
				padding: 0 20px;
				border-bottom: medium none;
			}

				header nav ul li ul li a,
				header nav ul li.current_page_item ul li a,
				header nav ul li.current_page_parent ul li a,
				.single-event header nav ul li.menu-item-105 a,
				.single-post header nav ul li.menu-item-106 a,
				.archive header nav ul li.menu-item-106 a,
				.blog header nav ul li.menu-item-106 a {
				    color: #001e4a;
				}

				header nav ul li ul li:hover a,
				.single-event header nav ul li.menu-item-105:hover a,
				.single-post header nav ul li.menu-item-106:hover a,
				.archive header nav ul li.menu-item-106:hover a,
				.blog header nav ul li.menu-item-106:hover a,
				header nav ul li ul li.current_page_item a,
				header nav ul li ul li.current_page_parent a {
				    color: #5b9dd7;
				}

	/*---FOOTER---*/
	footer .app-text{
		float: left;
	    width: 40%;
	    clear: none;
	    padding: 0 5%;
	    margin: 0;
	}
	footer .app-text p{
		float: none;
    	text-align: left;
	}
	footer .app-text img#icon-alert,
	footer .app-text img#icon-gplay,
	footer .app-text img#icon-appstore,
	footer .app-text img.icon-qkr{
		margin: 5px 5px 5px 5px;
	}

	footer .inner.copy{
		width:96%;
	}


} /*---//end max-width:1024//----*/

@media only screen and (max-width : 800px) {
	/*---//HEADER//---*/
	header .strip .fit-logo.search{
		width:96%;
		text-align: center;
		padding:0 2%;
	}
	.header-group.button-link-box{
		margin-top: 0;
	}

	.btn{
		padding: 10px;
		font-size: 0.8em;
	}
	/*---//BANNER/---*/
	.strip.group.banner #tagline.red{
		width: 100%;
	    height: auto;
	    padding: 10px 0;
	    max-width: 100%;
	}
		.banner #tagline .tagline-inner{
			width: auto;
    		padding: 0 30px;
    		font-size: 32px;
    		text-align: center;
		}
		.banner #tagline .tagline-inner.longtitle {
			font-size: 30px;
		}
	.strip.group.banner #tagimg img{
		width: 100%;
    	max-width: 100%;
    	margin-left: 0;
	}
	.bx-prev{
		left: 0;
		/*background-color: rgba(255,255,255,0.7);
    	border-radius: 0 12px 12px 0;*/
	}
	.bx-next{
		/*background-color: rgba(255,255,255,0.7);
    	border-radius: 12px 0 0 12px;*/
	}

	.cycle-pager{
		left: 40%;
	}

	/*---//HOMEPAGE//---*/
	.home .third-right-content.first-line{
		text-align: center;
	}
	.third-right .tour.enrol{
		width: 100%;
    	height: auto;
	}
		.third-right .tour.enrol img{
			height: auto;
		    max-width: 300px;
		    margin: 0;
		    max-height: 160px;
		    width: 48%;
		}
	.third-right .promo{
		width:100%;
	}
		.third-right .promo iframe{
			max-width: 100%;
		}
	.third-right .promo small{
		padding-left: 0;
    	display: block;
	}

	.full-left .map-responsive{
		width: 100%;
    	max-width: 100%;
    	float: none;
	}
		.full-left .map-responsive iframe{
   			width: 100%;
   			max-height: 300px;
		}
		.full-left .map .contact{
			width: auto;
    		max-width: 100%;
    		float: none;
		}

	.full-left .news-box, 
	.full-left .events-box{
		width: 100%;
    	height: auto;
   	 	margin-bottom: 15px;
    	padding: 0;
	}
	.full-left .post-box-container{
		padding: 20px;
	}

	.full-left .events-box .event-date{
		width: auto;
    	float: left;
    	border-bottom: none;

    	border-right: 1px solid #fff;
    	padding-right: 20px;
	}

	.events-box .event-info{
		overflow: hidden;
    	padding-left: 40px;
	}
		.full-left .events-box .event-date .event-day{
			font-size: 5em;
		}
		.full-left .events-box .event-title{
			text-align: left;
			font-size: 1.7em;
			margin-top: 15px;
		}
		.events-box a.text-responsive {
			display: block;
			text-decoration: underline;
		}
		.events-box a.text-responsive:hover {
			color:#fff;
			text-decoration: underline;
		}

	.responsive-sidelinks{
		padding: 30px 0 0 10px;
	}

	.social-feed-container .twitter-feed-box{ width: 100%;}
		.social-feed-container .twitter-feed-container{ padding-left:0;padding-right: 0;}
	.social-feed-container .extra-video-container{ width: 100%;}
		.social-feed-container .extra-video-container .video{ padding-left:0;padding-right: 0;}

	.promo h3.red{padding-top:20px;}


	/*---//PAGE//----*/
	.half-left > .group{
		width: 100%;
    	float: left;
    	padding: 0;
	}

} /*---//end max-width:800//----*/

@media only screen and (min-width: 767px){
	/*'homepage': hide from menu: will show in dropdown display*/
	header nav ul li.menu-item-109 a{
		/*display:none;*/
	}
}	
@media only screen and (max-width: 768px){
	/*PLUGIN: ENABLE STICKY MENU*/
	#menu-group nav{
		display: none;
	}
	.slicknav_btn{
		width:99%;
	}
	.slicknav_menu{
		padding: 0 10px!important;
		margin-top: 13px;
	}
	.slicknav_menu .current-menu-item a{ 
		color: #5b9dd7;
	}
	.slicknav_menu li.current-menu-parent > a,
	.slicknav_menu li.current-menu-parent > a > a {
		color: #5b9dd7;
	}
}

@media only screen and (max-width : 680px) {
	header .social.search form#search input{
		width:auto;
	}

	.btn {
	    padding: 10px;
	    font-size: 0.8em;
	    width: 42%;
	    margin: 10px 2% 0 2%;
	    padding: 2%;
	    text-align: center
	}

	.half-right{
		padding: 0 20px;
	}
}

/*=========================================*/
/*Handheld / Mobile:*/
/*=========================================*/
@media only screen and (max-width : 640px) {

	.banner #tagline .tagline-inner{
		font-size: 28px;
	}
	.banner #tagline .tagline-inner.longtitle {
		font-size: 24px;
	}

	header #jpc-logo{
		width: 100%;
    	background-size: contain;
    	background-position: center center;
	}

	header .strip .fit-logo.search{
		width:100%;
	}
	header .social.search form#search input{
		margin-left: 10px;
	}
}


@media only screen and (max-width : 540px) {

	.team-table-3col tr{
		display: block;
    	padding: 14px 0;
    	width: 100%;
	}
	.team-table-3col td{
		display: block;
    	width: 98%;
    	word-wrap: break-word;
	}
		.team-table-3col td:first-child{
    		font-weight: bold;
		} 	


	.staff-table-4col tr{
		display: block;
    	padding: 14px 0;
    	width: 100%;
	}
	.staff-table-4col th, 
	.staff-table-4col tr:first-child{
		display: none;
	}
	.staff-table-4col td{
		display: block;
    	width: 98%;
    	word-wrap: break-word;
	}
		.staff-table-4col td:first-child, 
		.staff-table-4col td:nth-child(2){
			display: inline;
    		width: 50%;
    		padding-right: 2px;
    		font-weight: bold;
		} 


	/*responsive menu kicks in?*/
	/*header nav { display: none; }
	header #jpc-full{ padding-bottom: 10px; }*/

	header .search form {
    	text-align: center;
    	float: left;
	}
		header .social.search form#search input{
			float: none;
			width: auto;
		}
		header .social.search form#search input#go{
			float: none;
    		margin: 0;
    		padding: 10px 20px 0 20px;
   			background-position: center center;
		}
	.bx-controls-direction a{
		margin-top: 0;
	}

	.banner #tagline .tagline-inner{
		font-size: 20px;
		padding:0 5px;
	}
	.banner #tagline .tagline-inner.longtitle {
		font-size: 17px;
	}

	.cycle-pager{
		left: 30%;
	}

	.third-right .tour.enrol img{
		text-align: center;
	}

	.third-right .promo iframe{
		height: auto;
    	padding: 2px 0;
    	background-color: #000;
	}
	.full-left .map{
		padding: 0 0 30px 0;
	}

	.full-left .events-box h3{
		padding-bottom: 13px;
	}
		.full-left .events-box .btn-white{
			margin-top: -4px;
		}
		.full-left .events-box .event-date{
			width: 50%;
		    border-bottom: 1px solid #fff;
		    float: right;
		    border-right: none;
		    text-align: right;
		}
		.events-box .event-info{
			width: 100%;
    		text-align: right;
    		padding-left: 0;
		}
		.full-left .events-box .event-title{
			text-align: right;
		}

	.article-feature{
		display: none;
	}

	#em-wrapper table, #em-wrapper tbody,
	.css-events-list table, .css-events-list tbody{
		display: block;
	}
	#em-wrapper thead,
	.css-events-list thead{
		display: none;
	}
		#em-wrapper tr,
		.css-events-list tr{
			display: block;
    		padding: 14px 0;
		}
		#em-wrapper td,
		.css-events-list td{
			width:100%;
			display: block;
		}
		#em-wrapper .eventdates,
		.css-events-list .eventdates{
			color: #6a6a6a;
		}

	#em-wrapper h2,
	.css-events-list h2 {
		margin-bottom: 0;
		color: #5b9dd7;
	}

	#em-wrapper .em-search-wrapper,
	.em-search-wrapper{
		margin: 22px 0;
	}
	div.css-search div.em-search-text{
		margin:0;
	}


	.main-content .full-page{
		width: 96%;
   		margin: 0;
    	padding: 0 2%;
	}
		.main-content .full-page ol{
			padding-left: 20px;
		}
		.main-content .full-page li {
			padding-right: 10px;
		}
	
}
@media only screen and (max-width : 480px) {
	.single-news .article-image{
		max-width: 100%;
		text-align: center;
	}
		.single-news .article-image img{
			max-width: 98%;
			height: auto;
			padding-left: 0;
			padding-right: 0;
		}

	.strip.group.banner #tagline.red,
	.strip.group.banner #tagline.red .longword,
	.strip.group.banner #tagline.red .verylongword,
	.banner #tagline .tagline-inner.longtitle{
		font-size: 20px;
	}
}

@media only screen and (max-width : 400px) {

	.strip.group.subbanner .tag{
		background: #fff;
	}
	.subbanner #tagimg.navy, 
	.subbanner #tagimg-overlay{
		margin-left: 0;
	}
	.cycle-pager{
		display: none;
	}

	.third-right .tour.enrol img{
		width: 100%;
	}

	.strip.group.subbanner #tagline.red{
		width: 100%;
	    padding: 0;
	    margin: 0;
	    height:auto;
	    min-height: 60px;
	    position: absolute;
    	z-index: 1;
	}
		.subbanner #tagline.red .tagline-inner{
			/*padding: 15px 0 10px 20px;*/
			/*font-size: 40px;*/
			font-size: 30px;
    		padding: 0 10px 0 20px;
    		    line-height: 40px;
    			height: 60px;
    			display: table-cell;
    			vertical-align: middle;
    			zoom:1;
		}
		h1{font-size: 30px;}

	.subbanner #tagimg.navy.custom{
		margin-left: 0;
		margin-top: 59px;
		background-size: 720px auto;
	}

	.half-right{
		padding: 20px 10px 0 10px;
		margin-bottom: 40px;
		margin-top: 0;
	}
		.principal-img{
			float:none;
		}

	.article-image{
		width: 100%;
		margin: 0;
	}
	.news h1{
		width:100%;
	}

	.newslist li{
		margin: 0;
	}
}