@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:400,700|Monda); /* Courgette */

@font-face { font-family: "icomoon";
			 src: url('/Common/fonts/icomoon/icomoon.eot');
			 src: url('/Common/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
				  url('/Common/fonts/icomoon/icomoon.woff') format('woff'),
				  url('/Common/fonts/icomoon/icomoon.ttf') format('truetype'),
				  url('/Common/fonts/icomoon/icomoon.svg#icomoon') format('svg');
			  font-weight: bold!important;
			  color: #046596;
			  padding: 8px 15px;
			}



BODY {
/*	background-color: #FFF;
	background-image: url(/images/LJMS_Main_Bkg_R14.jpg);
	background-repeat: repeat-x;
	background-position: center -140px;	*/
	background: #FFF url(/images/pattern11.png) repeat;
	margin: 0px; padding: 0px;
}

.ThePage	{
	background-color: #FFF;
    margin: 0 auto;
    max-width: 1100px;
	box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.35);
}

P			{ font: 12.5pt 'Open Sans',Helvetica; color: #444; }
/*
.MainArea	{ max-width: 1024px; margin: 0px auto; }
*/
H1					{ font: 300 24pt Oswald; color: #000; }
#TitleRow			{ border-bottom: 1px solid #005966; }
.arc-list 			{ padding-left: 30px; }
.arc-list LI		{ margin-bottom: 5px; padding: 5px; font: 13.5pt 'Open Sans'; border-radius: 3px; }
.arc-list LI BR 	{ clear: both;  }

.arc-title			{ display: inline-block; vertical-align: top; font: 13.5pt 'Open Sans',Helvetica; margin: 10px 0px 0px 10px; xpadding: 0px 10px; }
.arc-date			{ font: 12pt 'Open Sans',Helvetica; padding: 0px; border-top: 1px solid #888; margin: 5px 0px 10px 0px; width: 100%; }
.arc-btn			{ font-size: 13pt ! important; }
.arc-list A			{ color: #000; font: 13.5pt 'Open Sans',Helvetica; vertical-align: top; display: inline-block; margin: 3px 0px 0px 0px; }
.arc-list A:Hover	{ color: #A00000; text-decoration: none; }
.arc-list TEXTAREA	{ display: inline-block; width: 60%; height: 50px; xtext-align: top; margin: 5px 10px; }
.arc-actions		{ display: inline-block; margin: 5px 0px; float: left; }
.arc-actions IMG	{ vertical-align: top; }
.arc-text 			{ font: 13.5pt 'Open Sans',Helvetica; }
.arc-body			{ margin: 10px 5px 5px; }
.arc-legend			{ margin: 10px 0px 10px 10px; }

.arc-menu			{ font: 14pt 'Open Sans'; color: #000; padding: 8px 20px; border-left: 2px solid #FFF; border-right: 2px solid #AAA; }
.arc-menu1			{ border-left-width: 0px; }


DIV.Tracks			{ padding: 0px 3px; font: 13.5pt 'Open Sans',Helvetica; }
DIV.Warning			{ background-color: #C00000; color: #FFF; padding: 2px 5px; text-align: center; }
DIV.ClrB			{ clear: both; }

A.save				{ padding: 0px; }
A.save IMG			{ border-width: 0px; width: 110px; height: 50px; margin: 0px; }


DIV.SiteTitle IMG	{ margin-top: 28px; }

DIV.IcoMoon A		{ color: #FFF; width: 26px; height: 26px; padding: 4px; text-decoration: none;
					  display: inline-block; text-align: center; margin: 0px 5px 10px 5px; border-radius: 3px; }

DIV.IcoMoon B:before{ font: 400 16px icomoon ! important; }

A.IconFB			{ background-color: #046596; }
A.IconFB B:before	{ content: "\e604"; }

A.IconTW			{ background-color: #55ACEE; }
A.IconTW B:before	{ content: "\e605"; }

A.IconIG			{ background-color: #3F729B; }
A.IconIG B:before	{ content: "\ea92"; }

A.IconRS			{ background-color: #F26522; }
A.IconRS B:before	{ content: "\e606"; }


#Footer				{ background-color: #056596; font: 9.5pt Helvetica; line-height: 1.7em; color: #FFF; padding: 20px; }
#Footer A			{ color: #EEE; }
#Bottom				{ padding: 18px; background-color: #555555; font: 8pt 'Ms Sans Serif',Helvetica; color: #FFF; }
#Bottom IMG			{ margin: 0px 3px 0px 0px; }
#Bottom .col-sm-8	{ padding-bottom: 10px; line-height: 1.5em; }

.Disclaimer P		{ font: 8pt Sans-Serif; }

DIV.Address			{ font-size: 11.5pt; background-color: #E0E0E0; padding: 3px 5px; margin-bottom: 30px; border: 1px solid #CCC; border-radius: 2px; }

.maxw220	{ max-width: 280px; }

.mejs__container	{
		border-radius: 3px;
		background-color: #222 ! important;
		background: linear-gradient(top,  #444, #000) ! important;
		background: -ms-linear-gradient(top,  #444, #000) ! important;
		background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)) ! important;
		background: -moz-linear-gradient(top,  #444, #000) ! important;
}

@media (max-width: 768px) {
	.ztext-center-sm	{ text-align: center; }
	.padding-max-sm		{ padding: 0px 20px; }
}

@media (min-width: 768px) {
	.text-center-sm { text-align: center; }
	.min-margin-sm-20	{ margin-top: 20px; }
}

/* ********************************************************************************* */
/* Navigation */

.nav > li > a	{ padding:  0px; } /* Overwrite stupid bootstrap */

.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.nav-justified LI { }

.nav-justified > li > a {
	padding: 3px 5px;
	margin-bottom: 0;
/*	font: bold 14pt 'Open Sans'; */
	font: 16pt Monda,Helvetica;
	color: #444;
	text-align: center;
	background-color: #e5e5e5; /* Old browsers */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E0E0E0));
	background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #E0E0E0 100%);
	background-image:      -o-linear-gradient(top, #FEFEFE 0%, #E0E0E0 100%);
	background-image:         linear-gradient(to bottom, #FEFEFE 0%,#E0E0E0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x; /* Repeat the gradient */
	border-bottom: 1px solid #d5d5d5;
    text-shadow: #FFF 1px 1px 0;
	white-space: nowrap;

}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
/*  border-bottom: 0; */
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
	/*    max-height: 52px;	*/
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}