@charset "UTF-8";
/* CSS Document */

/* MAIN CLASSES */

body { padding:0; margin:0; background-color:#e5e5e5; font-family: 'Asap', arial, sans-serif; font-weight:300; font-size:12px; line-height:18px; text-align:left; color:#262626; width:100%;  background-image:url('../images/grayback.gif'); background-repeat:repeat-x; background-position:top center;  }
div { vertical-align:top; text-align:left; margin:0; padding:0; }
p,h1,h2,h3,h4,h5,h6 { text-align:left; font-family: 'Asap', arial, sans-serif; }
b,strong { font-weight:700; }
a { font-family: 'Asap', arial, sans-serif; text-decoration:underline; color:#b10009; font-weight:700; }
input { border:1px solid #4fba69; height:28px; margin:0 0 5px 0; font-size:14px; color:#898989; font-family:'Asap', arial, sans-serif; background-color:#e5e5e5;  }
textarea { border:1px solid #4fba69; margin:0 0 5px 0; font-size:14px; color:#898989; font-family:'Asap', arial, sans-serif; background-color:#e5e5e5;  }

hr { color:#e1e1e1; border:0; height:1px; float:left; width:700px; }


/* COMMON */

H1 { font-size:18px; line-height:20px; padding:0; margin:0 0 15px 0; color:#b10009; text-transform:uppercase; font-weight:700; font-style: italic; }
H2 { color:#b10009; }
H3 { font-size:14px; line-height:20px; padding:0; margin:0 0 10px 0; color:#b10009; text-transform:uppercase; font-weight:700; }
input.buttonred { background-color:#b10009; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff; font-weight:700; padding:10px 20px; font-size:14px; clear:both; }

.clear { clear:both; }
.zipit { display:none; }
.hrclear { clear:both; border:0 solid #fff; width:100%; height:1px; color:#fff;}
.mobileonly, .printonly { display:none; }

.red { color:#b10009; }
.ltgray { color:#bbb; }
.ltgray2 { color:#eee; }
.ltgray2bg { background-color:#eee !important; }
.dkgray { color:#1d1d1d; }
.bgwhite { background-color:#ffffff; }

input.short { width:80px; }
input.medium { width:320px; }
input.long { width:500px; }
input.rad { border:0 !important; width:auto !important; margin:0 5px 0 0; }

.roundbox {  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.specialright .roundbox { background-image:url('../images/specialgradback.png');  background-position:top center; background-repeat:repeat-x; }
.hide-reveal { display:none; }

#crumblinks a { color:#b10009; font-size:12px; text-decoration:underline; font-weight:400; padding-bottom:5px; text-transform:uppercase;  }

/* NAVIGATION */

div.mobile_menu {display:none;}

#logobar-big { width:100%; height:250px; overflow:hidden; background-image:url('../images/logostrip2.jpg'); background-position:top center; background-repeat:no-repeat; } 

#logobar-small { width:100%; height:120px; overflow:hidden; background-image:url('../images/logostrip2.jpg'); background-position:50% 85%; background-repeat:no-repeat; } 

div.mobile-menu {
  display:none;
}

#navbar { width:980px; padding:0; margin:0 auto; clear:both; background-color:#06F; }

#nb-logo { width:190px; height:50px; float:left;  background-image:url('../images/kma-logo.png'); background-repeat:no-repeat; background-position:left center; }
#nb-logo a { width:190px; height:50px; display:block; text-decoration:none; }
#nb-logo a h1 { display:none; }

#mob-navicon { display:none; }

#tn { width:785px; height:50px; margin:0 auto; text-align:right; float:right; }
#tn ul { margin:0; padding:0; width:785px; float:right; }
#tn ul li { list-style:none; float:right; padding:0; margin:0; display:inline; }
#tn ul li a { font-size:15px; height:34px; color:#1d1d1d; background-image:url('../images/navdivider.gif'); background-repeat:no-repeat; background-position:right center; padding:16px 15px 0 10px; display:block; text-transform:uppercase; text-decoration:none; font-style: italic; margin:auto; }
#tn ul li a:hover { text-decoration:none; color:#FFFFFF; background-color:#1d1d1d; background-image:none; }

#tn ul li:hover ul      { display:block; }
#tn ul li ul            { list-style-type:none; z-index:100; display:none; position:absolute; margin:0; padding:0; width:200px; }
#tn ul li ul li         { float:none; border:none; width:200px; margin:0; padding:0; text-align:left; background-image:none; height:auto; }
#tn ul li ul li a       { color:#FFFFFF; font-weight:400; display:block; background-image:none; padding:5px 5px 5px 10px; width:200px; font-style:italic; background-color:#b10009; height:auto; border-bottom:1px solid #b10009; border-top:1px solid #b10009; clear:both; font-size:13px;  }
#tn ul li ul li a:hover { color:#f5b76e; background-color:#1d1d1d; border-bottom:1px solid #e5abae; border-top:1px solid #000; padding-left:15px; width:195px; }

#tn ul li .tn_last { background:none; }

#tn ul li ul .navtitle { background-color:#000 !important; color:#fff; text-align:left !important; font-size:12px !important; padding:3px 0 3px 10px !important; width:205px !important; float:left; margin:0;  }
#tn ul li ul .navtail { background-image:url('../images/navdroptail.png'); background-position:right top; background-repeat:no-repeat; height:20px !important; margin:0; padding:0 0 0 10px; width:205px !important; float:left;   }

/* CONTENT */


#bodycontent { clear:both; width:980px; padding:20px 0 0 0; margin:0 auto; display:block; }

#leftcol { width:520px; float:left; vertical-align:top; background-color:#ffffff; padding:40px; margin:0; }
#leftcol .html5lightbox { border:0; }
#leftcol .rightphoto { float:right;  padding:0 0 10px 10px; }
#leftcol .leftphoto { float:left;  padding:0 10px 10px 0; }
.inst-title {  font-style: italic; font-size:11px; }
.fbfeed { width:95%; height:400px; border:0;}

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{ min-width:280px;width: 100% !important;}
.fb-like-box iframe[style]{min-width:280px;width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{min-width:280px;width: 100% !important;}
.fb-like-box iframe span[style]{min-width:280px;width: 100% !important;}
.-cx-PRIVATE-pluginBoxContainer__border{ border:none}

#rightcol { width:370px; float:right; vertical-align:top;}

#facebookfeed { width:520px; height: 850px; }

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

/*
#fb-root { display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
*/


/* TIMETABLE */

.timetable { padding:0; margin:0; width:100%; }
.timetable td { padding:5px; text-align:center; background-color:#f7f7f7; }
.timetable th { padding:5px; background-color:#b10009 !important; color:#fff; margin-bottom:2px; text-align:center; }
.tt-leftcol { background-color:#ccc !important; font-weight:700; }
.tt-divider { height:3px; margin:1px 0 1px 0; padding:0; background-image:url('../images/dotline.gif'); background-repeat:repeat-x; background-position:center center; }

.tt-hap { background-color:#86c7ff !important; }
.tt-tkd { background-color:#0dd755 !important; }


.kma-table { width:100%; padding:0; margin:10px 0; background-color:#f4f4f4; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.thead	{  -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background-color:#b10009; }
.kma-table tr th {  border-bottom:1px solid #fff; padding:5px 3px; color:#fff; }
.kma-table tr td { padding:5px 3px; border-bottom:1px dotted #777; }
.kma-table tr:hover td { background-color:#fff; color:#b10009; border-bottom:1px solid; }
.kma-table .odd { background-color:#eee; }
.tsubhead { background-color:#ccc; }


/* APP BLOCKS */

.appbox { width:310px; padding:20px 30px; clear:both; margin:0 0 10px 0; }
.appbox h3 { padding:5px 0 5px 30px; background-repeat:no-repeat; background-position:left center; text-transform:uppercase; font-weight:700; color:#b10009; font-size:16px; font-style: italic; margin:0;  }
.appbox .redbutton { padding:5px 10px 5px 10px; background-color:#b10009; color:#ffffff; font-size:14px; font-weight:700; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0; }
.appbox .textinput { width:300px; font-size:14px; font-weight:700; color:#898989; margin:0 0 5px 0; padding:3px; border:1px solid #898989;  }
.appbox p a:hover { color:#1d1d1d !important; }
.rightformdd { padding:3px; margin:0 0 5px 0; border:1px solid #898989; width:300px; font-size:14px; font-weight:700; color:#898989; } 
#rightcol .bgwhite { color:#262626; font-size:12px; line-height:18px; }

#app-location { background-color:#262626; color:#ffffff; font-size:13px; line-height:22px; font-style: italic; }
#app-location .app-locright { float:right; font-weight:600; }
.app-locright img { border:0; }
#app-location a { color:#fff !important; text-decoration:none; }
#app-location a:hover { color:#ccc !important; }

#app-firstclassfree h3 { background-image:url('../images/icon-belt.png');  }

#app-quotes h3 { background-image:url('../images/icon-quotes.gif');  }

#app-minigallery { padding:20px 0 0 20px; width:350px;  }
#app-minigallery img { width:100px; height:75px; border:0; margin:0 14px 14px 0; }


/* FOOTER */

#footer { padding:0; margin:10px auto !important; width:980px; clear:both; }
#footerleft { width:250px; margin:0 auto; float:left; }
#footerright { width:700px; margin:0 auto; float:right; }

#footer a { text-decoration:none; font-weight:400; }
#footer a:hover { color:#898989; text-decoration:underline; }
.preloadbox { width:1px; height:1px; float:right; overflow:hidden; padding:5px;}


@media
only screen and (min-width:150px) and (max-width:800px),
only screen and (-webkit-min-device-pixel-ratio: 1.8)
{

body {	font-size:18px; line-height:22px; }

H1 { font-size:25px; line-height:24px; }
H3, h2 { font-size:25px; line-height:24px; clear:both; margin-top:25px; }
input.buttonred { font-size:24px; }

input.short { width:80px; }
input.medium { width:320px; }
input.long { width:500px; }
.mob-shrink { width:auto; height:20%; }
.mobileonly { display:block; }

#sthoverbuttons {display:none;}

/* CONTENT */


#bodycontent { width:95%; margin:0 auto;  }

#leftcol { width:96%; clear:both; padding:1%; margin:0 1px; }
#rightcol { width:98%; clear:both; float:left; padding:10px 0 0 0; margin:0 1px;  border:0; }

#facebookfeed { width:100%; height:850px; }
#facebookfeed iframe { width:100%; }

#mob-navicon { display:block; }

hr {width:100%}

#navbar {width:100%;}

#nb-logo { margin:0 auto; }

div.mobile_menu {
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 14%;
  margin-left: 2%;
}

#tn { width:100%; text-align:right; float:right; display:none; }
#tn ul { width:50%; float:right; }
#tn ul li { list-style:none; float:right; padding:0; margin:0; display:inline; }
#tn ul li ul li         {  }
#tn ul li ul li a       { padding:15px 17px 15px 10px !important; font-size:15px;  }

/* APP BLOCKS */

.appbox { width:96%; padding:2%;  }
.appbox .redbutton { font-size:22px; }
.appbox .textinput { width:100%; font-size:22px; }
.rightformdd { width:100%; font-size:22px; } 
#rightcol .bgwhite { font-size:18px; line-height:22px; }
#rightcol .bgwhite a { line-height:35px; }

#app-location { font-size:22px; line-height:30px; }


#app-minigallery { width:100%;  }
#app-minigallery img { width:25%; height:25%; margin:0 5px 5px 0; }

#footer { width:98%; }
#footerleft { width:100%; margin:0 auto; float:left; }
#footerright { width:100%; margin:0 auto; float:right; }

.fullonly { display:none; }


/* MOBILE MENU */

div#tn {
  display: block;
  float: none;
  background: white;
}

#tn > ul {
  float: none;
  background: white;
  position: absolute;
  left: -100%;
  z-index: 100;
}

#tn > ul li {
  float: none;
  clear: both;
  display: block;
}

#tn ul li:hover ul {display:none;}

#tn > ul li > ul {
  position: static;
  width: 100%;
  float: none;
}

#tn ul li ul .navtail {
  display:none;
}

#tn ul li ul li {width:100%;}

#tn ul li ul li a,
#tn ul li ul li a:hover {
  width: 92%;
  padding: 3% 4% 1% 4%;
}

#tn ul li ul .navtitle {
  width: 92% !important;
  padding: 3% 4% 1% 4% !important;
}

#menu_overlay {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 10;
}
	
}

@media print  {

/*Reset Style*/
body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif; color: #000;}

/*Remove Element*/
#logobar-big, #sthoverbuttons, #rightcol, #menu_overlay, .mobile_menu, #tn, .facebookfeed, #rightcol, #footerright, .preloadbox, .fullonly, .noprint {display:none;}
.printonly { display:block; }

/*Stretch Content*/
#leftcol, #footerleft { width:100% }

	
/* Show URL */
a:link, a:visited {background: transparent; color:#333; text-decoration:underline;} 	
	
}