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

body { }

/* ADMIN PANEL BACKGROUND COLOR HACKS */
/*.layout-table-cell .side-panel, .layout-table-cell .main-panel, #checkoutContainerTable .right-panel, #checkoutContainerTable .main-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table-cell;
}

#plannerContentPanel {  background: none repeat scroll 0 0 #FFFFFF; }
table.layout-main {background:#fff; }*/

/* main style */
#content-wrapper {
height:100%; margin:-20px auto; background: #FFF;}
#main-content { background:url(//www.websocialfiles.com/009513/images/bg.jpg) top center repeat-y;}
.box {background: none; border:none; }
#wrap {width: 960px; height:100%; margin: 0 auto 15px; padding:0;  overflow:auto; background:#FFF;  }
#head {width: 705px; height: 260px; margin: 0 auto; padding:0; float:left;}
#head img { border:none; }

#form {width: 255px; height: 260px; margin: 0 auto; padding:0; float:right; background:url(//www.websocialfiles.com/009513/images/form.jpg); border:none;}
#form iframe { margin:40px 0 0 14px; border-width: 0;}
#info { width:965px; height:80px; background:#fff; } 
#info img { border:none; }

#header-wrapper { background:#FFF top repeat-x; width:100%;}

#program {width: 955px; height: 200px; margin: 20px auto ; padding:0;
background: -moz-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,184,184,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(184,184,184,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #b8b8b8;}
#program img{ float:left;}

#content ul {list-style:disc inside none;padding:5px 0 5px;}
#content li { padding-left:20px;}

#contentw { height:auto; margin: 20px auto 15px;padding: 0; width: 960px; background: #fff; overflow:auto;}

#content {width: 701px; height: auto; overflow:auto; margin: 0 0 10px 20px; padding: 0; float: left; background:#fff; border:1px solid #b8b8b8;  }

#contentWrapper {width: 701px; height: auto; overflow:auto; margin: 0 0 10px 20px; padding: 0; float: left; background:#fff; border:1px solid #b8b8b8; }

p { font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.25em; padding: 10px 20px; color:#6d6d6d;}



#left {width: 232px; height: auto; margin: 0 auto 0 2px; padding:0; float: left;background:#fff; border:1px solid #b8b8b8; }
#left img{ float:left;}
#links { width:100%; height: auto; margin: 0 auto; padding: 0; }
#links h2  {font-family: Arial, Helvetica, sans-serif;    text-align:center; padding: 0 0 20px;
}

#links a { font-size: 1em; color: #333; text-decoration:none;  font-weight:lighter;}

#links a:hover { border-bottom: #333 solid 1px;}


#icons img{ border:none; }


#foot {width:960px; height:auto; margin:0 auto; padding:0;}

#subcontent {width: 945px; height: auto; margin: 0; padding:0; float: left;  }
#subcontent h2 {padding:10px 0 10px; margin:0 2px 0 18px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ff7f00;border-bottom: #ff7f00 solid 1px; 
}
#subcontent p {padding:0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#FFF; margin:5px 0 0 18px;}

#subcontent iframe {margin: 5px 0 10px 18px; }

/* IMAGE ROLL OVER CSS*/
/* basic style for roll over effect */
.main{
	position:relative;
    width:940px;
    margin: 0 auto;
	
}

.view {
   width: 215px;
   height: 180px;
   margin: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff no-repeat center center;
}
.view .mask,.view .content {
   width: 215px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 1em;
   padding: 5px 5px 0;
   background: none;
   margin: 10px 0 0 0;
   font-family:Arial, Helvetica, sans-serif;
   
   
}
.view p {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: .75em;
   position: relative;
   color: #fff;
   padding: 5px 20px;
   text-align: center;
   line-height:1em;
   height:75px
}
.view a.info {
   display: inline-block;
   background:  #da0000; /* Old browsers */
background: -moz-linear-gradient(top, #da0000 0%, #5b0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da0000), color-stop(100%,#5b0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #da0000 0%,#5b0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #da0000 0%,#5b0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #da0000 0%,#5b0000 100%); /* IE10+ */
background: linear-gradient(top, #da0000 0%,#5b0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#5b0000',GradientType=0 ); /* IE6-9 */
   color: #fff;
	text-align:center;
    padding: 13px 0 15px;
   height:5px;
    width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.22em;
	text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
 text-decoration: none;
 line-height: .5em;

}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/* transitions */

..view-tenth 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;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -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;
   height:180px;
}
.view-tenth h2 {
   background: transparent;
   margin: 5px 20px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -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;
   height: 30px;
}
.view-tenth 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;
}
.view-tenth 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;
}
.view-tenth: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;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth: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;
}
		
.buttons-line {
    height: 1.5em;
    line-height: 3em;
    margin-top: 20px;
    white-space: nowrap;
}

<!-- Scrolling content Div -->


/* content block 1 */
#mcs_container {  border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    height: 410px;
    margin: 0 0 0 40px;
    padding: 0 10px;
    position: relative;

    width: 660px;}
#mcs_container .customScrollBox{position:relative; height:298px; overflow:hidden;}
#mcs_container .customScrollBox .containerScroll{position:relative; width:680px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content h1{margin:25px 25px 25px 15px ; color:#ff0000; font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height:20px;}
#mcs_container .customScrollBox .content p{ margin:25px 25px 25px 15px ; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;}
#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs_container .customScrollBox img{border:2px solid #ff0;}
#mcs_container .dragger_container{position:relative; width:2px; height:325px; float:left; margin:40px 0; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:relative; display:inline-block; width:14px; height:15px; margin:5px; left:641px; 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/009513/images/jquery/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{ background:url(//www.websocialfiles.com/009513/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;}

#clr { clear:both;}