/*
css parish - black style
v2.0 Split off font and colors
v2.1 Fix tab-into menu style and colour-style buttons and edit tabs
v2.2 Format important and higlight classes, format pager
*/

body {
  background-color: #fff;
}
body, input, textarea {
  color: #000;
}

#wrapper {
   background-color: #fff;
}
/*******link color******/
a {
  color: #000;
}
#navskiplink a {
  background-color: #fff;
  color: #000;
}
.skiplink, a.skiplink:link, a.skiplink:visited, a.skiplink:focus, a.skiplink:hover, a.skiplink:active {
  background-color: #fff;
  color: #000;
}
hr {
  background-color: #fff;
}

abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
}
ins {
  background-color: #fff;
  text-decoration: none;
}

table {
  background-color:#fff;
  border:1px dotted #000;
}
th {
  background-color:#fff;
  color:#000;
}
td{
  border:1px dotted #000;
}


#header, #header img {
  background-color: #fff;
}
#site-name a {
  font-weight: normal;
  color: #000;
}
#site-name a:hover,
#site-name a:focus,
#site-name a:active {
  color: #7393B3;
}
#site-slogan {
  color: #000;
}

#header #site-logo {
  background-color:#fff;  

  border-bottom-style: outset;
  border-bottom-color: #fff;
  border-bottom-width: 0px;
}

/* header 2 is for banner page */
#header2 {
  background-color: #fff;
}

.highlight {
color: #fefefe;
background-color:#C30101;
font-weight: bold;
}
.important {
color:#C30101;
font-size: 110%;
font-weight: bold;
}
.boxborder {
  border-style: double;
  border-color: #C30101;
  border-width: 2.5px;
  padding: 0.5em;
  margin: 0.3em;
}


/*
#footer #block-block-10.content {
background-color:#fff;  
}
*/

/* =Menu
-------------------------------------------------------------- */

#header #navigation {
  background-color:#fff;
}
#main-menu > ul.menu{
}
#main-menu > ul.menu li {
  border-right: 1px solid #000;
}
#main-menu > ul.menu a {
  color: #000;
}

#main-menu > ul.menu a:focus {
  background-color: #000;
  color: #fff;
  text-decoration: underline;
}

#main-menu > ul.menu ul {
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
#main-menu > ul.menu ul ul {
}
#main-menu > ul.menu ul a {
  background-color: #fff;
  color: #000;
  border-bottom: 1px dotted #000;
}
#main-menu > ul.menu li:last-child,
#main-menu > ul.menu ul li {
  border:none;
}
#main-menu > ul.menu li:hover > a,
  background-color: #000;
  color: #fff;
}
#main-menu > ul.menu li:hover > a,
#main-menu > ul.menu a:focus{
  background-color: #000;
  color: #fff;
  text-decoration: underline;
}
#main-menu > ul.menu li:hover > ul {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
}
#main-menu > ul.menu li:focus-within > ul{
}
#main-menu a:hover,
#main-menu > ul.menu a:hover {
  background-color:#000;
  color: #fff;
  text-decoration: underline;
}
#main-menu > ul.menu a.active {
  font-weight: bold;
}


/* Featured Slider */
#slider {
    background-color: #FFF;
    border-bottom: 2px solid #000;
}
#slider-wrap .featured-text {
    color: #000;
}

/* Mobile menu colours */

.dl-menuwrapper li a {
  color: #fff;
}
.dl-menuwrapper button {
  background: #D6D0D0;
  margin-left: 2em;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #808080;
  color: #808080;
}
.dl-menuwrapper li > a:not(:only-child):after {
  color: #000;
}
.dl-menuwrapper li.dl-back:after {
  color: #000;
}

/* =Content
----------------------------------------------- */

#main {
  background-color: #FFF;
}

#content-wrap {
  background-color: #fff;
  border-bottom: none;
}

#main #content .node-teaser {
  border-bottom:none;
}
.node-teaser img {
  border: none;
}
.page-node img { /* #content-wrap  */
  border: none;
}
.view-content img {
 border: none;
}

#preface-area .block > h2,
.region-content-top .block > h2,
#footer-area .block > h2 {
  border-bottom: 2px solid #000;
  color: #f2f2f2;
}
#sidebar .block {
  background-color: #fff;
  border-bottom: 2px solid #000;
}
#header .block {
  background-color:#fff;
}
#sidebar #block-system-navigation
{background-color: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #F8B665 0%, #F8B665 10px, #fff ); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8B665), color-stop(10px,#F8B665), color-stop(#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fff); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fff ); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fff); /* IE10+ */
background: linear-gradient(to bottom, #F8B665 0%,#F8B665 10px,#fff); /* W3C  this has gradient*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8B665', endColorstr='#fff',GradientType=0 ); /* IE6-9 */}
 
#sidebar .block > h2 {
  color: #f2f2f2;
  background-color: #000;
  border-bottom: 2px solid #000;
}
#sidebar .block .contextual-links-wrapper{  
background-color:#fff;
}

#preface-area {
    background-color: #FFF;
}

/* =Footer
----------------------------------------------- */

#footer-bottom {
  border-top: 1px solid #fff;
}
#footer-area {
    background-color: #fff;
}
#bottom {
  background-color: #fff;
  border-top: none;
  border-bottom: none;
  color: #000;
}



/* -------------- Form Elements  ------------- */

fieldset { background-color: #fff; border: 1px solid #000; }
fieldset legend { background-color: #dbdbdb; border: 1px solid #000; }
fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #000; }

/* Form Buttons */

button, input[type="submit"], input[type="reset"], input[type="button"] {
background-image: none;
background-color: #000;
border: 2px solid #005270;
color: #fff;

}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #FFF; 
color:#000; 
}
.submitted{
  background-color: #000;
  color: #A7D2A7;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/

.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary li a {
 background-color: #FFF;
}
ul.primary li a:hover, ul.primary li a.active {
  background-color: #000;
  color: #f2f2f2;
}
ul.primary li a:hover {
  background-color: #000;
}
ul.secondary {
  background-color: #000;
}
ul.secondary li a, ul.secondary li a:link {
  color: #f2f2f2;
}
ul.secondary li a:hover, ul.secondary li a.active {
  background-color: #000;
  color: #f2f2f2;
}

.field-label{
  color: #000;
}

.item-list .pager li {
  background-color: #FFF;
}


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.not-front #footer-area {display:none;}

.find-us {float:left; width:100%;}
.page-node #content-wrap .icon-float{float:left; margin-right:10px;}

.row-box{float:left; width: 260px; margin-right:13px;}
.row-box nth-child(2){margin-right:0%;}
.row-box div {margin-top:0;}
.row-box div {margin-top:0; padding-top: 0; line-height: 0; margin-bottom: 20px;}



img.facebookside {
padding:6px; border:none; float:left;
}

/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width: 1060px) {
  #header .block 
      {margin-top: -62px; 
       margin-right:23px;
       width:68%;
  }

}

@media screen and (max-width: 960px) {
}
  
@media screen and (max-width: 767px) {
  .row-box{float:left; width:80%; max-width: 360px; margin-left:10%;}
  .row-box img{width:100%;}
  .profile-details{font-size:0.95em; padding-top:0.5em;}
  #header .block {margin-top: 0px;  
  }
}
@media (max-device-width: 650px) {  
}

@media screen and (max-width: 479px) {
}

@media screen and (max-width: 319px) {
}