/* only define template page layout styles here. */
/* any formatting/content styles should be put in 'content.css' */
* {
    outline:none;
}

.primary-color {
    background:rgb(207,180,58);  /* - - - CHANGE THIS COLOR TO A DARK COLOR USED IN THE DESIGN - - - */
    color:#FFF;
}

html {

}

body {
    background:#FFF;
}

.float-container {
    float:left;
    width:100%;
    overflow:hidden;
}

.no-left { margin-left:0 }

.clear { clear:both }


/*--- HEADER STYLES ---*/

.to-top a {
    display: block;
    position: fixed;
    right:18%;
    bottom:-5px;
    width:50px;
    height:49px;
    z-index: 9999;
    background:url(../images/back-to-top.png) no-repeat;
}

#cover {
    width:100%;
    float:left;
    background:#FFF;
    height:10px;
    position:fixed;
    z-index: 9999;
}

#cover #line {
    height:1px;
    background:#000;
    display: block;
    margin-top:10px;
    margin-left:-11px;
    margin-right:-11px;
}

#bottom_cover {
    width:100%;
    float:left;
    background:#FFF;
    z-index: 5000;
    bottom:0;
}



#full_container {
    position:relative;
}

#border {
    border:1px solid #000;
    padding: 10px 10px 0;
    margin-left:-11px;
    margin-right:-11px;
    margin-top:1px;
    background: url(../images/content-bg-1.jpg) top center repeat-y;
    margin-bottom:20px;
}

#border_two {
    border:1px solid #000;
    padding: 10px 10px 0;
    margin-left:-11px;
    margin-right:-11px;
    margin-top:1px;
    background: url(../images/content-bg-2.jpg) top center repeat-y;
    margin-bottom:20px;
}

#footer {
    background:#081f2d;
    height:20px;
    padding:7px 30px;
    display:block;
    border-top:5px solid #FFF;
    border-bottom:10px solid #FFF;
    color:#FFF;
    font-size:10px;
    letter-spacing: 0.01em;
}

#footer a { color:#FFF; }

#footer p { margin:8px 0; line-height: 15px; }

#top_menu {
    background:#e1e1e3;
    height:35px;
    position:fixed;
    top:11px;
    right:50%;
    margin-right:-585px;
    border-top:10px solid #FFF;
    overflow: hidden;
    font-family: "Frutiger 55", sans-serif;
    text-transform: uppercase;
    font-size:12px;
    z-index: 999;
}

#top_right {
    float:right;
    padding-right:15px;
}

#top_right p {
    line-height:39px;
    margin:0;
}

#top_right a {
    color:#000;
    text-decoration: none;
}

#top_right img {
    max-width: 16px;
}

#header {
    background:#002942;
    height:56px;
    position:fixed;
    right:50%;
    top:55px;
    margin-right:-585px;
    border-top:5px solid #FFF;
    border-bottom:7px solid #FFF;
    color:#FFF;
    overflow: hidden;
    z-index: 5000;
}

#header p {
    float: left;
    font-size: 22px;
    line-height: 42px;
    padding-right: 15px;
    padding-left: 30px;
}

#header a { color:#FFF; }

#header input {
    border-radius: 0;
/*    background:#FFF url(/templates/custom/catholicschools/images/search-bg.jpg) top right no-repeat;*/
    background:#FFF;
    padding-right:25px;
    width:90%;
    margin-top:3px;
    height: 20px;
}

#header input[type="image"] {
    width: 23px!important;
    height: 22px!important;
    padding-right: 0px;
    position: relative;
    top: -35px;
    right: -93%;
    top: -32px\8;
    right: -83%\8;
}

#content_menu {
    background: rgb(207,180,58); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmYjQzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4ZGNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmI0M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(207,180,58,1) 0%, rgba(232,220,160,1) 50%, rgba(207,180,58,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(207,180,58,1)), color-stop(50%,rgba(232,220,160,1)), color-stop(100%,rgba(207,180,58,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfb43a', endColorstr='#cfb43a',GradientType=1 ); /* IE6-8 */
    border-bottom: 5px solid #FFFFFF;
    margin-bottom: 10px;
    padding-bottom: 6px;
    position: fixed;
    width: 726px;
    z-index: 2000;
}

#content_menu_two {
    background: rgb(207,180,58); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmYjQzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4ZGNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmI0M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(207,180,58,1) 0%, rgba(232,220,160,1) 50%, rgba(207,180,58,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(207,180,58,1)), color-stop(50%,rgba(232,220,160,1)), color-stop(100%,rgba(207,180,58,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(207,180,58,1) 0%,rgba(232,220,160,1) 50%,rgba(207,180,58,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfb43a', endColorstr='#cfb43a',GradientType=1 ); /* IE6-8 */
    padding-bottom:6px;
    margin: 111px 0 20px 240px;
    border-bottom:5px solid #FFF;
    box-shadow: 0px 6px 9px #d3d3d3;
    position: fixed;
    width: 930px;
    z-index: 2000;
}

#left_column {
    background: url(../images/left-bg.jpg) no-repeat;
    width: 220px;
    float:left;
    margin-top: 111px;
}

#right_column {
    height:100%;
    float:right;
    margin-top:111px;
    color:#002942;
    width: 185px;
}

#right_column_two {
    border-top: 24px solid #FFFFFF;
    color: #002942;
    float: right;
    margin-right: 0;
    margin-top: 146px;
    width: 270px;
    padding-bottom:70px;
}

#right_column a, #right_column_two a {
    color: #002942;
}

.right-column-shadow {
    background: url(../images/right-col-shadow.jpg) repeat-x;
    height:25px;
    width:270px;
    position:absolute;
    bottom: 65px;
    right:0;
    display: block;
}

#slider {
    box-shadow: 0 9px 20px #cdced0;
    position: relative;
    z-index: 1;
}

#slider ul li {
    list-style: none;
    margin:0;
    padding:0;
}

#slider .flexslider {
    box-shadow: 0;
    border:0;
    margin-bottom: 30px;
}

#slider .flex-control-nav {
    bottom:-30px;
}

#slider .flex-control-paging li a {
    background:url(../images/slider-bullet.png) no-repeat;
    border-radius:0;
    box-shadow: none;
}

#slider .flex-control-paging li a.flex-active {
    background:url(../images/slider-bullet-active.png) no-repeat;
}

#slider .flex-direction-nav .flex-prev {
    left:-14px;
}

#slider .flex-direction-nav .flex-next {
    right:-14px;
    background-position: top right;
}

#slider .flex-direction-nav a {
    background: url(../images/arrows.png) no-repeat;
    height:28px;
    width:30px;
    opacity: 1;
}

#main_body {
    float:left;
    margin-top: 111px;
    width: 725px;
    margin-left:20px;
}

#main_body_two {
    box-shadow: 0 0 27px #D3D3D3;
    float: left;
    margin-left: 20px;
    margin-top: 197px;
    margin-bottom:20px;
    min-height: 435px;
    width: 640px;
    line-height: 22px;
}

a.button {
    background:#c2a303 url(/templates/custom/catholicschools/images/arrow.png) no-repeat;
    background-position:95% 50%;
    padding:6px 25px 6px 10px;
    border-radius:5px;
    width:37%;
    display: inline-block;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
    float:left;
    margin:5px;
}

.mobiletopmenu select{
    margin: 5px 0 10px 0;
    font-family: arial,tahoma,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    /*color:#fff;*/
    border: 0px;
    /*background:#005182;*/
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    width:80%;
    min-width:200px;
    float:left;
}

.content-menu-spacing {
    margin-top:50px;
}

.location_filter_selection .form-caption-1 {
    font-size: 14px;
}

#a100003_siteform td.form-caption-1 {
    white-space: inherit;
    width: 50%;
}

@media (max-width: 1200px) {

    #top_menu {
        margin-right:-470px;
    }

    .inner-tagline {
        display:none;
    }

    #header {
        margin-right:-470px;
    }

    #header .span2 {
        margin-left:0;
        width:160px;
    }

    #header p {
        padding-left:10px;
    }

    #main_body {
        width: 495px;
    }

    #main_body_two {
        width:410px;
    }

    #content_menu {
        width: 495px;
    }

    #content_menu_two {
        width: 700px;
    }

    #border {
        background: url(../images/content-bg-1b.jpg) top center repeat-y;
    }

    #border_two {
        background: url(../images/content-bg-2b.jpg) top center repeat-y;
    }

    #header .span7 img {
        margin-top:5px;
    }

}

@media (max-width: 979px) {

    #top_menu {
        margin-right:-362px;
    }

    #content_menu_two {
        width: 484px;
    }

    #main_body_two {
        width: 484px;
    }

    .mobile-header-area {
        margin-right:60px;
    }

    #header {
        margin-right:-362px;
    }

    #header input {

    }

    .header-tablet-spacing {
        float:left;
        margin-right:60px;
    }

    #header .span5 {
        margin-left:50px;
        width: 620px;
    }

    #header .span10 {
        margin-left:50px;
    }

    #header p {
        width: 200px;
    }

    #content_menu {
        width: 484px;
    }

    #main_body {
        width: 484px;
    }

    #main_body_two {
        margin-top:240px;
    }

    #right_column {
        display: none;
    }

    #right_column_two {
        display: none;
    }

    #border {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    #border_two {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    .content-menu-spacing {
        margin-top:140px;
    }

    .search-width {
        width: 140px !important;
    }

}

@media (max-width: 950px) {

    #right_column h2 {
        font-size:15px;
    }

    #right_column_two { display: none }

    #main_body_two {
        width:480px;
    }

    #content_menu_two {
        width: 480px;
    }

    #border_two {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    #header p {
        display: block;
        padding-left:10px;
        width:200px;
    }

    #header input {
        width: 100%;
    }

    #header img {
        margin-top:0px;
    }

    #top_menu .pf-cssmenu-top-menu a {
        font-size: 8px;
    }

    #footer {
        height: auto;
    }
    #header input[type="image"] {
        right: -100%;
    }

}

@media (max-width: 767px) {

    #border, #border_two {
        background: none;
    }

    #top_menu {
        margin-right: 0;
        width: 100%;
        z-index: 9999;
        right:0;
    }

    #header {
        margin-right: 0;
        width: 100%;
        z-index: 9999;
        right:0;
    }

    #header p {
        float: none;
        text-align: center;
        font-size: 18px;
        width: auto;
    }

    #header {
        border-top:0;
        position: relative;
        float: left;
        top: 0;
    }

    #top_right p {
        font-size: 0;
    }

    #left_column {
        left: 0;
        margin-left: 0;
        position: relative;
        width: 100%;
        top: 0px;
        padding-bottom:15px;
    }

    #logo {
        text-align: center;
    }

    #logo img {
        float:none !important;
    }

    #right_column { display: none }

    #main_body, #main_body_two {
        float: left;
        margin: 20px 20px;
        width: 93%;
    }

    .mobile-padding-body {
        padding: 0 10px;
    }

    #footer {
        height: auto;
        margin-top: 0px;
    }

    #bottom_cover {
        position: relative;
        height:auto;
    }

    #content_menu {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 2000;
    }

    #left_column {
        margin-top:0;
    }

    #cover {
        display: none;
    }

    #footer {
        padding-bottom:30px;
        margin-bottom:-30px;
        font-size: 9px;
    }

    #header .span5 {
        width: 100%;
        margin-left:0;
    }


}


@media (max-width: 467px) {
    a.button {
        height: 50px;
        width: 30%;
    }

    .socialfooter img {
        width: 40px;
    }

    .mobiletopmenu select{
        width:70%;
    }

    #header .span5 {
        width: 100%;
        margin-left:0;
    }
}

.leftmenumobile {
    float: left;
    width: 100%;
}

.leftmenumobile select{
    margin: 20px 0 10px 0;
    font-family: arial,tahoma,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    /*color:#fff;*/
    border: 0px;
    background:#c2a303;
    height: 42px;
    line-height: 28px;
    border-radius: 5px;
    width:100%;
    min-width:200px;
}

.socialfooter {
    float:right;
    margin-top: -58px;
}

.mobiletopmenu {
    background:#002942;
    margin-top: -10px;
    padding-top: 15px;
}


#top_menu2 {
    text-align:center;
    padding:0 10px;
    background:#002942;
}

.mobile-social {
    display: block;
    font-size: 0;
    position: absolute;
    right: 10px;
    top: 17px;
}

#mobile_callouts {
    margin-top:50px;
}

.search-width {
    width:180px;
}

.give-container .search-width {
    width: 140px;
}

ul.event-quick-links li.quick-link {
  list-style: none;
}

.paging_block li {
    float: left;
    margin: 0;
    list-style: none;
    padding: 0 3px;
}

div.pricing-block {
  height: auto!important;
  padding-top: 0!important;
}

.day-schedule {
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    margin: 20px 0;
}
@media (max-width: 767px) {
  .day-schedule {
    box-shadow: none;
  }
}
.day-schedule p {
    margin: 0;
    padding: 5px 10px;
}
.day-schedule .time {
    width: 20%;
    background: #fafafa;
    float: left;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
@media (max-width: 767px) {
  .day-schedule .time {
    width: 100%;
  }
}
.day-schedule .activity {
    width: 80%;
    background: #fff;
    float: left;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
@media (max-width: 767px) {
  .day-schedule .activity {
    width: 100%;
    margin-bottom: 15px;
  }
}
.blue-button {
    text-decoration: none;
    padding: 8px 20px;
    background: #012942;
    text-shadow: none;
    color: #fff;
}
.blue-button:hover {
    color: #fff;
    background: #335368;
}
.gold-button {
    text-decoration: none;
    padding: 8px 20px;
    background: #cfb43a;
    text-shadow: none;
}
.gold-button:hover {
    background: #d8c35f;
}
a.blue-button {
    text-decoration: none;
    color: #fff;
}