@media (max-width:480px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px;position:relative}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#wrapper{width:480px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:768px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:225px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:380px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px}#divface{width:100%;padding:10px;height:auto}}@media (min-width:481px) and (max-width:767px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069!important}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#divface{width:100%;padding:30px;height:auto}#principalright{display:block!important;width:250px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%;height:190px;background-color:transparent}#logo{display:block;width:198px;height:109px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#newsleft{width:480px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:400px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:230px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:768px) and (max-width:959px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%!important;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px;margin-bottom:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;clear:both}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:180px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:80px}#divicon{width:50px;float:right;height:94px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divf1{width:600px;height:193px;float:left}#divx{width:250px;height:400px;float:left;margin-left:60px;margin-top:50px}#divg{width:280px;height:auto!important;float:left;margin-left:27px;margin-top:27px}#divg img{width:100%}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#divg1{width:600px;height:250px;float:left}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:196px;height:180;float:left;margin-left:27px;margin-top:27px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:960px) and (max-width:1199px){body{overflow-x:hidden}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:800px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:250px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:300px;margin-left:50px;margin-top:27px}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:1200px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}body{overflow-x:hidden}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:11px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:280px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:260px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:350px;float:left;margin-left:27px;margin-top:27px}#divgg{width:100px;height:50px;float:left;margin-left:60px;margin-top:30px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px;float:left}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:150px;height:25px;background-color:#666;margin-top:35px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#666}}@charset "utf-8";.lof-slidecontent{position:relative;overflow:hidden;border:solid 0}.lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;background:transparent}.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(http://www.stjohnsabu.com/images/load-indicator.gif) no-repeat scroll 50% 50%}.lof-slidecontent .sliders-wrapper{position:relative;height:100%;width:100%;z-index:3px;overflow:hidden}.lof-slidecontent ul.sliders-wrap-inner{overflow:hidden;background:transparent url(http://www.stjohnsabu.com/images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0;margin:0;position:absolute;overflow:hidden}.lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden;padding:0;margin:0;float:left;position:relative}.lof-slidecontent .lof-opacity{width:100%;height:100%}.lof-slidecontent .lof-opacity li{position:absolute!important;top:0;left:0;float:inherit!important}.lof-slidecontent .navigator-content{position:absolute;left:0;top:00;z-index:100;height:300px;width:310px;overflow:hidden;color:#fff}.lof-slidecontent .navigator-wrapper{position:relative;z-index:10;height:180px;width:310px;overflow:hidden;color:#fff;float:left}.lof-slidecontent ul.navigator-wrap-inner{top:0;padding:0;margin:0;position:absolute;width:100%}.lof-slidecontent ul.navigator-wrap-inner li{cursor:hand;cursor:pointer;list-style:none;padding:0;margin-left:0;overflow:hidden;float:left;display:block;text-align:center}ul.sliders-wrap-inner li img{padding:0}.lof-slidecontent .slider-description>div{padding:12px}.lof-slidecontent .slider-description a.readmore{color:#58b1ea;font-size:95%}.lof-slidecontent .slider-description a{color:#fff}.lof-slidecontent .slider-description{z-index:100px;position:absolute;bottom:0;right:0;width:100%;background:url(http://www.stjohnsabu.com/images/bg_trans.png);color:#fff}.lof-slidecontent .slider-description h4{font-size:14px;margin:10px 0;padding:0}.lof-slidecontent .slider-description .slider-meta a{margin:0;background:#c01f25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none}.lof-slidecontent .item-meta a:hover{text-decoration:underline}.lof-slidecontent .item-meta i{font-size:70%}.lof-slidecontent ul.navigator-wrap-inner li.active{}.lof-slidecontent ul.navigator-wrap-inner li>div{background:url(http://www.stjohnsabu.com/images/transparent_bg.png);color:#fff;height:100%;position:relative;padding-left:15px;text-align:left}.lof-slidecontent ul.navigator-wrap-inner li.active div{background:url(http://www.stjohnsabu.com/images/grad-bg.gif);color:#fff}.lof-slidecontent ul.navigator-wrap-inner li img{height:60px;width:60px;margin:15px 15px 10px 0;float:left;padding:3px}.lof-slidecontent ul.navigator-wrap-inner li.active img,.lof-slidecontent ul.navigator-wrap-inner li:hover img{}.lof-slidecontent .button-next,.lof-slidecontent .button-previous{display:block;width:40px;color:#fff;cursor:pointer;position:absolute;height:100%;z-index:40;top:0;text-indent:-999px}.lof-slidecontent .button-next{right:05px;background:url(http://www.stjohnsabu.com/images/b_next.png) no-repeat right center}.lof-slidecontent .button-previous{left:05px;background:url(http://www.stjohnsabu.com/images/b_prev.png) no-repeat left center}#sliderFrame{position:relative;background-color:#fff}#slider{width:1126px;height:475px;background:transparent url(loading.gif) no-repeat 50% 50%;position:relative;margin:0 auto}#slider img{position:absolute;border:none;visibility:hidden}#slider a.imgLink{z-index:2;display:none;position:absolute;top:0;left:0;border:0;padding:0;margin:0;width:100%;height:100%}div.mc-caption-bg,div.mc-caption-bg2{position:absolute;width:190px;height:auto;padding:20px;right:30px;bottom:30px;z-index:3;overflow:hidden;font-size:0}div.mc-caption-bg{background-color:transparent;border-radius:5px}div.mc-caption{font:bold 15px/20px Arial;color:transparent;z-index:4;padding:0;text-align:center}div.mc-caption a{color:transparent}#thumbs{background:url(thumbs-bar.gif) repeat-x 0 0;border:1px solid;text-align:center;font-size:0;line-height:45px}#thumbs .thumb{width:60px;height:45px;cursor:pointer;text-align:center;border-left:1px solid #fff;border-right:1px solid #ddd;display:inline-block;*display:inline;zoom:1}#thumbs .thumb-on{background-image:url(active-bg.png)}#thumbs .thumb img{vertical-align:middle}div.navBulletsWrapper{top:420px;left:700px;width:150px;background:none;position:relative;z-index:5;cursor:pointer}div.navBulletsWrapper div{width:11px;height:11px;background:transparent url(bullet.png) no-repeat 0 0;float:left;overflow:hidden;vertical-align:middle;cursor:pointer;margin-right:20px;_position:relative}div.navBulletsWrapper div.active{background-position:0 -11px}.group1-Wrapper{position:absolute;z-index:20;top:120px;margin-left:50%;width:1px}a.group1-Prev,a.group1-Next{width:50px;height:150px;background:transparent url(navButtons2.gif);display:block;cursor:pointer;position:absolute;top:0;user-select:none}a.group1-Prev{background-position:0 0;left:-510px}a.group1-Next{background-position:0 -150px;left:460px}a.group1-Prev:hover{background-position:50px 0}a.group1-Next:hover{background-position:50px -150px}a.group2-Prev,a.group2-Next,a.group2-Play,a.group2-Pause{width:20px;height:20px;background:transparent url(navButtons.gif);display:inline-block;*display:inline;zoom:1;margin-right:8px;vertical-align:middle;cursor:pointer}a.group2-Pause{background-position:0 0}a.group2-Play{background-position:0 -20px}a.group2-Next{background-position:0 -40px}a.group2-Prev{background-position:0 -60px}a.group2-Pause:hover{background-position:20px 0}a.group2-Play:hover{background-position:20px -20px}a.group2-Next:hover{background-position:20px -40px}a.group2-Prev:hover{background-position:20px -60px}#slider{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}@charset "utf-8";@media (max-width:480px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px;position:relative}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#wrapper{width:480px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:768px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:225px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:380px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px}#divface{width:100%;padding:10px;height:auto}}@media (min-width:481px) and (max-width:767px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069!important}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#divface{width:100%;padding:30px;height:auto}#principalright{display:block!important;width:250px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%;height:190px;background-color:transparent}#logo{display:block;width:198px;height:109px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#newsleft{width:480px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:400px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:230px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:768px) and (max-width:959px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%!important;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px;margin-bottom:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;clear:both}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:180px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:80px}#divicon{width:50px;float:right;height:94px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divf1{width:600px;height:193px;float:left}#divx{width:250px;height:400px;float:left;margin-left:60px;margin-top:50px}#divg{width:280px;height:auto!important;float:left;margin-left:27px;margin-top:27px}#divg img{width:100%}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#divg1{width:600px;height:250px;float:left}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:196px;height:180;float:left;margin-left:27px;margin-top:27px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:960px) and (max-width:1199px){body{overflow-x:hidden}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:800px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:250px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:300px;margin-left:50px;margin-top:27px}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:1200px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}body{overflow-x:hidden}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:11px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:280px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:260px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:350px;float:left;margin-left:27px;margin-top:27px}#divgg{width:100px;height:50px;float:left;margin-left:60px;margin-top:30px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px;float:left}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:150px;height:25px;background-color:#666;margin-top:35px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#666}}@charset "utf-8";@media (max-width:480px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px;position:relative}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#wrapper{width:480px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:768px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:225px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:380px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px}#divface{width:100%;padding:10px;height:auto}}@media (min-width:481px) and (max-width:767px){body{overflow-x:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em .438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{display:block;cursor:pointer}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom: 1 }.slicknav_menu{font-size:16px}#newsleft{width:400px;height:1000px;float:left;margin-top:10px;background-color:#069!important}.slicknav_btn{width:30px;margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#da2128}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;display:none;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{background:#222;padding:10px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_item{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_item:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#333;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;background:#ef4523;color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:10px}#divface{width:100%;padding:30px;height:auto}#principalright{display:block!important;width:250px;height:475px;clear:both;margin-left:14px;margin-top:10px;background-color:#fff}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%;height:190px;background-color:transparent}#logo{display:block;width:198px;height:109px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:400px;height:30px;float:left}#banner{display:block;position:absolute;width:100%;height:453px;margin-top:200px;background-color:#ccc;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:none;list-style:none outside none}#nav{font-size:12px;height:30px;margin-top:90px;margin-left:-80px;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:30px;font-family:"Myriad Pro";padding:10px 23px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:40px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}#menubottom{display:none;position:absolute;width:700px;height:30px;margin-left:330px;margin-top:150px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8.2px;word-spacing:2px;margin-left:140px;margin-top:-5px;color:#000}font.mb:hover{color:#c00}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#newsleft{width:480px;height:1000px;float:left;margin-top:10px;background-color:#069}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb;width:400px}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{float:left;margin-left:20px;width:134px;height:120px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:none;width:100%;height:89px;background-color:transparent}#footerleft{display:block;width:220px;height:63px;float:left}img.slogan{display:block;width:300px;height:63px}#footercenter{display:block;width:300px;height:63px;float:left}#footerright{display:block;width:234px;height:89px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:25px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:0;margin-left:200px}#principalleft{width:480px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:230px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:450px;font-size:9px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:320px;height:200px;font-size:18pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:230px;height:239px}#divn{width:600px;height:auto}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:768px) and (max-width:959px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:100%;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:100%!important;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px;margin-bottom:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;clear:both}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:180px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:80px}#divicon{width:50px;float:right;height:94px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divf1{width:600px;height:193px;float:left}#divx{width:250px;height:400px;float:left;margin-left:60px;margin-top:50px}#divg{width:280px;height:auto!important;float:left;margin-left:27px;margin-top:27px}#divg img{width:100%}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#divg1{width:600px;height:250px;float:left}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:196px;height:180;float:left;margin-left:27px;margin-top:27px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:960px) and (max-width:1199px){body{overflow-x:hidden}.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:13px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:800px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:250px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:250px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:300px;margin-left:50px;margin-top:27px}#divgg{width:150px;height:150px;float:left;margin-left:27px;margin-top:27px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:200px;height:35px;background-color:#f60;margin-top:30px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#f60}}@media (min-width:1200px){.my{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px}body{overflow-x:hidden}#wrapper{width:1024px;height:800px;margin:0 auto;margin-top:-8px;background-color:transparent}#header{display:block;width:1024px;height:190px;background-color:transparent}#logo{display:block;width:250px;height:138px;float:left;margin-top:20px}img.logo{width:100%;height:auto}#menu{display:block;width:500px;height:35px;float:left}#banner{display:block;position:absolute;width:100%;height:455px;margin-top:200px;background:#b7bcbc url(http://www.stjohnsabu.com/images/xbg.jpg.pagespeed.ic.Xclse0LyAo.jpg) no-repeat center center fixed;z-index:-99999999;margin-left:-8px}#body{display:block;width:1024px;height:510px;background-color:transparent}#nav,#nav ul{display:block;list-style:none outside none}#nav{font-size:11px;height:40px;margin-top:90px;margin-left:0;width:800px}#nav ul{height:auto;left:-9999px;overflow:hidden;position:absolute;top:-9999px;z-index:2;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .1s linear;-ms-transition:-ms-transform .1s linear;-o-transition:-o-transform .1s linear;-webkit-transition:-webkit-transform .1s linear;transition:transform .1s linear}#nav li{float:left;position:relative}#nav li a{color:#fff;display:block;height:40px;font-family:"Myriad Pro";padding:20px 15px 0;position:relative;text-decoration:none}#nav li:visited>a.hsubs{color:#999;font-family:"Myriad Pro";background:url(http://www.stjohnsabu.com/images/nav.png) center no-repeat}#nav li:hover>a.hsubs{color:red;font-family:"Myriad Pro";background-color:#ddd9c5}#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{background:#999 repeat scroll 0 0;outline:0 none}#nav li:hover ul.subs{left:0;top:60px;height:auto;width:174px;background-color:#ccc;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}#nav ul li{font-family:"Myriad Pro";font-size:14px;border-bottom:groove;border-bottom-color:#efefef;margin-left:-40px;width:250px}#nav ul li a{color:#333;float:none}#nav ul li:hover>a{color:#333;background:#eaeaea}#lavalamp{height:16px;left:13px;position:absolute;top:0;width:100px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease}#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s}#nav li:nth-of-type(1):hover ~ #lavalamp {left:13px}#nav li:nth-of-type(2):hover ~ #lavalamp {left:90px}#nav li:nth-of-type(3):hover ~ #lavalamp {left:170px}#nav li:nth-of-type(4):hover ~ #lavalamp {left:250px}#nav li:nth-of-type(5):hover ~ #lavalamp {left:330px}#nav li:nth-of-type(6):hover ~ #lavalamp {left:410px}#nav li:nth-of-type(7):hover ~ #lavalamp {left:490px}#nav li:nth-of-type(8):hover ~ #lavalamp {left:565px}img.b{margin-top:-15px}p.menu{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;word-spacing:12px;margin-left:250px;margin-top:-5px;color:#000}img.banner{display:block;width:1126px;height:474px;margin:0 auto}#bodyleft{display:block;width:383px;height:500px;background-color:#fff;float:left;opacity:.9}p.head{font-family:"Myriad Pro";font-size:24px;font-weight:bold;color:#000;margin-left:20px;margin-top:25px}img.sm{margin-left:20px;margin-top:-10px}p.content{width:317px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-left:20px}#read{position:absolute;width:95px;height:24px;margin-left:20px;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;background-color:#231f20}p.t{margin:4px 18px auto}img.award{margin-left:0;margin-top:0;float:left}table.links{display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:0}img.contact{margin-left:20px;margin-top:25px}#footer{display:block;width:100%;height:85px;background-color:transparent}#footerleft{display:block;width:300px;height:50px;float:left;margin-top:30px}img.slogan{display:block;width:297px;height:52px;margin-top:20px;margin-left:30px}#footercenter{display:block;width:327px;height:85px;float:left}#footerright{display:block;width:340px;height:20px;margin-top:40px;word-spacing:15px;margin-left:15px;font-family:Arial,Helvetica,sans-serif;font-size:11px;float:left}p.newshead{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:lighter;margin-top:-2px;color:#3c3c3c}p.newscontent{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#58595b}#divt{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divt:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divb:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn{display:block;width:75px;height:43px;float:left;margin-left:3px;background-color:#afafb0;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}#divn:hover{width:75px;height:43px;float:left;margin-left:3px;background-color:#991b1e;-webkit-transition:all 800ms ease;-moz-transition:all 800ms ease;-ms-transition:all 800ms ease;-o-transition:all 800ms ease;transition:all 800ms ease}p.s{margin:13px 10px auto;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff}p.sa{margin:13px 20px auto;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px}#divsocial{display:block;width:100%;height:50px;margin-top:50px}img.i{float:left}img.i1{float:left;margin-left:10px}#copyright{width:250px;height:20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;float:left;margin-top:10px;margin-left:770px}.slicknav_menu{display:none}font.mb:hover{color:#c00}#principalleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#be1e2d}#principalright{display:block;width:280px;height:475px;float:left;margin-left:14px;margin-top:10px;background-color:#fff}img.photo{width:100px;height:122px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#fff;float:left;margin-left:20px}p.pcontent{width:650px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#ffe6cb;float:left;margin-top:-90px;margin-left:20px}p.pty{width:520px;height:200px;font-size:24pt;margin-left:20px;margin-top:0;font-family:Arial;color:#d57f6e;float:left}img.rt{width:372px;height:387px}#divlink{width:260px;height:auto;float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:100px}#divicon{width:50px;float:right;height:94px;margin-top:100px;margin-left:5px}#divc{width:100px;height:150px;float:left;margin-left:60px;margin-top:50px}p.headtext{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-left:30px;color:#ffe6cb}p.text{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-left:30px;margin-top:-15px;color:#fff}#divface{width:600px;padding:30px;height:auto}table.tabtext{width:300px;height:auto;margin-left:30px;margin-top:-15px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px}#acedemicleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#099}#currileft{width:700px;height:475px;float:left;margin-top:10px;background-color:#1c3664}#divf{width:250px;height:193px;float:left;margin-left:60px;margin-top:50px}#divg{width:300px;height:350px;float:left;margin-left:27px;margin-top:27px}#divgg{width:100px;height:50px;float:left;margin-left:60px;margin-top:30px}#schoolleft{width:700px;height:475px;float:left;margin-top:10px;background-color:#009866}#photogallery{width:1035px;height:475px;float:left;margin-top:10px;background-color:#cc2036}#divp{width:196px;height:180px;float:left;margin-left:50px;margin-top:27px}#newsleft{width:700px;height:1000px;float:left;margin-top:10px;background-color:#069}#divnews{width:650px;height:auto;float:left;margin-left:60px;margin-top:50px;float:left}#divn{width:600px;height:auto;background-color:transparent;padding:20px}#button{float:right;width:150px;height:25px;background-color:#666;margin-top:35px;margin-right:-12px}#button1{float:right;width:150px;height:80px;background-color:#000;margin-top:350px;opacity:.9;margin-right:-12px}#alumni{width:700px;height:475px;float:left;margin-top:10px;background-color:#666}}