@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 */

body {background: #c5cbd7; }
#header-wrapper {background:url(//www.websocialfiles.com/1122/images/header_bg.png) repeat-x #666; width:100%; }
#wrap { width:960px; height:auto; margin:0 auto;}

#header {margin:20px auto 0; width:960px; height:260px;  }
.home {float:left; width:643px; margin:0; padding:0; height: 260px;}
.opt { }

#optIn {float:right; margin:0; padding: 0; height:260px; width:317px; }

#clr {clear:both; }

/* promo buttons wrapper*/
#promo { 	position:relative;
    width:980px;
    margin: 0 auto;} 

.promo {
   width: 225px;
   height: 185px;
   margin: 20px 10px 0 6px;
   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: 225px;
   height:185px;
   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: #252332;
   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:#003554;
}

.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;
}
.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: #003554;
   -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: 20px auto 15px; padding: 0; width: 960px;background:#fff; -webkit-box-shadow: 1px 1px 1px #666;
   -moz-box-shadow: 1px 1px 1px #666;
   box-shadow: 1px 1px 1px #666; float:left; padding:10px 0 10px 0;}
#contentWrap h1 {padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #0F243E; border-bottom: #0F243E 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 a { }
#contentWrap a:hover { }

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

#left { width:610px; float:left; height:auto; margin:0 15px 0;  } 
#left h2 {color:#4f81bd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
#left p {color:#0f243e; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px  margin:0 5px 0 5px;   }
#right {width:290px; float:right; height: auto; margin:0 15px 0; }

#right p { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; line-height: 16px; color:#6289dd; margin:0 5px 0 5px; }
.social img { float:right; padding:0 10px 0 5px; }
h2.school {display:block;color:#6289dd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }

#location { width:940px; border-bottom:3px dotted #000; height:265px; margin:0 0 0 5px;} 
#location p { float:left; color:#000; padding:10px 0 10px; margin:40px 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; }
#location iframe { border:none; float: right;  margin:0 2px 15px 10px; }