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

/*-----------------Resets Start---------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
@font-face {
    font-family: 'Myriad';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/MyriadPro-Regular.woff'),
         url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri.ttf'),
     url('../fonts/Calibri.eot'); /* IE9 */
}


body{font-size:100%; background:#e0e0e0 url(../images/header.jpg) repeat-x left top; font-family:'Myriad Pro', Myriad;}
p, h1, h2, h3, a, div, ul, li, a:link, a:visited, a:hover, a:active{text-decoration:none; font-weight:normal; background:none;line-height:1;font-family:Calibri,Georgia,Serif;}
form{padding:0; margin:0;}
.clear-all{ clear:both; height:0px; _height:0px;}
a{ color:#aa0303;}
h1{color:#1f1152; font-size:22px; padding:6px 0 6px 0; margin:0; font-weight:normal;}
h1 span{ color:#000000; font-size:.7em; }
h2{font-size:18px; padding:0 0 6px 0; margin:0; color:#aa0303;}
h3{font-size:1.2em; padding:4px 0; margin:0; color:#FFFFFF;}
h3 span{ color:#222;}
p{padding:0 0 10px 0; margin:0; text-align:justify; line-height:18px; font-size:90%; font-family:Arial, Helvetica, sans-serif;}
p a:link, p a:visited{ color:#F00;}
p a:hover, p a:active{ color:#900; text-decoration:underline;}
p span{ color:#8b5501; font-weight:bold;}
.pad{ padding:8px;}
a.red-btn{ color:#FFFFFF; background:url(../images/red-btn.jpg) repeat-x left top; padding:8px 18px; font-size:90%; float:left;}
a.red-btn:hover{background:url(../images/red-btn-h.jpg) repeat-x left top;}
/*-----------------Resets End-----------------*/

#wrapper{width:980px; height:auto; margin:0 auto;}
#wrapper .header{width:980px; height:95px;}
#wrapper .header a.logo{ background:url(../images/jfk-logo.jpg) no-repeat left top; width:105px; height:95px; float:left;}
#wrapper .header .h-right{ float:left; width:864px; height:auto;}
#wrapper .header .h-right h1{ color:#FFFFFF; font-size:28px; padding-top:8px; display:block; line-height:30px;}
#wrapper .header .h-right #nav{ background:none; height:39px; width:1000px; margin-top:0px;}
#wrapper .header .h-right #nav ul{ list-style-type:none;}
#wrapper .header .h-right #nav ul li{ list-style-type:none;}
#wrapper .header .h-right #nav ul li a:link, #wrapper .header .h-right #nav ul li a:visited{ color:#FFFFFF; float:left; padding:13px 12px 13px 12px; font-size:14px; font-family:Calibri,Georgia,Serif;}
#wrapper .header .h-right #nav ul li a:hover, #wrapper .header .h-right #nav ul li a:visited, #wrapper .header .h-right #nav ul li a.current{ background:url(../images/nav-hover.jpg) repeat-x left top;}

#wrapper .banner{ width:980px; height:auto; margin:12px auto;}
#wrapper .banner .banner-left{ float:left; width:727px; height:376px; background:#e2e2e2; border:#FFFFFF 3px solid;}
#wrapper .banner .banner-right{ float:right; width:228px; height:376px; background:#182354; border:#FFFFFF 3px solid;}
#wrapper .banner .banner-right a{color:#cfad0e;}
#wrapper .banner .banner-right ul li{ color:#FFFFFF; font-size:12px; line-height:16px; display:block; margin:2px 0 12px 0; font-family:Arial, Helvetica, sans-serif;}
#wrapper .banner .banner-right ul li a:link, #wrapper .banner .banner-right ul li a:visited{ display:block; background:#273571; padding:4px 10px; font-size:12px; border-bottom:#000 1px solid; margin:4px 0;}
#wrapper .banner .banner-right ul li a:hover, #wrapper .banner .banner-right ul li a:active{ background:#c60b0b; color:#FFFFFF;}



.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 727px; /*Width of Carousel Viewer itself*/
height: 376px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
height:376px;
overflow: hidden;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 727px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
max-height:376px;
}
/*.stepcarousel .panel img{ float:left; width:342px; max-width:342px; min-width:342px; height:369px; max-height:369px; min-height:369px;}*/
/*.stepcarousel .panel img{ float:left; max-width:342px; min-width:342px; height:369px; max-height:369px; min-height:369px;}*/
.stepcarousel .panel .banner-content{ float:right; width:340px; margin-right:34px; position:absolute; top:30%; right:0; z-index:7;}
.stepcarousel .panel .banner-content h2{ color:#332662; font-size:28px;}

#wrapper .content{ width:980px; height:auto; margin:20px auto;}
#wrapper .content .cont-left{ width:733px; height:auto; float:left;}
#wrapper .content .cont-right{ width:232px; height:auto; float:right;}
#wrapper .content .cont-right h3{ color:#182354;}


.service{ width:236px; height:243px; display:block; float:left; background:#363e60 url(../images/service-bg.jpg) no-repeat left top; margin:5px;}
.service img{ width:207px; max-width:207px; display:block; margin:4px 0;}
.service .pad{ padding:12px;}
.service p{ color:#FFFFFF; font-size:12px; line-height:14px;}
.service a{ background:url(../images/service-a.jpg) repeat-x left top; color:#2d2d2d; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:4px 8px;}
.service a:hover{ background-image:url(../images/red-btn-h.jpg); color:#FFFFFF;}


.courses{ background:#FFFFFF repeat-x left top; width:97%; height:auto; margin-bottom:20px; border-style:ridge; border-width:3px; border-color:#070e2c;}
.courses h3{ color:#070e2c!important;}
.courses .pad{ padding:16px;}
.courses h4{ color:#070e2c; font-size:14px; font-weight:normal; margin:6px 0;}
.courses p{ color:#730000; font-size:11px; text-align:left; font-weight:bold; line-height:normal; padding:0; margin:6px 0;}
.courses p em{ display:block; font-weight:normal;}
.courses h5{ color:#070e2c; font-size:15px; font-weight:normal; background:url(../images/clock.jpg) no-repeat left top; padding:6px 0 6px 34px;}
.courses span{ display:block; color:#2c8418; background:#FFFFFF; font-size:12px; padding:4px; margin:8px 0; font-family:Arial, Helvetica, sans-serif;}


.events{ list-style-type:none;}
.events li{ display:block; background:url(../images/events-tab.jpg) no-repeat left 12px; padding:10px 0 10px 20px; border-bottom:#afafaf 1px dotted; list-style-type:none; font-size:14px;}

.footer{ width:100%; height:151px; background:#070e2c url(../images/footer-bg.jpg) repeat-x left top;}
.inner{ width:980px; height:auto; margin:0 auto;}
.inner ul{ list-style-type:none; width:360px; margin-left:-8px; float:left; margin-right:20px; margin-top:10px;}
.inner ul h3{ padding-left:8px;}
.inner ul li{ list-style-type:none;}
.inner ul li a:link, .footer .inner ul li a:visited{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; float:left; padding:0 8px; border-right:#FFFFFF 1px solid; margin:4px 0;}

.footer .inner .follow{ float:right; text-align:left; width:100px; margin-top:10px;}
.footer .inner .follow p, .footer .inner .follow p a{ color:#999; font-size:12px; font-style:italic;}

.footer-bottom{ background:#161616; width:100%; height:32px; padding-top:10px;}
.footer-bottom p{ color:#999999; font-size:12px;}

#wrapper .content .cont-left .courses{ margin-right:10px; width:240px; height:280px; position:relative;}
#wrapper .content .cont-left .courses img{ position:absolute; bottom:20px; left:20px;}
#wrapper .content .cont-left .courses .pad{ padding:10px;}

.contact{color:#444; font-size:.9em; margin:0;}
.contact input{border:1px solid #C1C1C1!important; background-color:#FFF!important; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;behavior: url(border-radius.htc); padding:2px;}
.contact select{border:1px solid #C1C1C1!important; background-color:#FFF!important; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;behavior: url(border-radius.htc); padding:2px;}
.contact textarea{border:1px solid #C1C1C1!important; background-color:#FFF!important; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;behavior: url(border-radius.htc); padding:2px;}

#praises-ul{ list-style-type:none;}
#praises-ul li{display:block; margin:20px 0; height:auto;}
#praises-ul li img{float:left; max-height:48px; max-width:48px; overflow:hidden;}
#praises-ul li h2{ padding:0 0 0 54px; color:#900; display:block;}
#praises-ul li h2 a:link, #praises-ul li h2 a:visited{ color:#900; font-size:.7em; font-weight:bold;}
#praises-ul li h2 a:hover{ text-decoration:underline;}
#praises-ul li h2 span { color:#c3a102;}
#praises-ul li p{color:#000; line-height:normal; text-align:left; margin:0; padding:0 0 0 54px; display:block; font-size:.8em;}