/* CSS Document oct 6 2013*/
                                                                                /**
 * Primary styles - H5BP4J
 * Author: Conor O Callaghan

 */
/* ********* FONTFACE **************** */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebas/bebasneue-webfont.eot');
    src: url('../fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebas/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

  
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosislight';
    src: url('../fonts/dosis/dosis-light-webfont.eot');
    src: url('../fonts/dosis/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis/dosis-light-webfont.woff') format('woff'),
         url('../fonts/dosis/dosis-light-webfont.ttf') format('truetype'),
         url('../fonts/dosis/dosis-light-webfont.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ********** END FONT-FACE ****************** */

/**##########################################################*/  
/*                   Layout                                  */
/**##########################################################*/


html {
        padding:0;
        margin:0;
        font-size: 62.5%;
}

body {
        font-size: 14px; font-size: 1.4rem;   /* =14px */
        line-height:22px; 2.2rem;                  /* =22x */
        font-family: source_sans_proregular,
                Corbel,
               "Lucida Grande",
               "Lucida Sans Unicode",
               "Lucida Sans",
               "DejaVu Sans",
               "Bitstream Vera Sans",
               "Liberation Sans",
               Verdana,
               sans-serif;
        color:#6c6c6c;
        /* Fallback for <IE9 and other older browsers */
        background: #DBDBDA url(../images/body_top.png) 0 0 no-repeat;

        /* Multi-background supporting browsers */
        background:
           url(../images/watermark.png) right bottom no-repeat,
           url(../images/body_top2.png) 0 0 no-repeat,
           url(../images/circles3.png) 0 0 repeat;
           background-size: 350px, 100%, auto ;
}



 #header, #content, #bottom, #footer {
        width:98%;
        margin:0 auto;
        max-width:990px;
}

#header {
        margin-top: 15px;
        position:relative;
        height:150px;
        border:2px;
        text-align:center;
}   
/* header background image defined in hbg-1 class, at the end of this file */

#content {
        color:#222;
        padding-top:10px 0 20px 20px;
        min-height:300px;
        overflow:hidden;/*auto stretch height */
}

#left{
        float:left;
        width: 19%;
        margin-bottom:10px;
}

#right {
        float:right;
        width: 21%;    /* changed from 19 to 21 . Will go to 25 without padding*/
        margin-right :2%;
        margin-bottom:10px;
}

#bottom {
        background:#fff;
        overflow:hidden;/*auto stretch height */
}

#footer { padding:0;
        min-height:20px;
        clear:both;
}



/* ++++++ in content */

.centerWide {
        float: left;
        width: 95%;
}

.centerAndLeft {
        float: right;
        width: 78%;
        padding:1%;
}


.centerNarrow {
        float: right;
        width: 77%;
        padding:1%;
        overflow:hidden;
}

#wrapper {
        float: left;
        width: 78%;
}

/* and make sure that imgs do not have height declared, e.g. by editor */
.centerAndLeft p img,
.centerAndRight p img,
.centerNarrow p img,
#left img, #right img {
        max-width: 100%;
        width: auto;
        height: auto;    /* stop ie8 elongating images */
        background: none repeat scroll 0 0 #FAFAFA;
        border: 1px solid #DADADA;
        padding: 5px;
        margin:0 5px;  
}




#tagline {
        display: none;
}
 



#banner {                   /* main menu here */
        position:absolute;
        top:0px;
        right:0px;
        /*width:70%;   */
        height:80px;
        overflow:none;
        color:#fff;
        text-align:right;
}

#banner img {
     /*   max-width:100%; */
}

#crumbs {                   /* breadcrumbs here */
        position:absolute;
        top:140px;
        left: 28%;
        width:60%;   
        height:12px;
        overflow:none;
        color:#ccc;
        text-align:left;
}
#search {
        position:absolute;
        right:20px;
        top: 140px;
}


#content{padding-top:2em}  /* leaving space for header material */

.centerAndRight
{
        float: left;
        width: 68%;       /* changed from 78 - 70 */
        padding: 0 1% 0 3%;
}

.centerAndRight,.centerWide  
{
         padding: 0 1% 0 3%;
}

div#main.centerWide article.item-page  
{
        padding: 0 5% 3% 3%;
}

#right {
        float:right;
        width: 23%;    /* changed from 19 to 21 . Will go to 25 without padding*/
        margin-right :2%;
        margin-bottom:10px;
}




.items-leading {              /*  pad main content */
         padding:0 2% 0 2%;

  
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
        width:100%;
}

.cols-2 .column-1
{
        width:43%;
        float:left;
        padding:0 2% 0 2%;
}

.cols-2 .column-2
{
        width:43%;
        float:right;
        margin:0;
        padding:0 2% 0 2%;
}


/********          END LAYOUT        *********/

/* ******** TYPOGRAPHY ************** */



#left h3, #right h3 {
    margin: 0.5rem 0 0.5rem 5px;
}


p {
    margin: 0;
}

p.last {
    margin-bottom: 0 !important;
}

/**##########################################################*/  
/*              Typography                                   */
/**##########################################################*/
h1, h2, h3, h4, h5  {
          text-decoration:none;
          outline:0;
}


h2 , h5, h3 ,span.fc-header-title h2, .tsc_ribbon_wrap .ribbon-wrap > span
{
         font-family: bebas_neueregular,Georgia,"Times New Roman",serif;
         border-bottom: thin solid rgb(192,192,192);
}

h1, #main h1 {
        font-size: 1.6rem;
        margin:0.6rem 0;
        padding:5px 0;
}
    
h2, #main h2 {
        font-size: 24px; 2.4rem;
        line-height: 22px; 2.2rem

}
h3, #main h3 {
        font-size: 14px;1.4rem;
        margin:0;
}
    
h4{     
        font-family: dosislight;
        font-size:16px; 1.6rem;
        margin:0;
        color:#7BA428;
}
    
    
h5
{     
      font-size:12px; 1.2rem;
      color: #887284;
      font-weight: bold;
      line-height: 22px 2.2rem;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 1px
}
    
h6
{
      font-size: 9px; .9rem;
      font-weight: bold;
      margin:0;
      color:#8E1A78;
}

.tsc_ribbon_wrap .ribbon-wrap  span{          /* alt h2 tag */
     font-size: 26px; 2.6rem;
}
    
p.headline, p.headline2, p.headline3, .headline3, th#first_cell
{        
      font-family: bebas_neueregular,Georgia,"Times New Roman",serif;
      font-size: 16px; 1.6rem;
      color: #7C2D64;
      line-height: 22px; 2.2rem;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 1px
}
      
p.headline2
{        
      background-color: #dbdbda;
}
      
p.headline3, .headline3, th#first_cell{  margin-top: 5px;
      font-size: 15px; 1.5rem;       
      color: #887284;
      background-color: transparent;
    }
      
.lead, .lead2{       
      font-family: Georgia,"Times New Roman",serif;
      font-weight: bold;
      margin-left: -20px;
      color: #887284;
      text-transform: capitalize;}
      
.lead2{
     margin-left:0;      
    }
      
p.note{       
      color: #D65F79;
        padding-left: 15px;
          font-size: 10px; 1rem; }
          
.break{
    display:block;
    margin:2.5em 0 0 0;
}

.break2{
    display:block;
    margin:.5rem 0 0 0;
}
      
.indent{       
      padding-left: 20px;}
      
.headerbg_1{       
      background-color: #DBDBDA;}
      
.headerbg_2{       
      background-color: #EAEAE9;}
      
.blog-featured_home p, .item-page p, .item-page_home p {              
      color: #666666;
    }
    
div#main.centerAndRight p
{
      text-align:justify; text-justify:inter-word;
}

article.item-page img {
      border: 1px solid #DADADA;
      margin: 15px 0 15px 15px;
      padding: 5px;

}
    
section.blog_home h1{                     /* controling cat list display*/
      display:none;
}


dl.article-info dt.article-info-term{     /* controling cat list display*/
      display:none;
}
  
/********* End Typography **********/

/* ******** LINKS ************** */

a, a:active, a:focus {
color:#6D95A3;
font-weight:normal;
text-decoration:none;
outline:0;
}

a:visited {
color:#333;
}

a:hover {
color:#ccc;
}

h1 a, h2 a, h3 a {
text-decoration:none;
outline:0;
}
/*************** Breadcrumb Module  ********************* Disabled

#crumbs .breadcrumbs a.pathway{color:#7C2D64;}

#crumbs .breadcrumbs span{color:#7BA428;}
 

ul.breadcrumb {list-style-type: none;}
ul.breadcrumb li {display: inline;float:left; padding: 0 5px 0 5px;  }
ul.breadcrumb li a {color:#887284;}
ul.breadcrumb li a:hover {color:#A0889D;}

.breadcrumbs {
        width: 50%;
        font-size: 8px; 0.8rem;
        padding: 0 5px 0 5px;
}
.breadcrumbs span {
        color: #7BA428;
}


/*************** end *********************/


/**##########################################################*/  
/*                  Logo                                */
/**##########################################################*/

  #logo {
        position:absolute;
        top:2em;
        left:20px;  
        width: 30%;       
        max-width:260x;
        max-height:200px;
        /* min-width:20px;     causing safari not to show image
        min-height:20px;    */
        overflow:hidden;
        z-index:0;  
    }
#logo a img {
        width:100%;
        max-width:260px;
}


/**##########################################################*/  
/*                  Main Menu                                */
/**##########################################################*/

#banner {                   /* main menu here */
    
      min-width: 600px;
      top: 10px;
    
    }
      
#menucontainer  {  
       position: relative;
      top: -20px;
      float: right;
      /*right: -40px;     Con - added to peg menu to the right - find out cause */
     }
#menucontainer_left {  
    float:left;
    width: 25px;
    height: 62px;
    background: transparent url("../images/mainMenu-left2.png") no-repeat 0 0;}
  
#menucontainer_body {
    padding:20px 0 0 0;
    margin:0;
    float: left;
    height: 62px;
    background: transparent url("../images/mainMenu-repeat2.png") repeat-x 0 0;}
  
#menucontainer_right {
    float:left;
    width: 20px;
    height: 62px;
    background: transparent url("../images/mainMenu-right2.png") no-repeat 0 0;}
  
/********** Responsive Menu **************/

.responsiveMenu{
  background:none;
  margin-top:-7px;
  }

.responsiveMenu li li a.parent,.responsiveMenu li li a{
     background-color: #621347; }  /* maybe change to #420C31 */
     
ul.responsiveMenu a{
  color:#f4f4f4;
     font-size: 12px; 1.2rem; }
  
.responsiveMenu li li li a{
     background-color: #7BA428; }
  
.responsiveMenu li li a{z-index:300;}
.responsiveMenu li li span.separator {z-index:300;volor:ccc;}
.responsiveMenu li li li a{z-index:400;}
  
.responsiveMenu a:hover, .responsiveMenu li.active > a{color:#7BA428;}  /* current */     
.responsiveMenu li li.current.active > a{background-color:#AECE5F;}  /* recently visited nested sub level item */
.responsiveMenu li:hover > a,
.responsiveMenu li a:hover, .responsiveMenu li.active > a{background-color:transparent;}
.responsiveMenu li li:hover > a {background-color:#dbdbda;}       /* #887284 works well but would have to
                                                                       change a:hover color and li li li:hover > a - bg*/
a.toggleMenu {
  position:absolute;
  top:-10px;
  right: 5px;
  background: transparent url("../images/toggle.png") no-repeat 0 0;}
  
a.toggleMenu:hover {
  background: transparent url("../images/toggle_over.png") no-repeat 0 0;}
  
.responsiveMenu.isMobile > li{width:300px;background-color:#000000;z-index: 100;}



/**##########################################################*/  
/*              Second Nav                                   */
/**##########################################################*/
 #second_nav {
        position:relative;
        top:55px;
        width:100%;
        height:70px;
        overflow:none;
  }

  .table {
        display: table;   /* Allow the centering to work */
        margin: 0 auto;
        margin-left: 32%;

  }

  #second_nav ul#horizontal-list {
        min-width: 100%;
        list-style: none;
        height:45px;
        padding: 0;
        margin: 0;
  }
  #second_nav ul#horizontal-list li {
        display: inline;
        margin: 0 5px;  
  }
    

#second_nav ul#horizontal-list li a {
        text-transform: uppercase;
        color: #887284;
        font-size:11px; 1.1rem;
        float:left;
        width:75px;
        height:20px;     /* gap between link and bottom-border      */
        margin:0;
        padding:0 12px;
        padding-top:58px;     /* gap between link and image      */
        display:inline;
        text-decoration: none;
        text-align:center;
  }

#second_nav ul#horizontal-list li a:hover{
        text-decoration:none;
        color:#962779;
  }  
#second_nav li.active a {
        text-decoration:none;
        color:#A88AA1;
        border-bottom: thin solid #7BA428 ;
  }       
  

  
#second_nav ul#horizontal-list li.item-165 a{
        background-image:url(../images/icons/adult_ed2.png);
        background-position:top;
        background-repeat: no-repeat;
  }
  
#second_nav ul#horizontal-list li a#here.home, #second_nav ul#horizontal-list li a.home:hover{
        text-decoration:none;
        color:#A88AA1;
  }
  
#second_nav ul#horizontal-list li.item-166 a{
        background-image:url(../images/icons/cert.png);
        background-position:top;
        background-repeat: no-repeat;
  }

  
#second_nav ul#horizontal-list li.item-162 a{            /*gallery*/
        background-image:url(../images/icons/gallery.png);
        background-position:center top 20px;
        background-repeat: no-repeat;
  }
  
#second_nav ul#horizontal-list li.item-163 a{
        background-image:url(../images/icons/contact.png);
        background-position:center top 20px;
        background-repeat: no-repeat;
  }
  
#second_nav ul#horizontal-list li.item-164 a{
        background-image:url(../images/icons/location.png);
        background-position:center top 20px;
        background-repeat: no-repeat;
  }
  
#second_nav ul#horizontal-list li.item-188 a{
        background-image:url(../images/icons/brochure.png);
        background-position:center top 20px;
        background-repeat: no-repeat;
  }
  
  

/********** End Menu*****************/

/**##########################################################*/  
/*                            SLIDESHOW                      */
/**##########################################################*/


                                                                
#breadcrumbs{width: 96%; margin: 0 auto;}   /* slideshow occupying this space */
#camera_wrap_94{margin:0; padding:0}  

.camera_prevThumbs div {
        background: url(../images/prev.png) no-repeat;
        display: block;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 30px;
}

.camera_nextThumbs div {
        background: url(../images/next.png) no-repeat;
        display: block;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 30px;
}

.camera_prev > span {
        background: url(../images/prev.png) no-repeat;
        display: block;
        height: 40px;
        width: 40px;
}
.camera_prev > span:hover {
        background: url(../images/prev_over.png) no-repeat;
}

.camera_next > span {
        background: url(../images/next.png) no-repeat;
        display: block;
        height: 40px;
        width: 40px;
}
.camera_next > span:hover {
  background: url(../images/next_over.png) no-repeat;
}

.camera_commands > .camera_play {
        background: url(../images/play.png) no-repeat;
        height: 40px;
        width: 40px;
}
.camera_commands > .camera_play:hover {
        background: url(../images/play_over.png) no-repeat;
}

.camera_commands > .camera_stop {
        background: url(../images/stop.png) no-repeat ;
        display: block;
        height: 40px;
        width: 40px;
}
.camera_commands > .camera_stop:hover  {
        background: url(../images/stop_over.png) no-repeat ;
}

/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
        background-position: center;
}
.camera_maroon_skin .camera_nextThumbs div {
        background-position: center;
}
.camera_maroon_skin .camera_prev > span {
        background-position: center;
}
.camera_maroon_skin .camera_next > span {
        background-position: center;
}
.camera_maroon_skin .camera_commands > .camera_play {
        background-position: center;
}
.camera_maroon_skin .camera_commands > .camera_stop {
        background-position: center;
}

#slidebottom
{
        position: relative;
        top: -30px;
        bottom: centre;
        z-index: 29;
        height: 55px;
        overflow: hidden;
        background: transparent url("../images/slide_show_btm.png") no-repeat 0 0;  
        background-position:center;
        margin-bottom:-2em;
}   
 /*********             END SLIDESHOW          ***********/

/**##########################################################*/  
/*                  Minifrontpage                            */
/**##########################################################*/
.moduletable_mfp{display:none;}          /* right module not to display when large instance is set to display */
    
#minifrontpage-142  {                
         padding:3px 14px;
       background-color: #420C31;
       background-image: url(../images/mfp_fallback.gif);
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#621347), to(#621347));
       background-image: -webkit-linear-gradient(top, #420c31, #621347);
       background-image:    -moz-linear-gradient(top, #420c31, #621347);
       background-image:     -ms-linear-gradient(top, #420c31, #621347);
       background-image:      -o-linear-gradient(top, #420c31, #621347);
       border:1px solid #420C31;
       border-radius: 5px 5px 5px 5px;
       box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
       -webkit-transition-duration: 0.4s;
       transition-duration: 0.4s;                                                                                                                     
       -webkit-transition-property: color;
       transition-property: color; 
   
    }
#minifrontpage-123  {                
         padding:3px 14px;
   
    }
    
.anim-div{
/* will style main table but if margin used it will show tops of next items  */

}
 }
.minifrontpage-tabbed-no-effect .mfp-other-article-title {
         margin-top: 15px;      /* Can put title inside or outside other article oval box */
}


.minifrontpage-tabbed-no-effect .mfp-other-article-inner {
        font-size: 12px; 1.2rem;
        background-color: transparent ;
        text-shadow: none !important;
}

.minifrontpage-tabbed-no-effect .mfp-other-article-inner ul{
        padding-left:10px;
}

.minifrontpage-tabbed-no-effect .mfp-other-article-inner li {
        color: #fff;
}
.mfp-other-article-inner ul li a {
         color: #fff;      /* old #A88AA1*/
         text-decoration: none;
}
.mfp-other-article-inner ul li a:hover {
         color: #827E7E;
}

.minifrontpage-tabbed-no-effect .mfp-table-cell p {
        background: #EAEAEA;

}

.minifrontpage-tabbed-no-effect .mfp-table-cell:hover p {
        background: #ffffff;
        box-shadow: none;
}

.mfp-introtitle {
  /* display: inline-block; */
        vertical-align: top;
        font-family: bebas_neueregular,Arial,Helvetica,sans-serif;
        line-height: 20px; 2rem;

}
.mfp-introtitle a {
        color:#D3B4CF;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;1.6rem;
        display: block;      /* give uniform height to title */
        min-height:45px;
}

    
#minifrontpage-142 p {
        font-family: dejavu_sansbook,Arial,Helvetica,sans-serif;
        font-size: 11px; 1.1rem;
}

.minifrontpage-tabbed-no-effect a.mfp-readon:hover {
        background: #ccc!important;
}

.minifrontpage-tabbed-no-effect .mfp-date-author {
        line-height: 100%;
        color: #fff;
        margin-bottom: 5px;
        clear: both;
}

.minifrontpage-tabbed-no-effect #mfptabs ul li{
        float:left;
        font-size:11px; 1.1rem;
        width:4px;
        height:4px;
        margin:2px 0 0 0;
        background:#7AA440; color:#747474;
        cursor:pointer;
        list-style-type:none!important;
        text-align:center;
        margin-right:5px !important;
        border-radius: 6px;
        border: 3px solid #fff;
}
  .minifrontpage-tabbed-no-effect #mfptabs ul li span {
        display: none;
  }
.minifrontpage-tabbed-no-effect #mfptabs ul li.activex {
        background: #621347; color:#fff;
        border: 3px solid #ccc;
        width:4px;
        height:4px;  
}
.minifrontpage-tabbed-no-effect #mfptabs ul li:hover{
        background:#962779;
}
.minifrontpage-tabbed-no-effect .mfp-categ a {
        background: url(../../../../images/categ.png) 5px 50% no-repeat #B4D36A;
}

.minifrontpage-tabbed-no-effect .mfp-categ a:hover {
        background: url(../../../../images/categ.png) 5px 50% no-repeat #EAEAE9!important;
        color: #666;
}
/***********     End Minifrontpage            ****************/                                                          



ul#set-nn_tabs-1.nav.nav-tabs li.nn_tabs-tab.active a{color:#7BA428}

 
/**##########################################################*/  
/*              PageNav                                   */
/**##########################################################*/

.pagenav a:hover,a:active,a:focus {   /*
  background: #095197;
  color: #FFF;      */
}

.pagenav {
        list-style-type: none;
        overflow: hidden;
        padding: 0;
        width:90%;
        margin:1rem;
}

#main ul.pagenav li {
        line-height: 2em;
}
ul.pagenav li a {
        background: #eee;
        padding: 4px;
        text-decoration: none;
}
ul.pagenav li.pagenav-prev {
        float: left;
}
ul.pagenav li.pagenav-next {
        float: right;
}

.pagenav a:link,.pagenav a:visited
  {
        background-color:#ddd;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
        background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
        background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
        background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
        background-image: -o-linear-gradient(top, #ffffff, #dddddd);
        background-image: linear-gradient(#ffffff, #dddddd);
        border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
        -webkit-font-smoothing: antialiased;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
          rgba(0, 0, 0, 0.05);
        color: #095197;
        border: solid 1px #ddd
}


.pagenav a,span.pagenav {
        padding: 0 14px;
        margin: 0;
        line-height: 1.9em;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left: 0px solid #ddd;
        display: inline-block;
        line-height: 1.9em;
}

.pagenav li:first-child a,.pagination-start span {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        border-left: solid 1px #ddd
}

.pagenav li:last-child a,.pagination-end span {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
}

.pagination
{
        margin:1rem;
}

.pagination .counter {
        width:90%;
        margin:0 auto;
        text-align:right;
}

.pagination ul
{
        list-style-type:none;
        text-align:center;
        padding:0;
        margin: 10px 10px 10px 0;
        width: 600px;
}

.pagination li
{
        display:inline;
        background: #eee;
        padding: 4px;
        margin:0;
        width: 75px;
        color:#095197;
}



.pagination a {
        line-height: 2em;
        padding: 0 14px;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left: 0px solid #ddd;
        display: inline-block ;
        background-color: rgb(184,184,184);
}

.pagination .active a {
        cursor: default;
}

.pagination span,.pagination span  a:hover {
        cursor: default;
        padding: 0 14px;
        line-height: 2em;
}

.pagination li:first-child a {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
}

/********* End PageNav ***********/
    


/* ******** NOTICES ************** */

.success, .notice, .error {
      margin-bottom: 1.5rem;
      padding: 5px 10px 5px 40px;
}
.success {
      background: #E6EFC2;
      border: 1px solid #C6D880;
      color: #264409;
}
.notice {
      background: #FFF6BF;
      border: 1px solid #FFD324;
      color: #514721;
}
.error {
      background: #FBE3E4;
      border: 1px solid #FBC2C4;
      color: #8A1F11;
}

legend {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #E6E6E6;
      color: #8A1F11;
      font-size: 1.0rem;
      padding: 0.2rem 1rem;
}

div#rapid_contact_form_rp_582eeaa7bb5c0 legend{
    color: #498c25 !important;
    font-size: 1.8rem !important;
    padding: 0.2rem 1rem 0.2rem 0rem !important;
}




/* ******** COLUMNS **********/


.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:44%;
        float:left;
}

.cols-2 .column-2
{
        width:44%;
        float:right;
        margin:0
}

.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
        float:left;
        width:31%;
        padding:0px 5px;

}

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4
{
        width:23%;
        margin-left:1%;
        float:left;
}





/* ******** OTHER **********/


::-moz-selection { background: #edf57d; color: #222;  }
::selection { background: #edf57d; color: #222;  }



.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
        width:100%;
}

.edit-icon {
        list-style: none;
        display:inline;
        float:left;

}
.hasTip img {
        margin:0;
}

.tip {
        background: #ffc;
        border: 1px solid #ddd;
        padding: 5px;
        max-width: 200px;
}

#main ul.actions {
        float:right;
        width:70px;
        padding:0 10px;
}

.actions li {
        list-style:none;
        margin-left:10px;
        float:right;
}



.search-results {
        clear:both;
        padding-top:1rem;
}

#bottom .box {
        float:left;
        margin:1%;
        width:31%;
}

.login fieldset input {
        margin:2px 0;
}

#login-form {
        padding-left:3px;   
}

#login-form input {
        width:95%;   
}

input#modlgn-remember {
width:20px;   
}

ins {
         float:right;
}

.joomla_add_this {
        width:99%;
        float:right;
}

.addthis_default_style {
        float:right;
        margin:0 0 10px 0;
}

#errorboxheader {
        font-size:24px; 2.4rem
        line-height:36px;
        margin-bottom:12px;
}

/**##########################################################*/  
/*              OTHER                                   */
/**##########################################################*/
/*******SEARCH BOX **************/

div#search > div.search > form.form-inline > input#mod-search-searchword.inputbox.search-query
{
        vertical-align: bottom;
}

div#search > div.search > form.form-inline > input.button
{
        vertical-align: bottom;
}

div.search
{
        float: right;
}

div.search>
form.form-inline>
input.button:hover
{
        border: 1px solid #999;color:#000;
}
  

/************ Search Site*********** */

div.course_search{text-align: right;}

div.course_search form span{
        text-transform: uppercase;
        color:#666;
        margin-right: 10px;
}

.btnExample, .btnExample:visited {
        background: #222 url(../images/alert-overlay.png) repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
}

.btnExample:hover{ background-color: #111; color: #fff; }
.btnExample:active{ top: 1px; }


/********** Boxes used in Curriculum *********** */

.article_table{ margin: 0; PADDING:0;}
.article_table ul{}
.article_table li {display:inline-block; margin: 0 0 10px 0;vertical-align: top;}
#list {margin:0 5px;}
#list dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #887284 ;}

#list #coretitle dt{
         background-color: #420C31;
         background-image: url(../images/mfp_fallback.gif);
         background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#621347), to(#621347));
         background-image: -webkit-linear-gradient(top, #420c31, #621347);
         background-image:    -moz-linear-gradient(top, #420c31, #621347);
         background-image:     -ms-linear-gradient(top, #420c31, #621347);
         background-image:      -o-linear-gradient(top, #420c31, #621347);
}
#list dt {
        margin:0;
        padding: 10px;
        font-size: 12px; 1.2rem;
        font-weight:bold;
        color: #fff;
        border-bottom:1px solid #fff;
        background:     background-color:#414141;
        background-image:-moz-linear-gradient(top,#555,#222);
        background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
        background-image:-webkit-linear-gradient(top,#555,#222);
        background-image:-o-linear-gradient(top,#555,#222);
        background-image:linear-gradient(to bottom,#555,#222);
        background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555',endColorstr='#ff222222',GradientType=0);
}
#list dd {
        margin:0;
        padding:0 0 0 5px;
        color: #414141;
        font-size: 11px;.1.1rem;
        border-bottom:1px solid #fff;
        background: #DBDBDA;
}

#title {
        color:#fff;
        display:block;
        padding:5px 5px 5px 20px;
        background: #47a url(arrow.gif) no-repeat 10px 10px;
        width:125px;
}

/******** School Video **************/
  
.school_video {                                                                                                 /* Causing text to overlap */
      float: right;
      margin: 0 0 0 20px;
      padding:16px 20px 14px;
      border-radius:4px; background:url("../images/allvideos.jpg") repeat 50% 50%;
    }


/****** Article -read more button *********/
p.readmore a{                     
      background: #7BA428;
      color: #fff!important;
      padding: 2px 5px;
      font-size: 80%;
      text-decoration: none;
      margin: 5px 0 0 0!important;
      display:inline-block;
      border-radius: 4px;}
      
p.readmore a:hover{  
      background: #9CC142;
      color: #dbdbda!important;
}


hr{
      margin: 0.25em 0 1.75em 0;
      color: #ffffff;
      border: 0;
      border-top: solid 1px #d5d5d5;
}

#crumbs .breadcrumbs,.items-leading,article.item-page, article.item-page_contact,
.item.column-1, .item.column-2, .search, article.item-page_home{
      -webkit-border-radius:5px;
      -khtml-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px;
      border:1px solid #E5E5E5;
      margin:5px;
      background-color: #F7f7f7;  
}
    

 article.item-page,article.item-page_home, article.item-page_contact{
      padding: 0 2% 10% 2%;
}

 span.listing-desc iframe{ width: 100%;}
 
/* ++++++ edit */

#adminForm fieldset
{
        border:solid 1px #eee;
        padding:10px;
        margin-top:10px;
}
#adminForm  legend
{
        font-weight:bold;
        font-size:0.8rem;
        border:0;
        color:#666;
        margin-left:10px;
        padding:0;
}

.formelm, .formelm-area {
        margin-bottom:3px;
}

.formelm label,
.formelm-area label {
        float:left;
        width:10em;
}

.formelm-buttons {
        text-align:right;
}

.button2-left {
        float: left;
        margin: 3px;
        padding:3px;
        background:#ccc;
}


/* debug for responsive design; enable in parameters for testing */
#rdebug {
        position:fixed;
        bottom:0;
        right:0;
        padding:3px;
        background:#333;
        color:#fff;
        border:1px solid red;
}

#rmobile, #rnarrow, #rwide, #rmobilehd, #rie { display:none; }

legend{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #53801B;
    font-size: 1.5rem;
    padding: 0.2rem 1rem;
} 

/**##########################################################*/  
/*                TABLE                                   */
/**##########################################################*/

div.item-page table {
        width: 650px;
        border:1px solid #000000;
        border-spacing: 0px;
}

table a, table, tbody, tfoot, tr, th, td {
        font-family: Arial, Helvetica, sans-serif;
}

table caption {
        font-family: bebas_neueregular;
        font-size: 20px; 2.0rem;
        text-align: center;
        padding-top:5px;
        background: url(../images/bg_caption.gif) left top;
        height: 40px;
        color: #FFFFFF;
        border:1px solid #000000;
}

thead th {
        background-color:#DBDBDA;
        height: 21px;   
        color: #887284;
        font-size: 12px; 1.2rem;
        font-family: Arial;
        font-weight: bold;  
        text-transform: uppercase;
        padding: 0 0 0 15px;
        margin: 20px 0px 0px;
        text-align: left;
}

tbody tr {  background: #ffffff; }

tbody tr.odd {  background: #f0f0f0; }

tbody th {
        background-position: 5px;
        padding-left: 40px !important;
}

tbody tr.odd th {
        background-position: 5px;
        padding-left: 40px !important;
}

tbody th, tbody td {
        font-size:  12px; 1.2rem;
        line-height: 1.4em;
        color: #000000;
        padding: 10px 7px;
        border-bottom: 1px solid #800000;
        text-align: left;
}

tbody a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
}

tbody a:hover {
        color: #cccccc;
        text-decoration: underline;
}

tbody tr:hover th {
        color: #ffffff;
}

tbody tr.odd:hover th {
        background-position: 5px;
        color: #ffffff;
}

tbody tr:hover th a, tr.odd:hover th a  {
         color: #ffffff;
}


tbody tr.odd:hover td, tr.odd:hover td a{
        background: #000000;
        color: #ffffff;   
}

tfoot th, tfoot td {
        background-color:#DBDBDA;
        font-size:  10px; 1rem;
        height: 21px;
  }

/******** Category List ******/  
table.category td {
        border-bottom: 1px solid #ccc;
 }
 
/********* END TABLE **************/   

/**##########################################################*/  
/*              Contact Form                                */
/**##########################################################*/  

.moduletable>
div.rapid_contact {
   margin: 0;
   padding: 20px 5px 13px 25px;
   background-color: #fff;
   border:1px solid #A88AA1;
   width: 90%;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
   -webkit-transition-duration: 0.4s;
   transition-duration: 0.4s;
   -webkit-transition-property: color;
   transition-property: color;  
}
div.rapid_contact form table tbody tr td{text-align: right}

input.rapid_contact.button
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    padding: 5px;
    border: 1px solid #999;
    text-shadow: 0px 1px 1px #666;
    text-decoration: none;
 
    -moz-box-shadow: 0 1px 3px #111;
    -webkit-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
 
    background: #64a724;
    background: -moz-linear-gradient(top, #64a724 0%, #579727 50%, #58982a 51%, #498c25 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#64a724), to(#498c25), color-stop(0.4, #579727), color-stop(0.5, #58982a), color-    stop(.9, #498c25), color-stop(0.9, #498c25));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a724', endColorstr='#498c25', GradientType=0 );
 
    cursor: pointer;
    
 
}
input.rapid_contact.button:hover
{
    border: 1px solid #FFF;
}

.no-cssgradients div.moduletable_events>
div {
  background: url(../images/bg_caption.gif) left top;
}

/********** Marquee ************/

.mod_simple_marquee
{
      padding:0;
      height:20px;
      width:50%;
}

.mod_simple_marquee_content
{
      color: #7BA428;
      font-size:1.1em;
}  
  
/**##########################################################*/  
/*              Right Column                              */
/**##########################################################*/  

#right
{                                
       margin-top: 15px;
       padding: 0 10px 13px 10px;
       background-color: #D3D3D3;
       border:1px solid #A88AA1;
       border-radius: 5px 5px 5px 5px;
       box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
       -webkit-transition-duration: 0.4s;
       transition-duration: 0.4s;
       -webkit-transition-property: color;
       transition-property: color;                                               
}

#right h3
{
        margin-left: 0px;
        padding: 3px 0 3px 0;
        text-align:center;
        font-weight: normal;
        font-size: 21px; 2.1rem ;
        border-top: 2px solid #ffffff;
        color: #D3D3D3 ;     
        background-color:#7BA428;
}
    
#right .moduletable_mfp{
       background-color: #420C31;
       background-image: url(../images/mfp_fallback.gif);
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#621347), to(#621347));
       background-image: -webkit-linear-gradient(top, #420c31, #621347);
       background-image:    -moz-linear-gradient(top, #420c31, #621347);
       background-image:     -ms-linear-gradient(top, #420c31, #621347);
       background-image:      -o-linear-gradient(top, #420c31, #621347);

}                                                                                                                                                     

    
.moduletable_mfp,.moduletable_adult_ed,.moduletable_adult_ed2,.moduletable_plc, .moduletable_events, .moduletable_cal, .moduletable_social , .moduletable_contact2
{
       margin-top: 7px;
       background-color: rgb(255,255,255);
       -moz-border-radius-bottomright: 15px 10px;
      -webkit-border-radius:15px 10px;
       border-bottom-right-radius: 15px 10px;
       behavior:url(../includes/border-radius.htc)
}

.moduletable_cal {
    margin-bottom: -40px !important;
}

.moduletable_mfp
{      background-color: #887284;}


.moduletable_adult_ed a, .moduletable_adult_ed2 a, .moduletable_plc a
{     
       text-transform: uppercase;
       font-size: 12px; 1.2rem;
       color: #4B575B;
       text-decoration: none;   
}

.moduletable_events
{
       padding: 0 0 5px 0;
}


.moduletable_contact2 p img
{ width: 94%; margin:0 3%;}


div.custom_contact2{padding:0 0 10px 0; }
div.custom_contact2>
ul{padding:0; width: 80%;
       margin: 5px auto; }
div.custom_contact2>
ul li{font-size:11px 1.1rem;line-height:1.6rem}
.moduletable_contact2 ul li
{
      list-style: none;

}

.moduletable_events p
{     
       margin-top: 10px;
       text-align:left;
       
}
.moduletable_events a
{
       color: #4B575B;
       text-decoration: none;
       text-transform: none;
       
}

.moduletable_adult_ed ul, .moduletable_adult_ed2 ul, .moduletable_plc ul{
       padding: 0 25px 10px 25px;
}
.moduletable_adult_ed li, .moduletable_adult_ed2 li, .moduletable_plc li{
       border-top: 1px solid #C9BDC7;
       list-style: none ;
}

.moduletable_adult_ed li a, .moduletable_adult_ed2 li a, .moduletable_plc li a{
       font-size: 12px; 1.2rem;
}

.moduletable_adult_ed li a:hover, .moduletable_adult_ed2 li a:hover, .moduletable_plc li a:hover{
       color: #887284;
}

.moduletable_adult_ed li.active a, .moduletable_adult_ed2 li.active a, .moduletable_plc li.active a{
       color: #7BA428;
}

#right .moduletable_events a:hover, .moduletable_adult_ed a:hover {
       color: #827E7E;
}
div#gcalendar_component .fc-button, #right .moduletable_cal .fc-button-inner{
        font-family: Arial,sans-serif;   /* display left and right arrows properly */
        padding: 3px;
}
#right .moduletable_cal .fc-grid .fc-day-number {
        height: 0px;                                           /*    Reducing cell height on gcalendar */
}

#right .moduletable_cal th {
        color:#f4f4f4;
        background: #666 url(../images/cal_th.gif) repeat-x;
        font-size:8px; .8rem;
}

                                                       

#right .moduletable_cal .fc-grid .fc-day-number {   
        height: 0px;
        color: #666;
        padding: 0px 6px;
        font-size:9px; .9rem;   
}

#right .moduletable_cal .fc-event {  
        font-size:8px; .8rem;             
}

#right .moduletable_cal .fc-grid .fc-day-content {     
        padding: 1px 1px 1px 1px;
}

#right .moduletable_cal .fc-header-title h2 {
        font-size: 14px; 1.4rem;  
        color: #55711C;       
}

#right .moduletable_cal .fc-button-content {  
        height: 11px; 1.1rem;
        line-height:11px; 1.1rem;
}

#right .moduletable_cal .fc-button {
        margin-top: 5px;
        margin-bottom: 5px;      
}

#right .moduletable_cal .fc-event-hori {
        border-width: thin;                  
}

#right .moduletable_cal a
{
        color:#135CAE;
        opacity: 0.4;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";  
        filter: alpha(opacity=40);
}

#right .moduletable_cal a:hover
{
        color:#135CAE;
        opacity: 0.7;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";  
        filter: alpha(opacity=70);
}

#right .moduletable_cal a:focus
{
        color:#FFF;
        opacity: 0.5;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";  
        filter: alpha(opacity=50);
}

 /*********** Social  ***************/
#social_hz {
        margin: 0;
        padding:0;
        width: auto;
        height: auto;
        overflow: hidden;
}
#social_hz img {
        border:  none ;
        padding:0;
        display: inline;
        margin: 0 4px;
}

#social_hz a {
        text-decoration: none;
        margin: 0;
        padding:0;
}

/************  vj calendar - additional style *****************/
/* style events */
div.upcomingevents144 > div.calendar_title{
padding:0 5px;
color: #7BA428;
border-left: 15px solid;
text-transform: uppercase;
font-size: 13px; font-size: 1.3 rem; 
}
.upcomingevents144{
padding-left: 10px;
}
.fc-calendar .fc-row > div > span.fc-date {
  font-size: 14px !important;
}

.fc-calendar .fc-head > div {
  font-size: 8px !important;
  letter-spacing: 0 !important;
}

.fc-calendar .fc-head {
  padding: 0 !important;
}

.fc-calendar .fc-row > div, .fc-calendar .fc-head > div {
  height: 25px !important;
}

.custom-calendar-wrap {
  min-height: 300px !important;
  height: 300px !important;
}

.fc-five-rows .fc-row {
  height: 25px !important;
}

.fc-calendar .fc-body {
  height: 129px !important;
}

.fc-calendar-container {
  height: 180px !important;
  padding: 0 !important;
}


.fc-calendar .fc-row > div.fc-content:after {
    bottom: -5px !important;
}

/*style calendar color strip + reveal box */
/*color strip on header */
.custom-header {
  border-top: 5px solid #7F3268;

}
/*color close box on reveal */
.custom-content-reveal span.custom-content-close {
  background: #7F3268;
}
/*color strip on header */
.custom-content-reveal h4 {
  border-top: 5px solid #7F3268;
  }
  
.fc-calendar .fc-row > div.fc-today {
  background: #7F3268;
  }
  
.fc-calendar .fc-row > div.fc-content:after {  /* events - color -dot */
        color:#7BA428;
        opacity: 0.7;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";  
        filter: alpha(opacity=70);

}
.fc-calendar .fc-row > div.fc-today.fc-content:after {  /* events -today  - color -dot */
  color: #ccc;
}

.fc-calendar .fc-row > div.fc-content:hover:after{  /* events -hover - color -dot */
  color: yellow;
}

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{  /* events -today - hover - color -dot */
  color: green;
}

div.fc-head div{    /* weekdays */
color: #7F3268;
}

.custom-header nav span:before {   /* arrows prev next month */
  color: #7F3268;
}

 h3#custom-year143.custom-year{
background: #666;
font-size:12px}

 /**********End Right ****************/
 
/**##########################################################*/  
/*                        Footer                             */
/**##########################################################*/  

  
#footertop {
        height: 2px;
        overflow: hidden;
        background: transparent url("../images/footerBg-top.png") no-repeat center;
}

#footercontent {
          /*width: 100%;
        float: left;   added because of the IE sucks "hasLayout" bug */
        padding: 20px 0 0 0;
        overflow: hidden;
        background: transparent url("../images/footerBg-repeat.png") repeat-y center;
}
  
#footer .one_third {
        display:block;        /* force right border to have min height */
        min-height:300px;
        float: left;
        width: 273px;      /* 273px*/
        margin: 0 0 0 25px;
        padding: 0 25px 0 0;
        background: transparent url("../images/footerBg-verticalRule.gif") repeat-y 100% 0;
}




#footer .last   {
        float: left;
        width: 273px;
        margin: 0 0 0 25px;
        padding: 0 25px 0 0;
        background: none; }  /* no right border on last */
   
#footerbottom {
        /* width: 100%; */
        height: 33px;
        overflow: hidden;
        background: transparent url("../images/footerBg-bottom.png") no-repeat center;
        margin: 0 0 0.5em;
  }   


#footer p{font-size: 12px; 1.2rem;}
#footer a, #footer ul li a
{
       font-size: 12px; 1.2rem;
       color: #ccc;
       text-decoration: none;
}
#footer a:hover{
       color: #887284;}
     
#footer ul{
       list-style: none;}


       
/*********************************************************************************************************** END **************/  
 
   

/* ******** MEDIA QUERIES ********************/

/* Smartphones small */
@media only screen and (max-width: 320px)
{

body{
     background-image: none !important;    
     font-size: 11px; 1.1rem;  
     line-height: font-size: 14px; 1.4rem;  }

#header, #content, #bottom, #footer {
  width:100%;
  }

  
#header {
    text-align: center;
    margin-top: 0px;
    padding:0px

    }
    
    
.centerAndRight, .centerWide {
        width: 90%;      
        padding: 0 2% ;
        margin-top: 6rem;
}


  body._home .centerAndRight.centerAndRight {      /* home page banner is forcing height of 250px */
    margin-top: -4rem;
}
    
#tagline {  
    display:inline;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:43px;
    background: url('../images/responsive_menu.png') no-repeat top right;
    color:#f4f4f4;
    text-align: center;
    font-size:13px; 1.3rem ;
    }
    
      
#minifrontpage-142,#tagline p,#crumbs,#search, #menucontainer_left,#menucontainer_right, div.mod_simple_marquee {  
     display:none;
    }
    
.moduletable_mfp{display:block;} 
    
#slidebottom {  display:none;}
div.mod_simple_marquee_content{ display:none;}    
#menucontainer  {  
      top: 0px;
     }
    
#logo {
        position:relative;       /* don't need this when i re-introduce above styles */
        top:48px;
        width: 60%;  
        margin: 0 auto;
        max-width:200px;
    }
    
#logo a img {
        width:100%;
        max-width:200px;
    }
    
#second_nav {
        position:absolute;
        top:90%;
        right:0px;
        width:100%;
        margin:0;
        padding:0;
        height:auto;
        overflow:none;
        background-color: #ffffff;
  }

  .table {
        display: table;   /* Allow the centering to work */
        margin: 0 auto;

  }
#second_nav ul#horizontal-list {
        margin:0;
        padding:0;
        height:auto;    
  }
  
  #second_nav ul#horizontal-list li {
        display: inline;
   
  }
    

#second_nav ul#horizontal-list li a {
        width:30px;
        height:20px;
        padding:0;
        margin: 0 ;
        margin:0 10px;
        padding-top:30px;
  }
        
  
#second_nav ul#horizontal-list li.item-165 a{
        background-image:url(../images/icons/adult_ed.png);
  }
  
  
#second_nav ul#horizontal-list li.item-166 a{
        background-image:url(../images/icons/plc_sm.png);
  }

  
#second_nav ul#horizontal-list li.item-162 a{
        background-image:url(../images/icons/gallery_sm.png);
  }
  
#second_nav ul#horizontal-list li.item-163 a{
        background-image:url(../images/icons/contact_sm.png);
  }
  
#second_nav ul#horizontal-list li.item-164 a{
        background-image:url(../images/icons/location_sm.png);
  }
#second_nav ul#horizontal-list li.item-188 a{
        display:none;
  }

    .cols-2 .column-1, .cols-2 .column-2,
    .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3,
    .cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4,
  #bottom .box
 {
      width:99%;
  }
    
.centerAndLeft, .centerAndRight, .centerNarrow, #wrapper, #left {
       width:99%;
    }
   #right
{      width:96%;
       float:left;                             
       margin: 0 2% 0 2%;
       padding: 3% 0 3% 0;
       text-align: center;                                      
}

#right h3
{
       margin: 0;
       padding: 3px;
}
  
.moduletable_mfp,.moduletable_adult_ed,.moduletable_adult_ed2,.moduletable_plc, .moduletable_events, .moduletable_cal, .moduletable_social, .moduletable_contact2
{      width: 80% ;
       margin: 10px auto 0 auto;
}

.moduletable_cal {
    margin-bottom: -20px !important;
}

div.custom_contact2>
ul li{font-size:12px 1.2rem;line-height:1.6rem}  



.formelm-buttons {
  text-align:left;
  }
    
#rmobile {
    display:inline;
    color:green;
    }

 #footer .one_third {
        width:100%;
        float:none;
        border: 0;
        border-width: 0;
        border-top: thin dotted rgb(255,255,255);
        padding:5px 5px 5px 15px;
        margin:0;
        background: none;
}    

#footer .last   {
        width:100%;
        border: 0;
        border-width: 0;
        border-top: thin dotted rgb(255,255,255);
        padding:5px 15px 5px 15px;
        margin:0;
        }
        
.school_video {    
        margin: 0 ;
        margin-bottom: 10px;
        padding:0;
}     

.camera_prev, .camera_next, .camera_commands {
        height: 20px;
        margin-top: -10px;
        width: 20px;
}
.camera_prevThumbs div {
        height: 20px;
        margin-top: -20px;;
        width: 15px;
}

.camera_nextThumbs div {
        height: 20px;
        margin-top: -20px;
        width: 15px;
}

.camera_prev > span {
        height: 20px;
        width: 20px;
}
.camera_next > span {
        height: 20px;
        width: 20px;
}

.camera_commands > .camera_play {
        height: 20px;
        width: 20px;
}

.camera_commands > .camera_stop {
        height: 20px;
        width: 20px;
}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {

        background:none;

}

.mfp-introtitle a {

        font-size:12px; 1.2rem;

}

.tsc_ribbon_wrap .ribbon-wrap  span{
         font-size: 25px; 2.5rem;
         margin-bottom: 100px;
}

div.rapid_contact>
form>
table>
tbody>
tr>
td{width:50%}

div.rapid_contact>
form>
table>
tbody>
tr>
td input.rapid_contact.inputbox{float:left; width:auto;}

div.rapid_contact > form > table > tbody > tr > td > textarea.rapid_contact.textarea{float:left; width:auto;}

div.rapid_contact>
form>
table>
tbody>
tr>
td input.rapid_contact.button{float:left;}


}
/* other from 320 to 767px, or iPad/iPhone portrait (if viewport set to width=768)
   Shows left+center, right column flows below */
@media only screen and (min-width : 321px) and (max-width: 767px)                                                           /*  > 321 blue*/
,only screen and (min-width : 321px) and (max-width: 768px) and (orientation: portrait)
{ #test{
background-color: rgb(0,51,255);    

}

body
    {background-image: none !important;
    font-size: 12px; 1.2rem;  
    line-height: font-size: 10px; 1rem;
}


  #header, #content, #bottom, #footer {
    width:100%;
}
/*    #search {display:none}    */
  #header { text-align: center;
    margin-top: 0px;
    padding:0px
    }
    .hbg-1 {
    background: url('../images/header_bg_small.png')  no-repeat ;
    background-position:center;
    text-align: center;
    }
    #content {
    background: url('../images/page_bg_768.png')  repeat-y;
    background-position:center;
    }
    
    
.centerAndRight {
        width: 90%;       /* changed from 78 - 70 */
        padding: 0 2% ;
        margin-top: 3rem;
}

.centerAndRight section.blog-featured_home {      /* home page banner is forcing height of 250px */
    margin-top: -6em;
}
    
    #tagline {  
    display:inline;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:43px;
    background: url('../images/responsive_menu.png') no-repeat top right;
    color:#f4f4f4;
    text-align: center;
    }
    
    #tagline p{
    color:ccc;
    margin-top:15px;
    font-size:16px; 1.6rem ;
    font-weight: bolder;}
    

  
   #minifrontpage-142, #crumbs,#search, #menucontainer_left,#menucontainer_right, div.mod_simple_marquee {  
     display:none;
    }
    
  .moduletable_mfp{display:block;} 
    
    #menucontainer  {  
      top: 0px;
     }
     
     
     #logo {
    position:relative;       /* don't need this when i re-introduce above styles */
    top:46px;
    width: 60%;  
    margin: 0 auto;
    max-width:200px;
    }
    
    #logo a img {
    width:100%;
    max-width:200px;
    }

ul#horizontal-list.nav.menu{width:100%;}
    
  #second_nav {
    position:absolute;
    top:148px;
    right:0px;
    width:100%;
    height:55px;
    overflow:none;
    background-color: #ffffff;
  }

    .table {
    padding:0;
    display: table;   /* Allow the centering to work */
    margin: 0 auto;

  }

  #second_nav ul#horizontal-list {
  text-align:center;
  padding:0;
  margin:0;
  height:65px;    /* should be 45 */
  }
  
  #second_nav ul#horizontal-list li {
    display: inline;
    
  }
    

#second_nav ul#horizontal-list li a {
    width:48px;
    padding:0;
  height:20px;
  padding-top:30px;
  }
       
  
#second_nav ul#horizontal-list li.item-165 a{
  background-image:url(../images/icons/adult_ed_sm.png);
  }
  
  
#second_nav ul#horizontal-list li.item-166 a{
  background-image:url(../images/icons/plc_sm.png);
  }

  
#second_nav ul#horizontal-list li.item-162 a{
  background-image:url(../images/icons/gallery_sm.png);
  }
  
#second_nav ul#horizontal-list li.item-163 a{
  background-image:url(../images/icons/contact_sm.png);
  }
  
#second_nav ul#horizontal-list li.item-164 a{
  background-image:url(../images/icons/location_sm.png);
  }
  
#second_nav ul#horizontal-list li.item-188 a{
  background-image:url(../images/icons/brochure_sm.png);
  }

    .cols-2 .column-1, .cols-2 .column-2,
    .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3,
    .cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4,
  #bottom .box
  {
  width:99%;
  }
    #wrapper, #right {
    width:99%;
    }
  
    #left {
    overflow:hidden;   
    }
    
    #rnarrow {
    display:inline;
    color:cyan;
    }
#slidebottom {  display:none;}
 
.tsc_ribbon_wrap .ribbon-wrap  span{
     font-size: 25px; 2.5rem;
     margin-bottom: 100px;
}

.centerAndLeft, .centerAndRight, .centerNarrow, #wrapper, #left {
    width:99%;
    }
   #right
{      width:96%;
       float:left;                             
       margin: 0 2% 0 2%;
       padding: 3% 0 3% 0;
       text-align: center;                                      
}

#right h3
{
       margin: 0;
       padding: 3px;
}
  
.moduletable_mfp,.moduletable_adult_ed,.moduletable_adult_ed2,.moduletable_plc, .moduletable_events, .moduletable_cal, .moduletable_social, .moduletable_contact2
{      width: 80% ;
       margin: 10px auto 0 auto;
}

div.custom_contact2>
ul li{font-size:12px 1.2rem;line-height:1.6rem}  

#footer .one_third {
        width:100%;
        float:none;
        border: 0;
        border-width: 0;
        border-top: thin dotted rgb(255,255,255);
        padding:5px 5px 5px 15px;
        margin:0;
        background: none;
}    

#footer .last   {
        width:100%;
        border: 0;
        border-width: 0;
        border-top: thin dotted rgb(255,255,255);
        padding:5px 15px 5px 15px;
        margin:0;
        }



.school_video {
                                 
  float: right;
  margin: 5px 5px 15px 15px ;
  padding:0;
}

.camera_prev, .camera_next, .camera_commands {
  height: 20px;
  margin-top: -10px;
  width: 20px;
}
.camera_prevThumbs div {
  height: 20px;
  margin-top: -20px;;
  width: 15px;
}

.camera_nextThumbs div {
  height: 20px;
  margin-top: -20px;
  width: 15px;
}

.camera_prev > span {
  height: 20px;
  width: 20px;
}
.camera_next > span {
  height: 20px;
  width: 20px;
}

.camera_commands > .camera_play {
  height: 20px;
  width: 20px;
}

.camera_commands > .camera_stop {
  height: 20px;
  width: 20px;
}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {

background:none;

}

.responsiveMenu.isMobile li li .parent{background-image:url(../images/downArrow.png);background-repeat:no-repeat;background-position:95% 80%;}
.responsiveMenu.isMobile li li a.parent{background-image:url(../images/downArrow.png);background-repeat:no-repeat;background-position:95% 80%;}


}

/* specific style for this size as colapsed menu is shown */
@media only screen and (min-width : 769px) and (max-width: 799px) and (orientation:portrait)
{   #test{
background-color: #662D91;   /*purple*/
}
    .hbg-1 {
    background: url('../images/header_bg_990.png')  no-repeat ;
    background-position:center;
    }
        #content {
    background: url('../images/page_bg_990.png')  repeat-y;
    background-position:center;
    }
    
 #menucontainer_left,#menucontainer_right {  
     display:none;
    }
    
    #menucontainer  {  
      top: 0px;
     }   
    
    
    #tagline {  
    display:inline;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:43px;
    background: url('../images/responsive_menu.png') no-repeat top right;
    color:#f4f4f4;
    text-align: center;
    }
    
    #tagline p{
    color:ccc;
    margin-top:17px;
    font-size:14px; 1.4rem;
    font-weight: bolder;}
    
.tsc_ribbon_wrap .ribbon-wrap  span{
     font-size: 15px; 1.6rem;
}
    
    #rwide {
    display:inline;
    color:yellow;
    }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  
#second_nav ul#horizontal-list li a {
        width: 60px;
        padding-left:5px;
        font-size:12px; 1.2rem;
}
}
/* iPads (landscape) ----------- set this as colapsed menu showing */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
 #menucontainer_left,#menucontainer_right {  
     display:none;
    }
    
    #menucontainer  {  
      top: 0px;
     }   
    
    
    #tagline {  
    display:inline;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:43px;
    background: url('../images/responsive_menu.png') no-repeat top right;
    color:#f4f4f4;
    text-align: center;
    }
    
    #tagline p{
    color:ccc;
    margin-top:17px;
    font-size:14px; 1.4rem;
    font-weight: bolder;}

    #logo{
  z-index:50;
}
}
/* other > 768px, or iPad/iPhone landscape (if viewport set to width=768) */
@media only screen and (min-width : 769px)
,only screen and (min-width : 768px) and (orientation:landscape)
{   #test{
background-color: #887284;   /*mauve*/
}
    .hbg-1 {
    background: url('../images/header_bg_990.png')  no-repeat ;
    background-position:center;
    }
        #content {
    background: url('../images/page_bg_990.png')  repeat-y;
    background-position:center;
    }
    
    #rwide {
    display:inline;
    color:yellow;
    }

 .tsc_ribbon_wrap .ribbon-wrap  span{
     font-size: 20px; 2.0rem;
}
    
.responsiveMenu > li ul{ margin-left:-50px;}
}

@media only screen and (min-width : 1024px)
,only screen and (min-width : 1023px) and (orientation:landscape)
{   #test{
background-color: rgb(204,0,102);   /*red*/
}
    .hbg-1 {
    background: url('../images/header_bg_990.png')  no-repeat ;
    background-position:center;
    }
        #content {
    background: url('../images/page_bg_990.png')  repeat-y;
    background-position:center;
    }
    
    #rwide {
    display:inline;
    color:yellow;
    }
    
   
#footerbottom {
        /* width: 100%; */
        height: 33px;
        overflow: hidden;
        background: transparent url("../images/footerBg-bottom.png") no-repeat center;
        margin: 0 0 0.5em;
  }    
    
/***** Ribbons *******/
.tsc_ribbon_wrap {
  position: relative;
  margin-bottom: 3px;
  /*background-color: #ccc; */
  /*border:1px solid #ccc;  */
  width:350px; /* width of box */
  height:20px; /* height of box */
  /* border-radius:         5px;  */
  text-align: center;
}

.tsc_ribbon_wrap > div {
  margin-bottom: 0;
}

.tsc_ribbon_wrap > div:last-of-type {
  margin-bottom: 0;
}

/* Micro clearfix hack */
.tsc_ribbon_wrap:before, .tsc_ribbon_wrap:after {
  content: "";
  display: table;
}

.tsc_ribbon_wrap:after {
  clear: both;
}

.tsc_ribbon_wrap {
  *zoom: 1;
}



.tsc_ribbon_wrap .ribbon-wrap {
  position: absolute;
  z-index: 0;
  text-align: center;
  color: #ccc;
  behavior: url(PIE.htc);
}

.tsc_ribbon_wrap .ribbon-wrap > span {
  display: block;
  height: 100%;
  position: relative;
  behavior: url(PIE.htc);
  -pie-watch-ancestors: 1;
}


.tsc_ribbon_wrap .ribbon-wrap > span:before, .tsc_ribbon_wrap .ribbon-wrap > span:after {
  content: '';
  position: absolute;
  z-index: -1;
}

.tsc_ribbon_wrap .ribbon-wrap:before, .tsc_ribbon_wrap .ribbon-wrap:after {
  content: '';
  position: absolute;
  z-index: -2;
}

.tsc_ribbon_wrap.edge {
  /* height: 80px; */
  position: relative;
  margin-bottom: 25px;     /* Con margin from ribbon */
}



.tsc_ribbon_wrap .left-edge.point {
  width: 260px;                 /* Con - changed from 120px - width of ribbon */
  /*text-align: left;              Con - added */
  height: 40px;
  line-height: 40px;
  top: 0;                       /* Con - changed from 20px - margin from top of containing box */
  left: -44px;
  -moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-border-radius:    5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius:         5px 0 0 0;
}



.tsc_ribbon_wrap.ie8 .left-edge.point {
  left: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.tsc_ribbon_wrap .left-edge.point > span {
  -moz-border-radius:    5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius:         5px 0 0 0;
}

.tsc_ribbon_wrap.ie .left-edge.point > span {
  -pie-background: none;
}

.tsc_ribbon_wrap .left-edge.point:before {
  border-style: solid;
  border-width: 5px;
  border-color: transparent;
  bottom: -5px;
  left: 0;
  -moz-transform:    rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform:      rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  transform:         rotate(-45deg);
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
}

.tsc_ribbon_wrap .left-edge.point:after {
  width: 28px;
  height: 28px;
  right: -14px;
  top: 50%;
  margin-top: -14px;
  -moz-transform-origin:    center center; -moz-transform:    rotate(45deg);
  -webkit-transform-origin: center center; -webkit-transform: rotate(45deg);
  -o-transform-origin:      center center; -o-transform:      rotate(45deg);
  -ms-transform-origin:     center center; -ms-transform:     rotate(45deg);
  transform-origin:         center center; transform:         rotate(45deg);
  -moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.5);
}

.tsc_ribbon_wrap.ie8 .left-edge.point:before, .tsc_ribbon_wrap.ie8 .left-edge.point:after {
  display: none;
  border-radius: 0;
}




.tsc_ribbon_wrap.ie8 .right-edge.point:before, .tsc_ribbon_wrap.ie8 .right-edge.point:after {
  display: none;
  border-radius: 0;
}

  

.tsc_ribbon_wrap.ie8 .lblue, .tsc_ribbon_wrap .lblue > span, .tsc_ribbon_wrap .lblue.left-corner > span:before, .tsc_ribbon_wrap .lblue.left-corner > span:after, .tsc_ribbon_wrap .lblue.right-corner > span, .tsc_ribbon_wrap .lblue.right-corner > span:before, .tsc_ribbon_wrap .lblue.right-corner > span:after {
    background-color:#414141;
    background-image:-moz-linear-gradient(top,#555,#222);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
    background-image:-webkit-linear-gradient(top,#555,#222);
    background-image:-o-linear-gradient(top,#555,#222);
    background-image:linear-gradient(to bottom,#555,#222);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555',endColorstr='#ff222222',GradientType=0);
}





.tsc_ribbon_wrap .lblue.left-edge.point:after, .tsc_ribbon_wrap .lblue.right-edge.point:after {
    background-color:#414141;
    background-image:-moz-linear-gradient(top,#555,#222);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
    background-image:-webkit-linear-gradient(top,#555,#222);
    background-image:-o-linear-gradient(top,#555,#222);
    background-image:linear-gradient(to bottom,#555,#222);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555',endColorstr='#ff222222',GradientType=0);
}

.tsc_ribbon_wrap .lblue.left-edge:before {            /* Con - colour hint on underside of ribbon */
  border-left-color: #621347;
  border-top-color: #621347;
}

.tsc_ribbon_wrap .lblue.right-edge:before {
  border-right-color: #174c66;
  border-top-color: #174c66;
}
 
}

/* iPhone 4, other high pixel density */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{   #test{
background-color: rgb(51,102,0);  /*green*/
}

    .hbg-1 {
    background: url('../images/header_bg_990.png')  no-repeat ;
    background-position:center;
    }
    #content {
    min-height:815px;
    }
    
    #rmobilehd {
    display:inline;
    color:orange;
    }
    


   
}

/* for IE<9 */
.lt-ie9 .hbg-1 {
background: url('../images/header_bg_990.png')  no-repeat ;
}
        #content {
    background: url('../images/page_bg_990.png')  repeat-y;
    background-position:center;
    }

.lt-ie9 #rdebug #rie {
display:inline;
}

/************* ERROR PAGES ***********/
    .error,
    #content #goog-fixurl #goog-wm .content{
         width:60%; background:#fff; margin-left:10%
}
    
/*************END*********************/
/* ==|== print styles =======================================================
   Print styles.
   Copied here from the end of style.css, modified.
   ========================================================================== */
 
@media print {
  * {
  /* background: transparent !important; */ /* to print background images from plugins */
  color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; } */ /* don't print links */
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }


  
}