/* #logo {
    background: url(images/logo.png) 0 0 no-repeat;
    width: 400px;
    height: 57px;
    margin-top: 20px;
}
*/

#logo {
    background: url(images/logo.png) 0 0 no-repeat;
    width: 985px;
    height: 125px;
    position: absolute;
    display: block;

}

#header {
	height: 125px;
	overflow: hidden;
	padding-left: 8px;
}

/* gets rid of any box around the artilces if nothing is there */
table.contentpaneopen-alert {



}

/* makes the alert section red, bold and bigger so it gets noticed */
table.contentpaneopen-alertbig {
	font-weight: bold; 
        color: red;
        font-size: 130%;

}

/* contactinfo */
table.contactinfo {
  margin: 0 0 0 0;
  background: whitesmoke;
  border-collapse: collapse; 
  width: 100%;
}

table.contactinfo th, table.contactinfo td, table.infotables th, table.infotables td  {
  border: 1px black solid;
}

table.contactinfo th, table.infotables th {
  background: url(images/th-bg.jpg) repeat-x top #1c5e92;
  text-align: center;
  color: #d5d5d5;
  padding: 0.1cm;
}

table.contactinfo td, table.infotables td {
  background: url(images/td-bg.jpg) repeat-x top #d6dce8;
  text-align: left;
  color: #1c5e92;
  padding: 0.1cm;
}

table.contactinfo td:hover, table.infotables td:hover {
  color: #1c5e92;
  background: #d6dce8;
}


/* infotables */
table.infotables {
  margin: 1em 1em 1em 0;
  background: whitesmoke;
  border-collapse: collapse; 
}

/************ SLIDESHOW FIX ************/
.component-content ul { list-style-type: none; padding: 0; margin: 0;}


/********************************************************************************************************/
/****************************************  SIENNA 2017  ***********************************************/
/********************************************************************************************************/

/********** BASE STYLES *********/
h1 {font-size:3.5rem;}
h2, .page-header h2 {font-size:3rem; color: #02354c; border-bottom: 1px solid #7c6a46; line-height: 3.5rem;}
h3 {font-size:2.5rem; color: #02354c;}
h4 {font-size:2.0rem; color: white; background: #7c6a46; padding: .1rem .3rem; border-radius: .5rem;}
h5 {font-size: 1.75rem; color: #02354c; font-weight: bold;}
h6 {font-size: 1.5rem; color: #02354c; text-transform: uppercase;}

h1, h2, h3, h4, h5, h6 { margin: .4rem 0 .4rem 0;}

a {color: #023578; text-decoration: none;}
p {color: #44372e;}

#g-page-surround:before {background-image: none;}

a.readon {background: #02354c; color: white; padding: .2rem .5rem; border-radius: .5rem;}
a.readon:hover {background: #7c6a46;}

a.button {background: #7c6a46; color: white; padding: .2rem .5rem; border-radius: .5rem; font-family: sans-serif; font-size: 1rem; font-style: normal; font-weight: normal;}
a.button:hover {background: #02354c; color: white;}



/********** ALERT **********/
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p {color: #cc0000; padding: .5rem 1.5rem;}
.alert h4 {background: transparent; padding: 0;}
#g-headermain .g-content {margin: 0; padding: 0;}
.moduletable.alert {background: transparent; border: none;}

/********** HEADER **********/
#g-page-surround {background-size: 100%;}
.homelayout #g-mainbar {display: none;}

/********** LOGO **********/
#g-navigationmain .g-content {
    float: none;
    display: table;
    margin: auto;
}
#g-navigationmain img {padding-bottom: 1rem; width: 20rem;}


@media only screen and (max-width: 767px) {
    #g-navigationmain img {padding: 1rem 2rem;}
}


/********** MENU **********/
#g-navigationmain .g-content {padding: 0;}

#g-container-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-container-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {background: transparent;}
#g-container-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, #g-container-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {color: #c4b888;}
#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {display: none;}
#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {color: white;}
#g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {padding: 1rem 1.2rem;}
#g-container-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {color: white;}

@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 960px) and (max-width:1199px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #g-container-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {padding: 1rem .7rem;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {}
@media only screen and (max-width: 480px) {}

/********** MENU - DROPDOWN **********/
.g-main-nav .g-sublevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after {content: "\f105"}

/********** MENU - MOBILE **********/
.g-offcanvas-toggle {top: .5rem; left: .5rem;}
.g-offcanvas-toggle:hover {color: #bcb486;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {color: #bcb486;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {color: white;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after{color: white;}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: transparent; margin: -0.3rem -1rem -0.2rem 0.5rem;}


/************** MENU - SECONDARY PAGES *************/
#g-aside .g-title {padding: 0 0 .5rem 0; margin: 0 0 .25rem 0;}

/********** ROTATOR / SHOWCASE **********/
#g-slideshowmain .g-content {margin: 0; padding: 0;}
#g-slideshowmain img {border-top: .3rem solid #092632;}

.layout-slideshow .sprocket-features-arrows .arrow {
    background: transparent;
    box-shadow: none;
    font-size: 5rem;
}



/************ QUICKLINKS  ************/
.quicklinks td { width: 33%;}
.quicklinks { margin: auto; width: 100%;}
.quicklinks img {  width: 100%;}
.quicklinks div {padding: 5px; margin: 5px; transition: background-color 0.5s ease; }
.quicklinks h2 { border: none; }
.quicklinks { text-align: center;}
.quicklinks div:hover {background: transparent; }
.quicklinks div:hover img {opacity: .7; }
.quicklinks a {color: white; } 
.quicklinks div:hover a {color: #b9b286; } 
#rt-maintop .rt-block {background: none;}
.homelayout #rt-maintop {padding: 0;}

#g-featuremain td, #g-featuremain tr, #g-featuremain  table {border: none;}
#g-featuremain h2 {font-size: 2rem;}
.quicklinks td {padding: 0 .5rem;}
.quicklinks div {
    padding: 0 5px 5px 5px;
    margin: 0 5px 5px 5px;
}
.quicklinks h2 {line-height: 1.75rem; margin: .5rem 0 2rem 0;}


@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 960px) and (max-width:1199px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (min-width: 481px) and (max-width: 767px) {}
@media only screen and (max-width: 480px) {
    #g-container-feature .g-content {
    margin: .2rem;
    padding: .2rem; 
    }
    .quicklinks img { width: 90%;}
    #g-featuremain h2 {font-size: 1.2rem;}
    .quicklinks h2 {line-height: 1rem; }
}


/********** CONTENT **********/
#g-aside {background: #bdb587;}
#g-mainbar .g-content {padding: 1rem 2rem 2rem 2rem;}

/********** CONTENT SECONDARY PAGES RIGHT COLUMN **********/
h3.g-title {padding: 0 0 .1rem 0;}
#g-mainbar .g-content {padding: 0 3rem 2rem 3rem;}
#g-mainbar h3.g-title {border-bottom: 1px solid #715F3E;}
#aside {background: #eee;}
#aside h2 {font-size: 2.5rem; line-height: 2.5rem;}

body .g-side-column {
    min-width: 90px;
}




/********* SUBMENU SECONDARY CONTENT PAGES *****/
.k-ui-namespace .koowa_header--bottom_margin {
    font-size: 2rem;
}

/************** CURRENT EVENTS ************/
#g-featuremain h3.g-title {
    color: #cfc39d; 
    background: #7c6a46; 
    text-align: center; 
    margin: 0 0 0.5rem 0;
    padding: 0 0 .1rem 0;
    border-radius: .8rem;
}

#g-featuremain .g-content {padding: 2rem 1rem;}


h4.sprocket-lists-title {background: transparent; font-family: 'Lato', sans-serif; border: none;}
h4.sprocket-lists-title a {color: #cfc39d; }
h4.sprocket-lists-title a:hover {color: white;}
.sprocket-lists-title. .sprocket-lists-item .sprocket-padding {padding: 5px 2px !important; }
.homelayout a.readon {background: #cfc39d; color: #02354c;}
.homelayout a.readon:hover {background: #7c6a46; color: white;}

.moduletable.homebutton {
    float: none;
    display: table;
    margin: auto;
}

.platform-content, .moduletable {
    margin: .2rem 0;
    padding: .2rem 0;}

.homelayout ul.sprocket-lists-container a.readon {display: none;}

.sprocket-lists-item .sprocket-padding {
    padding: 0 10px 25px 10px;
    display: block;
}

/********** CONTACT US PAGE **********/
#contact-form .controls input, #contact-form .controls textarea {color: black;}

/********** FOOTER **********/
#g-copyrightmain a, #g-copyrightmain p {color: white;}
#g-copyrightmain h2 {color: white; font-size: 2.5rem;}


@media only screen and (max-width: 480px) {
    #g-copyrightmain h2 {line-height: 2.5rem;}
}

/************** bulletin document display **************/
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {background: #e7e0cd;}

/********* MINISTRY SCHEDULE RESTRICTED AREA PAGE ***************/
.k-ui-namespace .k-toolbar { padding: 0; border-bottom: 0; }

/************LOGIN FORM*******************/
form#login-form div.userdata ul.unstyled {
display: none;
}