/* Elements */

.Synergy.inform li {
    margin-top: 20px;
}

.Synergy.inform.errors_box li {
    background: #e38c5b;
}

.Synergy.inform.success_box li {
    background: #43af85;
}

::selection {
    background: #e38c5b; /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: #e38c5b; /* Gecko Browsers */
    color: #fff;
}

.col-sm-4 {
    padding-left: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    line-height: 100%;
}

p {
    margin: 10px 0 10px;
}

h2 {
    color: #e38c5b;
    font-size: 32px;
    font-family: "Abel";
    margin-top: 20px;
}
h1 {
    color: #44454a;
    padding: 10px 0;
    font-size: 48px;
    font-family: "Abel";
}
* {
    font-family: "Roboto",robotolight, Tahoma, Verdana, Arial;
}

.row {
    margin-left: 0;
}

.head {
    font-size: 24px;
    padding-top: 40px;
    padding-bottom: 0;
    color: #666666;
}

strong {
    color: #666666;
}

a {
    color: #e38c5b;
}

a:hover {
    color: #bd7146;
}

a.active {
    color: #e38c5b !important;
}

a img {
    border: none !important;
}

.navigation.center {
    text-align: center;
}

input, select, textarea {
    font-family: "Roboto",robotolight, Tahoma, Verdana, Arial;
    font-size: 14px;
    color: #525252;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    border: none;
    border: 1px solid #f9f9f9;
}

.randInput {
    width: 50%;
}

.logo img {
    width: 250px;
    padding: 10px;
}

a img {
    border: none;
}

html, body{
    /* height: 100%; */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* LAYOUT */

body {
    /* margin: 0px; */
    /* padding: 0px; */
    font-family: "Roboto",robotolight, Tahoma, Verdana, Arial;
    /* line-height: 150%; */
    font-size: 14px;
    color: #8c8e93;
	background-color: #cccccc;
}


/* HEADER */
#header {
    margin-top: 20px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fdfdfd;
}

/* MAIN NAVIGATION */

.navbar-inverse {
    background: #fff;
    height: 90px;
    text-shadow: none;
    border: none;
    padding-right: 20px;
    border-bottom: 2px solid #999;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: none;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 0;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background: #fff;
    color: #e38c5b;
}

.navbar-toggle {
    background: #e38c5b;
    color: #93959a;
    border: none;
    margin-right: 30px;
}

.navbar-nav {
    float: right;
    color: #93959a;
    margin-right: 10%;
}

.navbar-nav>li>a {
    padding-top: 35px !important;
    padding: 10px;
    font-size: 14px;
    text-shadow: none;
    color: #93959a;
    height : 88px;
}

.dropdown-menu {
    padding: 0 !important;
}

.dropdown-menu>li>a {
    padding: 3px 20px;
    border: none;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 1px;
    border: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background: #f2f2f2 !important;
    color: #e38c5b !important;
    box-shadow: none;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #f2f2f2 !important;
}

.navbar-nav>li>a:hover, a:focus {
    color: #e38c5b !important;
}

.navBox {
    background-color : #e38c5b;
    width: 180px;
    text-align:center;
    -webkit-transform: skew(-34deg);
    -moz-transform: skew(-34deg);
    -ms-transform: skew(-34deg);
    -o-transform: skew(-34deg);
    transform: skew(-34deg);
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    margin-left: 20px;
}

.navBox a {
    -webkit-transform: skew(34deg) !important;
    -moz-transform: skew(34deg) !important;
    -ms-transform: skew(34deg) !important;
    -o-transform: skew(34deg) !important;
    transform: skew(34deg) !important;
    color: #fff !important;
    display: block;
    margin-left: -15px;
}

.navBox:hover {
    background: #bd7146;
    color: #fff !important;
}

.navBox>.nBox:hover,nBox:focus {
    color: #fff !important;
}

.navBox a:hover {
    text-decoration: none;
    color: #fff !important;
}

.navBox .navbar-nav>li>a:hover, a:focus {
    color: #bd7146 !important;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #e38c5b;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: #bd7146;
}

.welcome h1 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.welcome h2 {
    text-transform: none;
}

.slider {

    background-size: cover;
    color: #fff;
    height: 600px;
    font-size: 33px;
}

.slideBox {
    background-color : #43af85;
    width: 300px;
    height: 60px;
    text-align:center;
    padding: 20px 0;
    -webkit-transform: skew(-34deg);
    -moz-transform: skew(-34deg);
    -ms-transform: skew(-34deg);
    -o-transform: skew(-34deg);
    transform: skew(-34deg);
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.slideBox a {
    -webkit-transform: skew(34deg) !important;
    -moz-transform: skew(34deg) !important;
    -ms-transform: skew(34deg) !important;
    -o-transform: skew(34deg) !important;
    transform: skew(34deg) !important;
    color: #fff !important;
    display: block;
    font-family: "Abel";
}

.slideBox:hover {
    background: #bd7146;
}

.slideBox a:hover {
    color: #fff !important;
    text-decoration: none;
}

.slider h1 {
    margin-top: 265px;
    font-size: 64px;
    font-family: "Abel";
    font-weight: 100;
    text-shadow: 2px 2px #000;
    line-height: 66px;
    color: #fff;
    width: 70%;
}

.mainPage>h2 {
    color: #e38c5b;
    margin-bottom: -15px;
}
.mainPage h1 {
    margin-top: -20px;
}

.latest h2 {
    color: #fff;
    background: #e38c5b;
    padding: 10px 20px;
    font-size: 28px;
    margin-top: 0 !important;
    font-family: "Abel"
}
.latestBlock {
    background: #f2f2f2;
    width: 100%;
    margin-top: 40px;
}

.cornered {
    width: 100%;
    border-top: 80px solid #f2f2f2;
    border-right: 60px solid #fff;
    background: #f2f2f2;
    margin-bottom: 80px;
}

.latestBlock h4 {
    font-size: 16px;
    color: #666666;
    margin-left: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #dddede;
}
.latestBlock p, input {
    color: #8c8e93;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
}

.latestBlock input {
    width: 87%;
}

.latestBlock ul{
    padding-left: 20px;
    line-height: 25px;
    list-style: none;
}
.latestBlock a {
    color: #e9a645;
    background: transparent;
    border: none;
    text-shadow: none;
    margin-bottom: 0 !important;
}

.icons {
    font-size: 60px;
    text-align: center;
    padding: 40px 10px;
}

.icons i {
    background: #f2f2f2;
    padding: 30px;
    border-radius: 10%;
    width: 120px;
}

.icons p {
    font-size: 24px;
}

.dashboard a {
    font-size: 14px;
    color: #8c8e93;
    padding-left: 20px;
    margin-top: -10px;
}

.logout {
    font-size: 14px;
    margin-bottom: -70px;
    margin-top: 30px;

}

.forgot {
    font-size: 12px;
    margin-left: 145px;
    margin-top: -22px;
    display: block;
}

.eventWidgetLink {
    margin-left: 20px;
}

.read {
    margin-bottom: -60px;
    margin-top: 30px;
}

.latestBlock>.btn-group-lg>.btn, .btn-lg {
    background: #e9a645;
    border: none;
    border-radius: 0;;
    font-size: 16px;
    padding: 2px 14px;
    text-shadow: none;
    font-family: "Abel";
    width: 100px !important;
}


.accReg {
    padding-top: 80px !important;
    padding-bottom: 0 !important;
    font-size: 12px;
    margin-bottom: -80px;
}

.form-signin {
    padding-top: 30px;
}

.form-signin button {
    margin-top: 10px;
    background: #e9a645;
    border: none;
    width: 40%;
    border-radius: 0;
}

.form-control {
    margin-bottom: 10px;
    background: #e6e6e6;
    border: none;
    border-radius: 0;
    width: 80%;
    /* margin-left: 10%; */
}

.slide #headColumn {
    background: #eb8752;
    padding: 20px;
    height: 100%;
}

.slide #headColumn h2 {
    text-transform: uppercase;
    color: #f4bda8;
    font-family: 'Roboto', serif;
    font-weight: 700;
    font-size: 36px;
}

.slide #contentColumn {
    height: 320px;
    background-color:rgba(0,0,0,0.7);
    padding: 20px;
}

.slide #sliderContent p {
    font-family: 'Roboto', serif;
    font-size: 20px;
    color: #FFF;
}

.slide #sliderContent {
    height: 250px;
}

.slide #sliderContent a {
    padding: 10px;
    background: #f9f9f9;
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.slide #sliderNavigation {
    float: right;

}

.slide #sliderNavigation p {
    font-size: 30px;
}

#actionBar {
    background: #605e5d;
}

#actionBar #loggedIn {
    background: #50b0da;
    padding: 10px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', serif;
    font-weight: bold;
    font-size: 16px;
    height: 75px;
    padding-top: 25px;
}

#actionBar #UserDetails {
    padding-top: 10px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', serif;
    font-weight: 700;
    font-size: 16px;
}

#actionBar #UserDetails p {
    font-weight: 400;
    font-size: 18px;
    margin: 0px;
    line-height: 120%;
}

#actionBar #UserDetails p a {
    font-weight: 700;
    color: #e1e1e1;
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
}

#actionBar #UserDetails p a:hover {
    text-decoration: underline;
    color: #FFF;
}

#actionBar #searchBar {
    padding-top: 10px;
}

#actionBar #searchBar input {
    width: 100%;
    padding: 10px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ccc inset;
}

#main-container {
    background: #d9d9d9;
    padding-top: 40px;
    padding-bottom: 20px;
}

#content {

}

#content h2 {
    color: #555555;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto', serif;
    font-weight: 700;
    line-height: 100%;
}

#content h1 {
    color: #b8521e;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Roboto', serif;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}

#content .contentBox {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    background: #fff;
    margin-bottom: 20px;
}

#content .contentBox .head {
    padding: 20px;
    background: #eb8752;
    font-family: 'Roboto', serif;
    font-weight: 700;
    color: #FFF;
    font-size: 30px;
}

#content .contentBox .text {
    padding: 20px;
}

#content .contentBox p {
    font-size: 18px;
    font-weight: 400;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.sidebar .sidebarBox {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    background: #fff;
    margin-bottom: 20px;
}

.sidebar .sidebarBox .head {
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #00af41;
    font-family: 'Roboto', serif;
    font-weight: 700;
    color: #FFF;
    font-size: 24px;
    text-align: right;
}

.sidebar .sidebarBox .text {
    padding: 10px;
}


.sidebar .sidebarBox p {
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 16px;
}

#accountNav {
    background: transparent;
}

#accountNav .head {
    padding-top: 0px;
    padding-right: 20px;
    color: #8c8e93;
}

#accountNav .head h3 {
    color: #bfbfbf;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

#accountNav .text ul {
    text-align: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#accountNav .text ul li {
    border-bottom: 1px solid #dddede;
}

#accountNav .text ul li a {
    font-weight: 700;
    display: block;
    color: #8c8e93;
    text-decoration: none;
    font-size: 14px;
    padding: 10px;
}
#accountNav .text ul li a i {
    color: #eb8752;
    margin-left: 10px;
}
#accountNav .text ul li a:hover {
    background: #bd7146;
    color: #fff;
}

.smallPic {
    width: auto;
    padding-bottom: 0;
    padding-top: 0;
}

.staff, .students .news {
    padding-bottom: 40px;
    padding-left: 0 !important;
}

#accountNav #profilePic {

}

#accountNav #profilePic img {
    width: 50px;
    height: 50px;
    border: 2px solid #dddede;
}

#accountNav .head p {
    font-size: 14px;
    line-height: 100%;
}

#footer {
    background: #454545;
    padding-bottom: 20px;
    padding-top: 5px;
}

#footer h3 {
    font-family: 'Roboto', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #e38c5b;
    margin-bottom: 10px;
}

#footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#footer li {
    margin-bottom: 7px;
}

#footer li a, #footer p {
    font-family: 'Roboto', serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}

#footer p {
    line-height: 20px;
}

#footer li a:hover {
    color: #FFF;
}

#footer li a i {
    color: #FFF;
}

#copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #232222;
    color: #FFF;
}
#copyright img {
    max-height: 50px;
}

/* ELEMENTS */

.btn-primary:hover {
    background-color: #43af85;
}

.green-button {
    background: #b3c92b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    text-decoration: none;
    width: fit-content;
    color: #FFF;
    padding: 10px;
    font-family: "Roboto";
    font-size: 17pt;
    font-style: italic;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    text-shadow: 0 2px 1px #656d03;
    background: -moz-linear-gradient(left,  #b3c92b 0%, #c4d535 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b3c92b), color-stop(100%,#c4d535)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #b3c92b 0%,#c4d535 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #b3c92b 0%,#c4d535 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #b3c92b 0%,#c4d535 100%); /* IE10+ */
    background: linear-gradient(to right,  #b3c92b 0%,#c4d535 100%); /* W3C */
    background-image: url(../../images/layout/submit_arrow.png) no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c92b', endColorstr='#c4d535',GradientType=1 ); /* IE6-8 */
    margin-top: 10px;
    cursor: pointer;
}

/* RESET STYLES */

.ui-widget {
    top: 110px !important;
    width: auto;
    left: 30%;
}

.ui-widget-overlay {
    background: url(../../images/site/layout/modal_bg.png) #000;
    opacity: 0.8;
    top: 100px !important;
}

.ui-dialog-titlebar {
    background: none;
    border: none;
    top: 5;
}

.ui-dialog-title {
    display: none;
}

.ui-button {
    z-index: 1;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

#ajax_page {
    padding: 0px;
    color: #4c4c4c;
}

#ajax_page h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin-top: 10px;
}

#ajax_page p, #ajax_page label {
    color: #4c4c4c;
}

#ajax_page form {
    margin: 0px;
    padding: 0px;
}

#ajax_page form div {
    margin-top: 5px;
    margin-bottom: 15px;
}

#ajax_page form div input {
    width: 96%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 232, 230, 230 );
    background-color: rgb( 255, 255, 255 );
    padding: 10px;
}

.buttonBar {
    background: none;
    padding: 10px;
    border-radius: 10px;
    text-align: right;
    margin-bottom: 0px !important;
}

.buttonBar .modal_btn {
    width: auto !important;
    display: inline-block;
    border-radius: 0;
    background: #43af85;
    padding: 10px !important;
    border: none !important;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin: 0px !important;
    line-height: 1;
    text-transform: uppercase;
}

.modal_btn:hover {
    background: #e38c5b !important;
}

.modal_btn {
    background: #43af85 !important;
    padding: 10px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin-top: 10px;
    border: none;
}

.ui-resizable-handle { display: none !important; }

#search_results {
    margin-top: 20px;
}

#search_results .search_result {
    margin-bottom: 10px;

}

#search_results .search_result h3 {
    margin: 0px;
}

#search_results .search_result h3 a, .search_result h3 a:visited {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    color: #00aeef;
    font-size: 18px;
}

#search_results .search_result h4 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

#search_results .search_result p {
    margin-top: 5px;
    font-size: 12px;
}

.search_result .left {
    width: 150px;
}

.search_result .right {
    width: 750px;
}

.control_container option {
    border-bottom: 1px solid #f9f9f9;
}

.control_container select option[selected] {
    padding: 0px;
}

#ajax_table {
    color: #FFF;
    text-align: left;
}

#ajax_table u, #ajax_table th {
    background: #00aeef;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: left;
}

#ajax_page form {
    margin-top: 40px;
}

.user_options {
    display: table;
    width: 900px;
    padding: 10px;
}

.user_options h4 {
    display: table-cell;
    width: 150px;
    font-weight: normal;
    color: #FFF !important;
    font-size: 16px !important;
    padding: 0px;
    margin: 0px;
}

.user_options .options {
    display: table-cell;
}

.user_options .options form {
    float: left;
    margin-right: 10px;
}

.PrintArea {
    margin: 20px 5px;
    padding: 10px;
    width: 400px;
}

/* CONTENT ACCORDION STYLES */

.contentAccordionContainer {
    background: #FFF;
    border: 5px solid #f9f9f9;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 3px 1px #999999;
    box-shadow: 0 2px 3px 1px #999999;
}

.accordionHalf {
    width: 440px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

.contentAccordionContainer .contentAccordionContainerHeadCopy {
    padding: 20px;
    width: auto;
    margin: 0px;
}

#content_container .contentAccordionContainerHeadCopy h2 {
    font-style: normal;
    font-family: robotolight;
    font-weight: bold;
    font-size: 24px;
    margin-top: 10px;
    color: #00C0F3;
}

#content_container .contentAccordionContainerHeadCopy p {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 10px;
}

.contentAccordion .ui-icon {
    background-image: url(ncpetf/images/ui-icons_fff_256x240.png);
}

.ui-accordion-header-icon {
    color: #FFF !important;
    text-shadow: 0 1px 1px #7D8C1F;
}

.contentAccordion .ui-accordion-header {
    background: #bfd730; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDczMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmMxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #bfd730 0%, #abc100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd730), color-stop(100%,#abc100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfd730 0%,#abc100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfd730 0%,#abc100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfd730 0%,#abc100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfd730 0%,#abc100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd730', endColorstr='#abc100',GradientType=0 ); /* IE6-8 */
    font-style: normal !important;
    font-family: robotomedium !important;
    text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
    color: #FFF !important;
    font-size: 14px !important;
    border-radius: 0px;
    padding: 10px;
    margin: 0px;
    padding-left: 30px;
    margin-bottom: 1px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
}

#content_container .contentAccordion .ui-accordion-header.ui-state-hover, #content_container .contentAccordion .ui-accordion-header.ui-state-active {
    background: #bfd730;
}

#content_container .contentAccordion .ui-accordion-header-active {

}

#content_container .contentAccordion .ui-accordion-content {
    background: #f5f8e6;
    border: none;
    padding: 20px;
    margin: 0px;
}

#content_container .contentAccordion .ui-accordion-content p {
    margin: 0px;
    padding: 0px;
    margin-bottom: 14px;
    line-height: 150%;
}

#content_container .contentAccordion .ui-accordion-content li {
    color: #666766;
}

#fbComments {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
}

#validator, #validator p {
    color: #FFF !important;
}

.fc-event-container {
    cursor: pointer;
}

/* WIDGETS */

.sidebarBox h3 {
    margin-bottom: 10px;
}

/* WIDGETS: EVENTS */


/* FORMS */

.contact {
    background: #f2f2f2;
    margin-top: 20px;
}

.contact textarea {
    margin-top: 15px;
}

.contact .btn {
    background: #e9a645;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 2px 14px;
    text-shadow: none;
    font-family: "Abel";
    width: 100px !important;
    margin: 20px 40px;
}

input, select, textarea {
    border: 1px solid #CCC;
    padding: 10px;
}

.siteForm {

}

.siteForm fieldset {
    border: 1px solid #CCC;
    padding: 20px;
    margin-bottom: 20px;
    padding-top: 0px;
}

.siteForm fieldset p {
    font-size: 14px !important;
    line-height: 150%;
    font-weight: 700 !important;
}

.siteForm fieldset legend {
    background: #43af85;
    color: #FFF;
    font-weight: 400;
    width: auto;
    padding: 10px;
    font-size: 16px;
    margin-top: 20px;
}

.siteForm fieldset div {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.siteForm fieldset div label {

}

.siteForm fieldset div input, .siteForm fieldset div select, .siteForm fieldset div textarea {
    width: 97%;
    margin: 10px 20px;
}

thead th {
    background: #e38c5b;
    color: #FFF;
    text-shadow: none;
}

tbody {
    border-bottom: 2px solid #CCC;
}

.logoMobile {
    display: none;
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border: none;
        padding: 0;
        margin-left: 80%;
        margin-top: -30px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: right!important;
        width: 200px;
    }
    .navbar-nav>li {
        float: none;
    }

    .collapse.in{
        display:block !important;
    }

    .navbar .nav > li > a {
        color: #e38c5b;
        background: #fff;
        text-shadow: none;
        font-size: 12px;
        padding: 10px 20px;
        float: none;
        text-align: center;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
        padding: 0;
        margin-right: -15%;
        margin-top: -30px;
    }

    .dropdown-menu {
        background: #43af85 !important;
        padding: 0 !important;
    }

    .dropdown-menu>li>a {
        background: #43af85;
        color: #fff !important;
        font-size: 12px;
        border-radius: 0;
    }

    .nav li a {
        padding-left: 5px;
        padding-top: 0 !important;
        height: auto;
    }
    .nav>li>a {

    }

    .nav li a:hover {
        color: #fff !important;
        background: #43af85 !important;
    }

    .navBox {
        color: #fff !important;
        background: #43af85 !important;
        transform: none;
    }

    .navBox a {
        color: #fff !important;
        background: #43af85 !important;
        transform: none !important;
    }
}


/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {

    .navbar .nav > li > a {
        color: #e38c5b;
        background: #fff;
        text-shadow: none;
        font-size: 12px;
        padding: 10px 20px;
        float: none;
        text-align: center;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
        padding: 0;
        margin-right: -15%;
        margin-top: -30px;
    }

    .dropdown-menu {
        background: #43af85 !important;
        padding: 0 !important;
    }

    .dropdown-menu>li>a {
        background: #43af85;
        color: #fff !important;
        font-size: 12px;
        border-radius: 0;
    }

    .nav li a {
        padding-left: 5px;
        padding-top: 0 !important;
        height: auto;

    }

    .nav li a:hover {
        color: #fff !important;
        background: #43af85 !important;
    }

    .navBox {
        color: #fff !important;
        background: #43af85 !important;
        transform: none;
    }

    .navBox a {
        color: #fff !important;
        background: #43af85 !important;
        transform: none !important;
    }

    .slider h1 {
        font-size: 40px;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
        padding-bottom: 20px;
    }

    .slider h1 {
        font-size: 40px;
        margin-top: 220px;
        line-height: 80px;
    }

    header, .navigation, .demo-1 {
        display: none;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {

    body {
        padding: 0px;
    }

    .slider h1 {
        font-size: 40px;
        margin-top: 220px;
        line-height: 80px;
    }
}

/* iPhones
=================================================================== */
@media only screen and (max-width: 400px) {

    body {
        padding: 0px;
    }

    .logo img {
        width: 180px;
        padding: 10px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
        padding: 0;
        margin-right: -15%;
        margin-top: 0;
    }

    .slider h1 {
        font-size: 28px;
        margin-top: 220px;
        line-height: 80px;
    }

    .slideBox {
        width: 140px;
        height: 40px;
        text-align: center;
        padding: 11px 0;
    }

    .slideBox a {
        font-size: 14px;
    }
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}