/* Reset.css
------------------------------------------------------------------------------------ */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
	input[type="text"],input[type="submit"],textarea{-webkit-appearance:none;-webkit-border-radius:0;}

/* Main
------------------------------------------------------------------------------------ */
html {
		height:100%;
	}
	body{
		font-family: 'Raleway', sans-serif;
		font-size:16.5px;
		color:#585858;
		height:100%;
		background-color:white;
	}
	h1{
		font-size:2.1em;
		font-weight:normal;
		text-align:center;
		margin:0 0 1em 0;
		padding-bottom:60px;
		border-bottom:1px dotted #721446;
	}
		h1 span{
			color:#f1615b;
		}
	h2{
		font-size:1.5em;
		font-weight:bold;
		margin:1em 0 0.5em 0;
	}
	h3{
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 0.25em 0;
	}
	h4{
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 0.25em 0;
	}
	h5{
		font-size:1em;
		font-weight:bold;
		margin:0 0 0.25em 0;
	}
	p{
		margin:0 0 1em 0;
	}

	ul.bullet{
		list-style:none;
		margin-bottom:1em;
	}
		ul.bullet li{
			padding-left:25px;
			list-style:none;
			background:url('../img/bullet.gif') no-repeat 0 5px;
			margin:0 0 0.5em 0;
		}


/* Containers
*/
	div#header-wrapper{
		background-color:#ffffff;
		margin:0;
		height:130px;
	}

		div#header{
			width:1224px;
			position:relative;
			margin:0 auto;
		}
			div#header a#logo{
				margin:0;
				display:block;
				padding:5px 0 0 0;
				float:left;
				margin-right:120px;
			}

			div#header div#header-right{
				float:right;
				margin:30px 0 0 0;
				text-align:right;
			}

			.linkContainer {
				display: flex;
				align-items: center;
				justify-content: space-evenly;
				a {
					text-decoration: none;

					&#search-anchor {
						margin-right: 20px;
						margin-top: 5px;
					}

					div.poweredByCorals	{
						padding: 10px;
						background: #721446;
						text-align: center;

						p {
							color: #ffffff;
							text-transform: capitalize;
							margin: 0;
						}
					}
				}
			}	

			form#header-search-form{
				position:absolute;
				top:70px;
				right:220px;
				vertical-align:middle;
				background:#861b18;
				padding:5px;
			}
				form#header-search-form a#header-search-close{
					display:none;
				}
				form#header-search-form input{
					vertical-align:middle;
					padding:4px 4px;
				}
					form#header-search-form input#keyword{
						width:300px;
						font-size:1em;
						padding:7px;
					}

			div#header div#top-nav{
				margin-bottom:1em;
			}
				div#header div#top-nav a,
				div#header div#top-nav a:visited{
					color:#272b2c;
					text-decoration:none;
					border-right:1px solid #272b2c;
					padding-right:10px;
					margin-right:10px;
					line-height:1em;
				}
				div#header div#top-nav a:last-child{
					border-right:0;
					margin-right:0;
					padding-right:0;
				}
			div#header a#top-menu,
			div#header a#top-menu:visited{
				display:inline;
				color:#272b2c;
				font-size:1em;
				text-decoration:none;
				text-align:right;
			}
				div#header a#top-menu img{
					margin-left:5px;
				}

			div#header div#top-menu-items{
				position:absolute;
				top:100px;
				right:0;
				z-index:100000;
				text-align:left;
				background:url('../img/menu-top-arrow.png') no-repeat 87% 0;
				display:block;
				width:220px;
				display:none;
			}
				div#header div#top-menu-items ul{
					list-style:none;
					background:#ffffff;
					margin:20px 0 0 0;
					padding:10px;
					-moz-box-shadow: -5px 5px 2px 2px rgba(0,0,0,0.2);
					-webkit-box-shadow: -5px 5px 2px 2px rgba(0,0,0,0.2);
					box-shadow: -5px 5px 2px 2px rgba(0,0,0,0.2);
				}
					div#header div#top-menu-items ul li{
						margin:0;
						list-style:none;
						padding-bottom:2px;
					}
						div#header div#top-menu-items ul li a,
						div#header div#top-menu-items ul li a:visited{
							text-decoration:none;
						}

	div#content-wrapper{
		width:100%;
		margin:0 auto 0 auto;
		padding-top:40px;
		background-color: #f6f3f3;
	}

		div#page-content{
			width:1224px;
			margin:0 auto;
		}

	div#subcontent-wrapper{
		width:100%;
		background-color: #721446;
		margin: 0;
		div#sub-content-padding{
			height: 50px;
			width: 100%;
			background-color: #f6f3f3;
		}
	}
		div#subcontent{
			width:1224px;
			position:relative;
			margin:0 auto 0 auto;
			padding:50px 0 60px 0;
		}
			div.subcontent-column{
				width:25%;
				float:left;
				color:#ffffff;
			}
				div.subcontent-column a,
				div.subcontent-column a:visited{
					display:block;
					color:#ffffff;
					text-decoration:none;
					padding-left:35px;
				}
				div.subcontent-column h4{
					font-size:1.3em;
					padding-left:35px;
					margin-bottom:0.8em;
				}
				div#subcontent-col1 h4{
					background:url('../img/icons/subcontent-categories.gif') no-repeat 0 0;
				}
				div#subcontent-col2 h4{
					background:url('../img/icons/subcontent-people.gif') no-repeat 0 0;
				}
				div#subcontent-col3 h4{
					background:url('../img/icons/decades.svg') no-repeat 0 0;
					background-size: 19px 21px;
				}
				div#subcontent-col4 h4{
					color:#e3cc5c;
					background:url('../img/icons/subcontent-aboutus.png') no-repeat 0 0;
				}

	div#footer-wrapper{
		margin:0;
		width:100%;
		background-color: #ffffff;
		max-height:183px;
	}
		div#footer{
			width:1224px;
			position:relative;
			margin:0 auto 0 auto;
			text-align:right;
			padding-top:44px;
			.footer_logo1{
				position: absolute;
				bottom: 20px;
				left: 0;
				width: 25%;
				@media screen and (max-width: 660px){
					top: 20px;
					left: 5%;
					width: 40%;
				}
			}
			.footer_logo2{
				position: absolute;
				bottom: 20px;
				left: 35%;
				width: 25%;
				@media screen and (max-width: 800px){
					left: 27%;
				}
				@media screen and (max-width: 660px){
					top: 20px;
					right: 5%;
					left: inherit;
					width: 40%;
				}
			}
			@media screen and (max-width: 660px){
				padding-top: 80px !important;
			}
			@media screen and (max-width: 480px){
				padding-top: 60px !important;
			}
		}
			div#footer p{
				display:block;
				color:#272b2c;
				font-size:1.2em;
				margin:0;
				padding:35px 0 20px 0;
			}
			div#footer a.footer-icon-facebook{
				margin-right:42px;
			}
			div#footer a.footer-icon-pinterest{
				margin-right:32px;
			}
			div#footer a.footer-icon-twitter{
				margin-right:28px;
			}
				div#footer p a,
				div#footer p a:visited{
					color:#272b2c;
					text-decoration:none;
				}

	div#cookiemessage-container {
		border-bottom: 1px solid #eeeeee;
		text-align: center;
		border-top: 0px;
		padding: 15px
	}

	div#cookiemessage-container p {
		margin: 0;
	}

	a,
	a:visited{
		color:#000000;
	}

	/* Image Grid
	*/
	ul.image-grid{
		margin:0;
		list-style:none;
	}
		ul.image-grid li{
			list-style:none;
			float:left;
			width:280px;
			margin:0 34px 40px 0;
			padding-bottom:60px;
			border-bottom:2px dotted #721446;
			position:relative;
		}
			ul.image-grid li.last{
				margin-right:0;
			}
			ul.image-grid li a.image-container{
				position:relative;
				display:block;
			}
				ul.image-grid li a.image-container img.thumbnail{
					width:100%;
				}
			ul.image-grid li p.imageid{
				color:#585858;
				margin:0 0 0.5em 0;
			}
			ul.image-grid li h4{
				color:#721446;
				font-weight:normal;
				margin:0 0 1em 0;
			}


/* Common
------------------------------------------------------------------------------------ */
	/* jQuery UI overridden styles
	*/
	.ui-dialog-content,
	.ui-widget-content{
		overflow:hidden !important;
	}

	.ui-tooltip {
    padding: 10px 20px;
    font-size:0.85em;
    box-shadow: 0 0 7px black;
		border-radius:0;
  }

	.lightbox{
		width:800px;
		min-height:100px;
		padding:35px 20px 20px 20px;
		background:#ffffff;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

		a.lightbox-close,
		a.lightbox-close:visited{
			text-decoration:none;
			color:#ffffff;
			position:absolute;
			top:-5px;
			right:-5px;
			text-align:right;
			margin:0;
			display:block;

			border:2px solid #ffffff;
			width:22px;
			height:22px;
			background:#000000;
			text-align:center;
			line-height:20px;
			font-size:1.4em;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;

			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
		}


	div.pagination{text-align:center;margin-bottom:2em;line-height:24px;margin-top:15px;}
		div.pagination span.current{width:24px;height:24px;display:block;float:left;margin-left:5px;border:1px solid #c0c0c0;}
		div.pagination span.disabled{float:left;display:block;}

		div.pagination a,
		div.pagination span{margin-right:5px;}

		div.pagination a:link,
		div.pagination a:active,
		div.pagination a:hover,
		div.pagination a:visited{display:block;color:#000;float:left;background-color:transparent;}

			div.pagination span.first,
			div.pagination a.first:link,
			div.pagination a.first:active,
			div.pagination a.first:hover,
			div.pagination a.first:visited{text-decoration:none;background:transparent;}

			div.pagination span.next,
			div.pagination a.next:link,
			div.pagination a.next:active,
			div.pagination a.next:hover,
			div.pagination a.next:visited{text-decoration:none;background:transparent;}

			div.pagination span.previous,
			div.pagination a.previous:link,
			div.pagination a.previous:active,
			div.pagination a.previous:hover,
			div.pagination a.previous:visited{text-decoration:none;background:transparent;}

			div.pagination span.last,
			div.pagination a.last:link,
			div.pagination a.last:active,
			div.pagination a.last:hover,
			div.pagination a.last:visited{text-decoration:none;background:transparent;}

			div.pagination a.num:link,
			div.pagination a.num:active,
			div.pagination a.num:hover,
			div.pagination a.num:visited{width:24px;height:24px;text-decoration:none;margin:0;margin-right:5px;background-color:#ffffff;border:1px solid #e5e5e5;}

	*:focus
	{
			outline: none;
	}

	.clearfix:after { content: ""; display: table; clear: both; }
	.clearfix { *zoom: 1; }
	.text-error{
		color:#ff0000;
	}

	.hidden{
		display:none;
	}

	.clicktoclose{
		cursor:pointer;
	}

	.success,
	.error,
	.notice{
		padding:10px;
	}

	.flashdata{
		width:100%;
		text-align:center;
		font-size:1em;
		font-weight:bold;
		color:#ffffff;
	}
	p.error,
	div.error{
		background:#960e09;
		color:#ffffff;
	}
		div.success a,
		div.success a:visited,
		div.error a,
		div.error a:visited{
			color:#ffffff;
		}
	p.notice,
	div.notice{
		background:#fdb913;
		color:#ffffff;
	}
	p.success,
	div.success{
		background:#fdb913;
		color:#ffffff;
	}

	ul.errors{
		list-style:none;
		color:#ff0000;
		margin:0 0 1.5em 0;
	}

	/*
	.action-sprite, .action-add, .action-delete, .action-edit, .action-gallery, .action-key, .action-noentry, .action-pdf, .action-pen, .action-success, .action-view { background: url('/a/img/icons/action-s5b884348eb.png') no-repeat; }
	.action-add { background-position: 0 -100px; }
	.action-delete { background-position: 0 -20px; }
	.action-edit { background-position: 0 -140px; }
	.action-gallery { background-position: 0 -60px; }
	.action-key { background-position: 0 -120px; }
	.action-noentry { background-position: 0 -80px; }
	.action-pdf { background-position: 0 -160px; }
	.action-pen { background-position: 0 -180px; }
	.action-success { background-position: 0 0; }
	.action-view { background-position: 0 -40px; }
	*/

	.action-sprite, .action-add, .action-delete, .action-edit, .action-gallery, .action-key, .action-noentry, .action-pdf, .action-pen, .action-success, .action-view{
		background: url('/a/img/icons/actions-sprite.png') no-repeat;
	}
	.action-add { background-position: 0 -36px; }
	.action-delete { background-position: 0 0; }
	.action-edit { background-position: 0 -71px; }
	.action-gallery { background-position: 0 -106px; }
	.action-key { background-position: 0 -140px; }
	.action-noentry { background-position: 0 -174px; }
	.action-pdf { background-position: 0 -160px; }
	.action-pen { background-position: 0 -210px; }
	.action-success { background-position: 0 -246px; }
	.action-view { background-position: 0 -280px; }

	.optional{font-weight:normal;}

	.actions { text-align: right; }
	.actions a { display: inline-block; width: 33px; height: 33px; }
	.actions a:last-child { margin-right: 10px; }

	.action-delete { display:inline-block; width:33px; height:33px; }

	.dialog-confirm span.ui-icon { float: left; margin: 0 7px 20px 0; }

	.align-right{
		float:right;
	}

	.align-centre{
		text-align:center;
	}

	.image-right{
		float:right;
		margin-left:20px;
		margin-bottom:20px;
	}

	.sticky{
		position:fixed;
		top:0;
	}


/* Forms
------------------------------------------------------------------------------------ */
	form {
		margin:0;
		padding:0;
	}
		form fieldset {
			margin:1em 0;
			border:0;
			width:96%;
			padding:1em 2%;
		}
			form fieldset.noborder {
				border:0;
			}
		form legend {
			font-weight: bold;
			margin-bottom: 1em;
			margin-left:15px;
			font-size: 1em;
		}
		form input[type="text"],
		form input[type="password"] {
			padding: 4px 4px;
			vertical-align:middle;
			border: 1px solid #dcdcdc;
			background: #ffffff;
		}
		form select {
			padding: 4px 4px;
			border: 1px solid #dcdcdc;
			background: #ffffff;
		}
		form textarea {
			border: 1px solid #dcdcdc;
			background: #ffffff;
		}
		form label {
			display:block;
			font-weight:bold;
		}

		form fieldset div.row {
			margin-bottom: 1em;
		}

		form.inline label{
			display: inline;
		}

		/* Stacked form
		*/
		form.stacked fieldset div.row label{
			/*color:#f26259;*/
			display:block;
			margin:0 0 0.5em 0;
		}
			form.stacked fieldset div.row div.margin-left label{
				color:#585858;
			}

		form.stacked fieldset div.row input[type="password"],
		form.stacked fieldset div.row input[type="text"],
		form.stacked fieldset div.row textarea{
				width: 96%;
				border:1px solid #721446;
				padding:12px 10px;
				font-size:1em;
		}

			form.stacked fieldset div.row input.captcha{
				width:54%;
				vertical-align:middle;
				margin-bottom: 10px;
				padding: 10px 10px;
				@media screen and (max-width: 1224px){
					width: 95%;
				}
			}
			form.stacked fieldset div.row img{
				vertical-align:middle;
				margin-bottom: 10px;
			}

		form.stacked fieldset div.row select{
				width: 100%;
				border:1px solid #721446;
				font-size:1em;
				padding:8px 8px;
		}

		form.stacked div.row-submit{
			margin-top:2.4em;
		}


		/* Horizontal form
		*/
		form.horizontal fieldset .margin-left {
			margin-left: 24%;
		}

			form.horizontal fieldset div.row label {
				float: left;
				text-align: right;
				margin-right: 2%;
				width: 22%;
				line-height: 1.9em;
			}
			form.horizontal fieldset div.row input[type="password"],
			form.horizontal fieldset div.row input[type="text"],
			form.horizontal fieldset div.row textarea{
				width: 70%;
				padding:12px 10px;
				border:1px solid #721446;
			}
			form.horizontal fieldset div.row select{
				width: 72%;
				padding:10px 10px;
				border:1px solid #721446;
			}
			form.horizontal fieldset div.row input.tiny{
				width:50px;
			}
			form.horizontal fieldset div.row input.small{
				width:100px;
			}
			form.horizontal fieldset div.row input.medium{
				width:250px;
			}
			form.horizontal fieldset div.row input.datepicker{
				width:80px;
			}
			form.horizontal fieldset div.row input[type="submit"] {
				margin-left: 24%;
			}
				form.horizontal fieldset div.row div.margin-left label {
					font-weight:normal;
					float:none;
					margin-right:0;
					text-align:left;
					display:inline;
				}
				form.horizontal fieldset div.row h5{
					margin-top:1em;
				}
			form.horizontal fieldset div.row div.text-error {
				margin-left: 24%;
				padding-bottom:5px;
			}

			/* TinyMCE
			*/
			form.horizontal fieldset div.row-tinymce div.textarea {
				margin-left:24%;
			}

			/* Captcha
			*/
			form.horizontal fieldset div.row-captcha input[type="text"] {
				width: calc(70% - 195px);
				vertical-align:bottom;
				margin-bottom: 10px;
				@media screen and (max-width: 1224px){
					width: calc(100% - 218px) !important;
				}
				@media screen and (max-width: 768px){
					width: calc(100% - 210px) !important;
				}
				@media screen and (max-width: 480px){
					width: 100% !important;
					display: block;
				}
			}
			form.horizontal fieldset div.row-captcha img{
				vertical-align:bottom;
				margin-bottom: 10px;
			}


/* Buttons
------------------------------------------------------------------------------------ */
	a.btn-loadmore,
	a.btn-loadmore:visited{
		display:block;
		float:right;
		width:233px;
		height:55px;
		line-height:55px;
		background:#ffffff;
		border:1px solid #45b97c;
		vertical-align:middle;
		text-align:center;
		color:#45b97c;
		font-size:1.8em;
		text-decoration:none;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}
	a.btn-loadmore:hover{
		background:#45b97c;
		color:#ffffff;
	}

	a.btn {
		display:inline-block;
		text-decoration:none;
		text-align:center;
		color:#585858;
	}
	.btn {
	  background-color: #ffffff;
	  color: #585858;
	  border: 1px solid #d3d3d3;
	  margin: 0;
	  padding: 0 40px;
		vertical-align:middle;
	  border:0;
		font-size:1em;
		height:31px;
		line-height:31px;
	}
		input.btn {
		}
	  .btn:hover {
	    background-color: #babcbe;
	    color: #ffffff;
	    cursor: pointer;
		}
	  .btn:active {
	    -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
	    box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
		}
	.btn-fullwidth{
		width:100%;
		padding-left:0;
		padding-right:0;
	}


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

	div#header{
		width:93%;
		margin:0 auto;
	}

		div#header a#logo{
			margin:0;
			display:block;
			padding:12px 0 0 0;
			float:left;
			margin-right:0;
		}

		div#header div#header-right{
			float:right;
			margin:30px 0 0 0;
			text-align:right;
		}

		form#header-search-form a#header-search-close{
			font-size:0.85em;
			color:#ffffff;
			display:block;
			position:absolute;
			bottom:-18px;
			left:0px;
		}

	div#content-wrapper{
		padding-top:25px;
	}

	div#page-content{
		width:93%;
		margin:0 auto;
	}


	div#subcontent-wrapper{
		width:100%;
	}
		div#subcontent{
			width:90%;
			margin:0 auto;
			padding:35px 0 10px 0;
		}
			div.subcontent-column{
				width:24%;
				margin-right:1%;
				margin-bottom:2em;
			}


	div#footer-wrapper{
		width:100%;
		max-height:auto;
		margin-top:0;
	}
		div#footer{
			width:90%;
			margin:0 auto;
			padding-top:20px;
			padding-bottom:20px
		}
			div#footer p{
				padding:10px 0 0 0;
				font-size:0.88em;
			}


	/* Horizontal form
	*/
	form.horizontal fieldset legend{
		margin:0;
		padding:0;
	}

	form.horizontal fieldset .margin-left {
		margin-left:0;
	}

		form.horizontal fieldset div.row label {
			float:none;
			text-align:left;
			margin-right:0%;
			width:100%;
		}
		form.horizontal fieldset div.row input[type="password"],
		form.horizontal fieldset div.row input[type="text"],
		form.horizontal fieldset div.row textarea{
			width:98%;
			padding:12px 1%;
		}
		form.horizontal fieldset div.row select{
			width:100%;
		}
		form.horizontal fieldset div.row input.tiny{
			width:50px;
		}
		form.horizontal fieldset div.row input.small{
			width:100px;
		}
		form.horizontal fieldset div.row input.medium{
			width:250px;
		}
		form.horizontal fieldset div.row input.datepicker{
			width:80px;
		}
		form.horizontal fieldset div.row input[type="submit"] {
			margin-left:0%;
		}
		form.horizontal fieldset div.row div.text-error {
			margin-left:0%;
		}

		/* TinyMCE
		*/
		form.horizontal fieldset div.row-tinymce div.textarea {
			margin-left:0%;
		}

}


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

	div.subcontent-column{
		width:100%;
		margin-right:0;
		float:none;
	}

}


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

	div#mobile-top-nav{
		display:block;
		background:#a9a9a9;
		color:#ffffff;
		padding:5px 0 5px 0;
		text-align:right;
	}
		div#mobile-top-nav a,
		div#mobile-top-nav a:visited{
			color:#ffffff;
			font-size:0.85em;
			margin-right:4px;
			border-right:1px solid #ffffff;
			padding-right:4px;
			text-decoration:none;
		}
		div#mobile-top-nav a:last-child{
			border-right:0;
			margin-right:10px;
			padding-right:0;
		}

	div#header a#logo{
		padding:5px 0 0 0;
		margin-right:0;
	}

		div#header a#logo img{
			// width:150px;
			max-width: 100%;
		}

			div#header div#top-nav{
				display:none;
			}

		div#header div#header-right{
			margin-top: 50px;
		}

	form#header-search-form{
		position:absolute;
		top:96px;
		right:0px;
		width:94%;
		vertical-align:middle;
		background:#861b18;
		padding:5px;
	}

		form#header-search-form input{
			vertical-align:middle;
			padding:4px 4px;
		}
			form#header-search-form input#keyword{
				width:80%;
				font-size:1em;
				padding:3%;
			}

}
a h4.no_underline{
	text-decoration: none;
}

a.image-container[data-image-id]{
	text-decoration: none;
}