body{
    font-family:Arial;
    font-size: 80% !important;
    color:#014f80;
    background-color:#eeeeee;
}

#wrapper{
    width: 900px;
    margin-left: auto; 
    margin-right: auto;
    background-color:#ffffff;
}

#logo{
    width:693px;
    float:left; 
}

#search{
    padding-top:60px;
    width:207px;
    float:left; 
}

#search ul li:first-child{
    border-right-style: solid;
}

#search input{
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.search{
    margin-top:5px;
    padding-left:5px;
    float:left;
    width:160px;
}

.customlogin{
    margin-top:10px;
}

.customlogin a{
    text-decoration:none;
}

#footerleft,#footerright{
    padding: 10px;
    width: 450px;
    float:left; 
    color:#ffffff;
}

#footerleft a{
    text-decoration:none;
    color:#ffffff;
}

#footerright{
    text-align: right;
}

.clear{
    clear:both; 
}

#footerbottom{
    padding-left:40px;
    padding-right: 40px;
    color: #ffffff;
}

#slideshow{
    margin-top:-10px;
    margin-bottom:20px;
    border-bottom-style:solid;
    height:345px;
}

#content1,#content2,#content3,#links{
    margin-left:40px;
    margin-right:40px;
    margin-top:20px;
}

.customfc, .customtc{
    height:323px;
    padding-left:10px;
    padding-right:10px;
}

.customfc {
    padding-top:20px;
}

.customtc{
    padding-top:45px;
}

.customfc img, .customtc img{
    float: left;
    margin-right: 10px;
}


#content2a, #content2b, #content3a, #content3b{
    margin-right:5px;
}

#content2a,#content2b,#content2c,#content3a,#content3b,#content3c{
    min-width: 269px;
    float: left;
}

#footer{
    background-image:url("../images/footer-bg.jpg");
    height: 110px;
    font-size: 80%;
}

#topnav {
    border-top-style:solid;
    border-top-color:#014f80;
}

#topnav ul{
    margin-top:5px;
    text-align:center;
    padding-left:0px;
}

#topnav ul li{
    list-style-type: none;
    display: inline;
    border-right-style:solid;
    border-right-color:#014f80;
    padding-left:10px;
    padding-right:0px;
}

#topnav ul li:last-child{
    border-right-style: none;
}

#topnav a{
    text-decoration: none;
    color: #014f80;
    padding-right: 20px;
}

#links{
    color: #014f80;
    border-top-width: 1px;
    border-top-style:solid;
    border-bottom-width: 1px;
    border-bottom-style:solid;
    margin-bottom: 10px;
    border-color:#dbe7ee;
}

#links a{
    color: #014f80;
}

.boxincontent1 {
  border-top: 5px solid #136;
  background-color: #DDDDFF;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  margin-top: 5px;
}

.boxincontent2 {
  border-top: 10px solid #CCCC33;
  background-color: #FFFFDD;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  margin-top: 5px;
}

.boxincontent3 {
  border-top: 10px solid #33CCCC;
  background-color: #DDFFFF;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  margin-top: 5px;
}

.blog h1 {
  background-color: #F8D000;
}

.create{
  font-size: 90%;
  margin-bottom:10px;
}

/* Formatting news */
.item-separator{
    border-bottom: thin solid #014f80;
}

.pagination ul li {
    float: left;
    margin-left: 5px;
    list-style:none;
}

/* slideshow css */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #ffffff;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 200px; 
  width:250px;
  font-size:90%;
  left: 40px;
}
.text h1{
    font-size: 365%;
    font-weight: normal;
    margin-bottom: -5px;
}
.text hr{
    margin-left:0px;
    margin-top:2px;
    margin-bottom:2px;
    width:96%;
    border-style:solid;
    border-width:thin;
}

/*this replaces text "subcategories" with "archives" */
.cat-children h3 {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.cat-children h3::after {
  content: "Archives";
  text-indent: 0;
  line-height: initial; /* New content takes up original line height */
}

/*this hides the subcategories altogether*/
div.cat-children {
    display:none;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
#dot {
    position:relative;
    top:-40px;
}
.dot {
  cursor:pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




/* additional custom */
.weblinks img{

  padding-right: 5px;

}

.formlabels {

  width: 200px;

}



#phocamaps h1{

  font-size: 14px;

}

.articleinfo, .iteminfo{
  font-size: 10px;
}

#page ul li {
  margin-bottom: 5px;
}

table h2.contentheading {
  font-size: 14px;
  margin-top: 0px;
  color: #136;  
}

table a.readon {
  font-weight: normal;
font-size: 12px;
color: #136;
padding-left: 0px;
}
td.contentpaneopen {
  padding-left: 5px;
}

.oddrow td{
  padding: 5px;
  background-color: #dddddd;
}
.evenrow td{
  padding: 5px;
}

/*applications*/
table.applications th {
  border-style: double;
  border-width: 3px;
}
table.applications td {
  border-style: solid;
  border-width: 1px;
}
table.applications tr.even {
  background-color: #eeeeee;
}

/*calendar*/

table.calendar th
{
  border-style: double;
  border-width: 3px;
  width: 120px;
}

table.calendar td
{
  height: 100px;	
  border-style: solid;
  border-width: 1px;
}

table.calendar td.emptydays
{
  background-color: #eeeeee;
}
.consultant{
  color: #009900;
}
.leaveschedule{
  color: #ff0000;
}
.attendedevents{
  color: #0000ff;	
}

.articleinfo, .iteminfo{
  font-size: 10px;
}

#page ul li {
  margin-bottom: 5px;
}

table h2.contentheading {
  font-size: 14px;
  margin-top: 0px;
  color: #136;	
}

table a.readon {
	font-weight: normal;
font-size: 12px;
color: #136;
padding-left: 0px;
}
td.contentpaneopen {
	padding-left: 5px;
}

.contenttable .odd td {
    background-color: #ddddff;
}
.contenttable td {
    border-top: thin solid;
    border-right: thin solid;
    padding: 5px;
}
a
{
    cursor: grab;
}

/*shift pagination list to the left*/
li.page-item {
    float:left;
    padding-left:10px;
    list-style: none;
}