@font-face{
	font-family:'Franklin Gothic Demi'; 
	src:url("ITCFranklinGothicStd-Demi.otf");
	src:url("ITCFranklinGothicStd-Demi.eot?#iefix") format("embedded-opentype"),url("ITCFranklinGothicStd-Demi.ttf") format("truetype")
}

@font-face{
	font-family:'Franklin Gothic Book'; 
	src:url("ITCFranklinGothicStd-Book.otf");
	src:url("ITCFranklinGothicStd-Book.eot?#iefix") format("embedded-opentype"),url("ITCFranklinGothicStd-Book.ttf") format("truetype")
}


/*!!!!!!!! COPY  THIS  FILE  TO  EACH  EVENT  AND  UPDATE  IT  CORRESPONDINGLY!!!!!!!!!!!!!!!!!!!!!*/



/******************** GENERAL SELECTORS*************************************************************/
html,body{height:100%;}
body{background-color:#e9ecee;}
header {color:#1A4252;padding:0 5%;}
header div{padding:2% 0 0 0;}

footer {color:#fff;clear: both;background-color: #00539F;}
footer {background-color:#024B8A;padding:1% 5% ;}

#menurow{background-color: #00539F;}
nav{padding:0 5%;}
ul.navbar-nav li a, ul.navbar-nav li a:visited{
font-size:1.2em;
font-family: Franklin Gothic Demi;
color:#ffffff;
padding:0 10px;
line-height: 40px;
text-decoration:none;
text-transform:uppercase;
}

ul.navbar-nav li a:hover{background-color: #0064BA;color:#fff;}
ul.navbar-nav li a.activated{background-color: #0064BA;color:#fff;}
.navbar-toggle{ background-color: #0064BA; color:#fff;}

.navbar-toggle .icon-bar{background-color: #fff !important;}

.navbar-brand {
  padding: 0px;
  display: flex;
  align-items: center;
  height:40px;
}
.navbar-collapse{padding:0px;}

.navbar-nav { margin: 0;}


.footer_logo{float: right;padding-top:10px;}


#wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -40px; }


th, ul, li, p, td, address, blockquote, a, div, input, select, textarea{
	font-size:11pt;
	font-family: Franklin Gothic Book;
	line-height:20px;
}

h1{
	font-size:22px;
	color:#1d376d;
	font-family: Franklin Gothic Demi;
	margin: 0px 0px 6px;
}
h2{
	font-size:20px;
    	font-family: Franklin Gothic Demi;
	}
h3{
	font-size:18px;
	color:#024B8A;
    	font-family: Franklin Gothic Demi;
	}
h3.gray{
	color:#b2b2a6;
	}
h4{
	font-size:16px;
	color:#959384;
    	font-family: Franklin Gothic Demi;
	}
h5{
	font-size:;
	color:;
	}



a{
	color:#10a3d9;
	}

#event_heading {
    color:#888;
	}
#hr {
  width: 700px;
  color:#b2b2a6;

}

.li_disc li {
  margin-left: 10px;
  list-style-type: disc;
}
#main{padding:2% 5%;}
#content {
background:#ffffff;
padding:20px;
box-shadow: 1px 4px 4px -3px #bbb;
}

#content h1{color:#024B8A;}
/********************* SPECIFIC SELECTORS - with self describing names******************************/

/*************** REGISTRATION FORM ****************************************************/
input, select{
height: 30px;
padding: 5px 10px;
font-size: 1em;
line-height: 1.5;
border-radius: 3px;
color: #00539F;
}

textarea{padding: 5px 10px;
font-size: 1em;
line-height: 1.5;
border-radius: 3px;
color: #00539F;

}

.submit, input[type=submit]{  /*Submit Buttons */
    background-color:#024B8A;
    border: 1px solid #024B8A;
	outline:0px;
	color: #fff;
}

/******************** ACTIVATE THE FOLLOWING IF YOU NEED TO ALIGN ALL COLUMNS  *******
.part_table > tbody > tr > td:first-child {width: 350px !important;}
/*.part_table td:nth-child(2) {width:250px;} - this syntaxis works, but is incompatible with the form tabels structure*/


/*************************************************************************************/

p.error {
   padding-bottom:0px;
line-height:14px;
}

input[type=radio], input[type=checkbox]{
margin:-5px 5px 0px 0;
}

tr[qtype="Checkbox"]{colour:red;}

@media only screen and (max-width: 600px) {
.bac{
max-width:180px; 
}
}

button.ui-dialog-titlebar-close{
background: url(/images/close.png) no-repeat;
background-size: 14px;
background-position: center;
}

.box-sh{
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
 transition: 0.3s;
padding:0px;

}
.m-15{
margin:15px 0;
}

.box-sh:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card{height:220px;}

.card .img-responsive{height:100%; width:auto;margin:0 auto;}

@media only screen and (max-width: 470px) {
.card{height:auto;width:100%;min-height:200px;padding:0px;}

.card .img-responsive {
  height: auto;
  width: 100%;
}
.box-sh{  width: 100%;}
}

.f1, .f2, .f3, .f4, .f5, .f6{
background-color: #028de6;
color:#fff;
}

.f1 .card-text{font-size:1.2em;line-height:1.2em;}
.f2 .card-text{font-size:1.2em;line-height:1.2em;}
.f3 .card-text{font-size:1.2em;line-height:1.2em;}
.f4 .card-text{font-size:1.2em;line-height:1.2em;}
.f5 .card-text{font-size:1.2em;line-height:1.2em;}
.f6 .card-text{font-size:1.2em;line-height:1.2em;}
p.card-text{padding:0px;margin:0px;}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.text-center {
  text-align: center !important;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
padding:5px;
}

@media (min-width: 768px) and (max-width: 796px) { 
.f2 .card-text{font-size:0.86em;line-height:1.1em;}
 }