>


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


     #map-canvas {
        width: 400px;
        height: 400px;
		border-radius:3px;
		border-width:1px;
		border-style:solid; border-color:#6666CC;
		float:left ;
			margin-left:50px;
      }

	  #sidemap{
	  width: 400px;
        height: 400px;
		border-radius:3px;
		border-width:0px;
		border-style:solid; border-color:#6666CC;
		background: rgba(255, 255 , 255 , 1);
			float:left ;
			margin-left:50px;
			padding:10px;

	  }



@font-face {
font-family: 'Comfortaa', cursive;
 src: url(https://fonts.googleapis.com/css?family=Comfortaa:700 );
}

@font-face {
font-family: 'maybemaybenott' ;
 src: url(https://fonts.googleapis.com/css?family=Special+Elite  );
}





body {background-image:url("images/background.png") ;    background-repeat:repeat;  padding:0 ; margin:auto}
#top1{ width:99%; height: 100px;    margin:0 }
.strecher{height:500px; width:1px; float:left}
.clearer {clear:both}

#mainwrap  { background-color:  white  ; }

#mainwrap  {background-color:   rgba(255,255,255,0.95);    ;  background-color:   rgba(255,255,255,0.95);       margin:auto ; text-align:left;    border: 1px solid #0000CC;
    border-top-left-radius: 10px;  border-top-right-radius: 10px; padding:10px;  min-height: 600px;}
#top{ width:100%; height: 200px; }

.content2{width:60%; height: 250px; background-color:#ffffee ; margin:auto ; float:left}

.flashcontacts {float:right}

//////////////////////
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Open+Sans+Condensed:700);

/* Global properties ======================================================== */



.italic{font-style:italic}
.letter {letter-spacing:-1px}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden ; margin-top:20px}



/*==================================== Links ======================================================== */

a {text-decoration:none; font-weight:bold}


.letter2{ letter-spacing:-2px;}

.button1{ display:inline-block; padding:5px 13px 7px; border-radius:3px; margin: 10px 0 0 0; font-size: 14px; line-height: 17px; color:#fff;}
.button1:hover{ background-position: 0 bottom; color:#FFFFFF;}



.orange_but{ background:url( images/orange_but.png) repeat-x #fc8301;}
.green_but{ background:url(images/green_but.png) repeat-x #13a870;}
.aqua_but{ background:url(images/aqua_but.png) repeat-x #137da7;}
.blue_but{ background:url(images/blue_but.png) repeat-x #164ab5;}
/*================================>> hovers <<========================================*/
 .button1{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.orange{ color:#fc8501;}
.green{ color:#13a870;}
.grey{ color:#cccccc;}
.aqua{ color:#137da7;}
.blue{ color:#174bb5;}


h3{font-size: 16px; line-height: 19px; color:#7c7b7b; margin-bottom:22px;}
h3.ind{ margin-bottom:28px;}

.button1, h2,h3{text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
/*================================>> GOOGLE FONTS  <<========================================*/

.button1,  h2,h3  {font-family: 'Open Sans', sans-serif;}

.orange_bg{ background:url(../images/orange_bg.jpg) 50% bottom repeat-x #fc8301;}
.green_bg{ background:url(../images/green_bg.jpg) 50% bottom repeat-x #13a76f;}
.aqua_bg{ background:url(../images/aqua_bg.jpg) 50% bottom repeat-x #137ca6;}
.blue_bg{ background:url(../images/blue_bg.jpg) 50% bottom repeat-x #164ab4;}

.purple_bg{ background:url(../images/purple_bg.png) 50% bottom repeat-x #af01fb;}
.raspberry_bg{ background:url(../images/raspberry_bg.png) 50% bottom repeat-x #fd021e;}
.lime_bg{ background:url(../images/lime_bg.png) 50% bottom repeat-x #a6fe02;}
.grey_bg { background:url(../images/grey_bg.png) 50% bottom repeat-x #eeeeee;}



.orange_bg_circle{ background:url(../images/orange_bg.jpg) 50% bottom repeat-x #fc8301; }
.green_bg_circle{ background:url(../images/green_bg.jpg) 50% bottom repeat-x #13a76f;color:white}
.aqua_bg_circle{ background:url(../images/aqua_bg.jpg) 50% bottom repeat-x #137ca6;}
.blue_bg_circle{ background:url(../images/blue_bg.jpg) 50% bottom repeat-x #164ab4; color:white}

.purple_bg_circle{ background:url(../images/purple_bg.png) 50% bottom repeat-x #af01fb;color:white}
.raspberry_bg_circle{ background:url(../images/raspberry_bg.png) 50% bottom repeat-x #fd021e;color:white}
.lime_bg_circle{ background:url(../images/lime_bg.png) 50% bottom repeat-x #a6fe02;}
.grey_bg_circle { background:url(../images/grey_bg1.png) 50% bottom repeat-x #eeeeee;}




.orange_font{ color:#fc8501;}
.blue_font{ color:#174bb5;}
.aqua_font{ color:#137da7;}
.green_font{ color:#13a870;}



 #notmathclass { background: url("images/thisaintmath.jpg") ; background-repeat:no-repeat ;   float:left ;   background-position: center top; }
 #notmathclass div { background:rgba(255,255,255,  0.7) ; margin:0 ; margin-top:220px ;  float:left }


 #kidfocus { background: url("images/aboutfun.jpg") ; background-repeat:no-repeat ;   float:left ; background-position: center top; }
 #kidfocus div { background:rgba(255,255,255,  0.7) ; margin:0 ; margin-top:220px ;  float:left }


/*********************************slider************************************/


#slider {


    overflow: hidden;
	clear:both;
}

#slider .slides {
    display: block;
    width:500% ;
    margin: 0;
    padding: 20px;
}

#slider .slide {
    float: left;
    list-style-type: none;

	border-width:0px; border-style:solid;
   margin-right:20px;
      margin-left:0px

}
.slides li img {float:left ; margin-right:20px }
.slides li div{ padding:20px;   }

/* helper css, since we don't have images */



/*********************************slider************************************/


#email {
    left: 0px;
    width: 99px;
    background:url(images/contactsprites.png)0 50;
}

#phone {
    left: 63px;
    width: 25px;
    background: url('img_navsprites.gif') -52px 50;
}

#social {
    left: 129px;
    width: 43px;
    background: url('img_navsprites.gif') -87px 50;
}
#location {
    left: 129px;
    width: 43px;
    background: url('img_navsprites.gif') -136px 50;
}

#socialcontact li{display:inline; width:45px;  }





/*********************************schedule************************************/

table#scheduletable { width:90%; margin-left:4%;    border-collapse: separate;     border-spacing: 10px 25px; }

table#scheduletable td{ border-bottom:1px ; border-bottom-style:dashed; background:rgba(255,255,255, 1); padding:10px; border-color:#ffffff; }
table#scheduletable td.Atd1 , table#scheduletable td.Btd1 {border-color:#ff0000}
table#scheduletable td.Atd2 , table#scheduletable td.Btd2 {border-color:#009900}
table#scheduletable td.Atd3 , table#scheduletable td.Btd3 {border-color:#0000ff}
table#scheduletable td.Atd4 , table#scheduletable td.Btd4 {border-color:#ffff00}
table#scheduletable td.Atd5 , table#scheduletable td.Btd5 {border-color:#ff00ff}
table#scheduletable td.Atd6 , table#scheduletable td.Btd6 {border-color:#ff6600}
table#scheduletable td.Atd7 , table#scheduletable td.Btd7 {border-color:#ff0066}


table#scheduletable td.Atd1  , table#scheduletable td.Atd2 ,  table#scheduletable td.Atd3 ,  table#scheduletable td.Atd4 ,  table#scheduletable td.Atd5 , table#scheduletable td.Atd6 ,  table#scheduletable td.Atd7 {width:10%}




/*********************************cssmenu************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;

  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5688c6ff), color-stop(100%, #666688ff));
  background: -webkit-linear-gradient(top, #5688c6ff 0%, #666688ff 100%);
  background: -o-linear-gradient(top, #5688c6ff 0%, #666688ff 100%);
  background: -ms-linear-gradient(top, #5688c6ff 0%, #666688ff 100%);
  background: linear-gradient(to bottom, #5688c6ff 0%, #666688ff 100%);
    background:  url(images/bg_color2_ic.png);
}
#cssmenu > ul {
  background: url('images/bg_color2_ic.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}

#cssmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #d3eced;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
   background:  url(images/bg_color2_ic.png);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent ;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
     background:  url(images/bg_color2_ic.png);
}

#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent ;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}

#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}

#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);

	 z-index:1
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent ;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}

#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent  ;
}

 img.floatimg0{float:left}
  img.floatimg1{float:right}
  /* img.floatimg0,  img.floatimg1 { margin:20px ; height:175px}*/

@media all and  (min-width: 960px)  {
#mainwrap{ width:960px ; }

}



 .bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/*********************************cssmenu*************************************/



.errorform {background:#000000 ; border:10px solid red}

.tooltip-inner{max-width:200px;padding:3px 8px;color:#f60;text-align:center;text-decoration:none;background-color:#fff;border-radius:4px; border:1px solid #f00; font-weight:100}

.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#f00}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#f00}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#f00}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#f00}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#f00}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#f00}




/**************************************************************circle*/


.circleSchedule {
    border-radius: 50%;
	width: 200px;
	height: 200px;
	padding:40px;
	float:left; margin: 30px;
	box-shadow: 3px 3px 5px #eeeeee;

}


.circleSchedule_link {
    border-radius: 50%;
	width: 200px;
	height: 200px;
	padding:60px;
	float:left;
	margin: 60px;
	box-shadow: 3px 3px 5px #eeeeee;
		font-size: 1.3em ;


}

.circleSchedule_sm {
    border-radius: 50%;
	width: 100px;
	height: 100px;
	padding:20px;
	float:left;
	box-shadow: 3px 3px 5px #eeeeee;
	font-size: 3em ;

}
.note { font-size: 0.8em ;  font-style:italic ; color:#999999}
.calendar-row  .col-sm-1:first-child {

	margin-left:20%;
}


 /*****************************bubbles*****************************************/




/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#c81e2b;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
  background:-moz-linear-gradient(#f04349, #c81e2b);
  background:-o-linear-gradient(#f04349, #c81e2b);
  background:linear-gradient(#f04349, #c81e2b);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.triangle-right {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle*/


.bubble a { font-weight:normal ; color:#000066  }

a{text-decoration:none}

.bubble {
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 5px;
    color: #333;
    display: inline-block;

    padding: 12px 24px;
    position: relative;
	margin-bottom:20px
}
.bubble:after,
.bubble:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid  white;
    bottom: -10px;
    content: '';
    left: 50%;
    margin-left: -20px;
    position: absolute;
}

/* Styling for second triangle (border) */

.bubble:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid;
    border-top-color: inherit; /* Can't be included in the shorthand to work */
    bottom: -11px;
    margin-left: -21px;
}


/*bubble2*/


.bubble2 {
    background-color: #fff;
    border: 1px solid red;
    border-radius: 5px;
    color: #333;
    display: inline-block;

    padding: 12px 24px;
    position: relative;
	margin-top:10px; margin-bottom:20px
}


.bubble2:before , .bubble2:after{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid  white;
    top: -10px;
    content: '';
    left: 50%;
    margin-left: -20px;
    position: absolute;

}

/* Styling for second triangle (border) */

.bubble2:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid  red;
    border-top-color: inherit; /* Can't be included in the shorthand to work */
    top: -11px;
    margin-left: -21px;
}

 .depositform li {  list-style:none }


 .emeraldgradient {
  background: -webkit-linear-gradient(90deg, #00FF00 10%, #56B4D3 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #00FF00 10%, #56B4D3 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #00FF00 10%, #56B4D3 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #00FF00 10%, #56B4D3 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #00FF00 10%, #56B4D3 90%); /* W3C */
        }

 .orangegradient {

  background: -webkit-linear-gradient(90deg, #F09819 10%, #FF6600 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #F09819 10%, #FF6600 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #F09819 10%, #FF6600 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #F09819 10%, #FF6600 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #F09819 10%, #FF6600 90%); /* W3C */

 }

 .rosegradient{

  background: -webkit-linear-gradient(90deg, #FF512F 10%, #DD2476 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #FF512F 10%, #DD2476 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #FF512F 10%, #DD2476 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #FF512F 10%, #DD2476 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #FF512F 10%, #DD2476 90%); /* W3C */

 }


  .purpleredgradient {

  background: -webkit-linear-gradient(90deg, #7b4397 10%, #dc2430 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #7b4397 10%, #dc2430 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #7b4397 10%, #dc2430 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #7b4397 10%, #dc2430 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #7b4397 10%, #dc2430 90%); /* W3C */

  }

  .lightbluegradient{

  background: -webkit-linear-gradient(90deg, #00d2ff 10%, #3a7bd5 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #00d2ff 10%, #3a7bd5 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #00d2ff 10%, #3a7bd5 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #00d2ff 10%, #3a7bd5 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #00d2ff 10%, #3a7bd5 90%); /* W3C */
        }

 .rosegradient    , .orangegradient   , .emeraldgradient  , .purpleredgradient  ,  .lightbluegradient {

  margin-right: -1px;
  -webkit-border-radius: 10px 0 0 4px;
     -moz-border-radius: 10px 0 0 4px;
          border-radius: 10px 0 0 4px;

   }


   /////////////////////////////



.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;

}

.tab-content > .active  {
  display: block;
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #ff0000;

}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}






 .gallerybullet1 ,  .gallerybullet2 ,  .gallerybullet3 ,  .gallerybullet4  ,
 .gallerybullet12 ,  .gallerybullet22 ,  .gallerybullet32 ,  .gallerybullet42 { background-image: url(images/galleryframes.png);
 width: 159px; ;
 height: 147px;
  font-family: 'Shadows Into Light Two', cursive; line-height: 10px ;  }
  .gallerybullet1{  background-position: 0 0px; margin-left: 50px}  .gallerybullet2 {  background-position: 160px 0px; }  .gallerybullet3 {  background-position: 320px 0px; }  .gallerybullet4 {  background-position: 480px 0px; }

    .gallerybullet12{  background-position: 0 148px; margin-left: 50px}  .gallerybullet22 {  background-position: 160px 148px; }  .gallerybullet32 {  background-position: 320px 148px; }  .gallerybullet42 {  background-position: 480px 148px; }


 .rotate10 {
     /* Rotate div */
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
}
 .rotate15 {
     /* Rotate div */
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
 .rotateminus10 {
     /* Rotate div */
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}

 .rotateminus15 {
     /* Rotate div */
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}



 .rotate7 {
     /* Rotate div */
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
 .rotate12 {
     /* Rotate div */
    -ms-transform: rotate(12deg); /* IE 9 */
    -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
    transform: rotate(12deg);
}
 .rotateminus7 {
     /* Rotate div */
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

 .rotateminus12 {
     /* Rotate div */
    -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
}


 li.polaroids > a  { color:#333338; }

.polaroids.active > a ,   li.polaroids >a:hover  ,  li.polaroids > a:hover  {


background:none ;     color:#666600  }


.polaroids  a:focus, .polaroids  a:hover   , .polaroids  a:active   {


   font-size:2.2em ; color:#666600
 }

 .allpolaroid {   margin-right: -1px;
  -webkit-border-radius: 10px ;
     -moz-border-radius:10px  ;
          border-radius: 10px ;
		  background-image:url(images/planks.png); border-width:20px; border-color:#FF6600;}

.secretcodemodal{background-image:url(images/secretcodebook.png); padding-top: 60px; background-repeat:no-repeat ; min-height: 265px  ; font-family: Griffy, cursive; font-size:3em}
  .hiddenInput{display:none}

  .feebox {
  border-radius: 3px;
  margin-bottom: 20px;
    margin-left: 20px;
  color: #666666;
  padding: 15px;
  border-color: #348fe2;
  border-style: solid;
    border-width: 1px;
   background: #ffffff;

  }

    .feebox2 {
  border-radius: 3px;
  margin-bottom: 20px;
    margin-left: 20px;
  color: #666666;
  padding: 15px;
  border-color: #34e28f;
  border-style: solid;
    border-width: 1px;
   background: #ffffff;

  }

  .grey{  background: #eeeeef; color:#cccccc;}

  .student_page_badge{width:200px ; height:200px; float:left; background-image:url(images/badge1.png); padding-top: 85px; text-align:center ; font-size:2em ; color:#666666;    font-family:maybemaybenott}

.btnZ {background: #cccc00}