@charset "utf-8";
/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

img {border: none; }
/* END RESET CSS */

/* CSS Document */


html { background:  top left no-repeat #326997;}

.box { background: transparent; border:none;}
#header-wrapper {background:url(//www.websocialfiles.com/1608/images/header.jpg) repeat-x; height:140px; } 


body { }

#wrap { height:auto; margin:0 auto;}

#header {margin:0 auto;  }
.home { }

.opt { }

#optIn {float:right; margin:0; padding: 0; background:url(//www.websocialfiles.com/1608/images/form_bg.jpg); height:257px; }
#optIn iframe {border:none; background:transparent; margin:50px auto 0;  }
#clr {clear:both; }

/* promo buttons wrapper*/
#promo { 	position:relative;

    } 

.middle { margin:0 10px 0 10px;}

.promo {
   width: 300px;
   height: 214px;
 	margin-top:10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #666;
   -moz-box-shadow: 1px 1px 2px #666;
   box-shadow: 1px 1px 2px #666;
   cursor: default;
  
}
.promo .mask, .promo .content {
   width: 300px;
   height:214px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.promo img {
   display: block;
   position: relative;
}
.promo h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;font-family: Arial, Helvetica, sans-serif;
}
.promo p {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px 10px 0;
   text-align: center;
}
.promo a.info {font-family: Arial, Helvetica, sans-serif;
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #326997;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.promo a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
   background:#449be4;
}

.promo-btn img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.promo-btn .mask {
   background-color: rgba(255, 255, 255, 1);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.mask a { text-decoration:none;}
.mask a:hover {  color: #fff; text-decoration:underline; font-weight:bold;}

.promo-btn h2 {font-family: Arial, Helvetica, sans-serif;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 5px 10px 0px 10px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #dd1113;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.promo-btn p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-style:normal;
}
.promo-btn a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.promo-btn:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.promo-btn:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.promo-btn:hover h2,.promo-btn:hover p,.promo-btn:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

#contentWrap {  height:auto; margin: -3px auto 15px; padding: 0; background:#fff; -webkit-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .5);
box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .5);  float:left; padding:10px 0 10px 0;}
#contentWrap h1 {padding:10px 0 5px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #767982; border-bottom: #767982 solid 1px;  }
#contentWrap p {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#767982; margin:0 5px 0 5px; }


#contentWrap ul {margin:0 auto; padding:0; }
#contentWrap li {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#767982; margin:0 10px 0 10px;  }

#left ul {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#767982; margin:0 5px 0 5px; }

#left a { font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#dd1113; font-weight:bold; text-decoration:none;}
#left a:hover {text-decoration:underline;}

#left {  float:left; height:auto;  } 
#left h2 {color:#6289dd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}

#right { height: auto; float:right; }


.social img { float:left; padding:15px 10px 0; }
h2.school {display:block;color:#6289dd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }


<!-- Scrolling content Div -->


/* content block 1 */
#mcs_container {  border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    height: 360px;
    margin: 0 0 0 40px;
    padding: 0 10px;
    position: relative;
}
#mcs_container .customScrollBox{position:relative; height:380px; overflow:hidden;}
#mcs_container .customScrollBox .containerScroll{position:relative; width:620px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content h1{margin:2px 0 0 25px; color:#767982;font-family:Arial, Helvetica, sans-serif;  font-size:18px; line-height:20px;}
#mcs_container .customScrollBox .content p{ margin:0 0 0 20px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:5px;}

#mcs_container .customScrollBox .content ul { margin:0 0 0 20px ; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:5px;}
#mcs_container .customScrollBox .content ol { margin:0 0 0 20px ; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; padding:5px;}
#mcs_container .customScrollBox .content li { margin:0 0 0 20px ; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:5px;}
#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Arial, Helvetica, sans-serif;  font-size:17px; line-height:19px; color:#999;}
#mcs_container .customScrollBox img{border:2px solid #143c8b; float:right; margin: 5px 0 0 20px;}
#mcs_container .dragger_container{position:absolute; width:9px; height:380px; float:left; margin:10px 0 0; cursor:pointer; box-shadow:inset 0 0 10px #8a2829; -moz-box-shadow:inset 0 0 10px #8a2829; -webkit-box-shadow:inset 0 0 10px #8a2829;}
#mcs_container .dragger{position:absolute; width:6px; height:60px; background:#8f2022; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; border-left:1px solid #787878; border-right:1px solid #000; cursor:pointer;}
#mcs_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:relative; display:inline-block; width:14px; height:15px; margin:5px 0 0; left:0; text-decoration:none;  filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;}
#mcs_container .scrollUpBtn{ background:url(//www.websocialfiles.com/1608/images/jquery/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{ background:url(//www.websocialfiles.com/1608/images/jquery/mcs_btnDown.png) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}