﻿html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: table;
}
footer {
    background-color: #336699;
    display: table-row;
    height: 0;
}

h1 {font-family:'FrutigerLTW01-55Roman',Arial,Helvetica,sans-serif;padding:0 0 5px 0;font-size:28px;color:#333;margin:0 0 10px 0;font-weight:normal;border-bottom:1px solid #d6dded;}
h2 {font-family:'FrutigerLTW01-55Roman',Arial,Helvetica,sans-serif;padding:3px 5px 0px 0;font-size:22px;color:#6d595a;margin:0 0 5px 0;}
h3 {font-family:'FrutigerLTW01-55Roman',Arial,Helvetica,sans-serif;padding:0;font-size:16px;font-weight:bold;color:#443232;}
p,td,li,label {padding:1px 5px 3px 0;font-family:Calibri,Arial,Helvetica,sans-serif;color:#000;font-size:110%;}
p,td {font-size:120%;}
th {font-family:Calibri,Arial,Helvetica,sans-serif;font-weight:normal;}
#page {min-height:500px;margin-bottom:20px;}
#menu4 {text-align:right;}
#menu4 p {color:#000;}
.fl {float: left;}
.fr {float: right;}
.clr {clear:both;padding:0;margin:0;line-height:0;height:0}

a {text-decoration:none;font-weight:bold}
a:link {color:#004f8e}
a:visited {color:#004f8e}
a:hover {color:#004f8e;text-decoration:underline}

.page img {}
.page .item img {width:auto;}

/* navbar overrides */
.navbar-primary .navbar { min-height:0; border:none;margin-top:0;margin-bottom:0; background-color:transparent;} 
.navbar-primary .ul { border:none;margin-top:0;margin-bottom:0; padding-left:0;background-color:transparent;}
.navbar-primary .navbar .nav > li {margin:0;padding:0;text-transform:uppercase;font-family:'FrutigerLTW01-45Light',Arial,Helvetica,sans-serif;}
.navbar-primary .navbar .nav > li > a {margin:0;padding:10px 10px 10px 11px;font-weight:normal;background-color:transparent;color:#3d619b;}
/*.navbar-primary .navbar .nav > li > a {margin:0;padding:0 10px 2px 11px;font-weight:normal;background-color:transparent;color:#006;border-right:1px solid #ccc;}
.navbar-primary .navbar .nav > li:first-child > a {border-left:1px solid #ccc;}*/
.navbar-primary .navbar .nav > li.active > a {color:#333;background-color:#fcd53c;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {background-color: #fcd53c;}
.navbar-xs {margin-top:0;}

.navbar-nav {margin-left:0;margin-right:0;}
.navbar-collapse {padding-left:0;padding-right:0;}

#nav2 {padding:0 0 0 0;	margin:0 0 20px 0;	list-style:none;}
#nav2 li {padding:0;border-bottom:1px solid #f8f9fb;}
#nav2 li:first-child {border-top:1px solid #f8f9fb;}

#nav2 a {display:block;	color:#274b89;	text-decoration:none;	margin:0;	padding:5px 12px 4px 12px;font-weight:normal;}
#nav2 .m1.active a {display:block; background-color:#274b89;color:#fcd53c;	text-decoration:none;	margin:0;	padding:5px 12px 4px 12px;font-weight:normal;}

#nav2 .active a {display:block; background-color:#fcd53c;color:#274b89;	text-decoration:none;	margin:0;	padding:5px 12px 4px 12px;font-weight:normal;}
#nav2 a:hover {color:#274b89;background-color:#fcd53c;}
#nav2 .a:hover {text-decoration:underline;}

#nav2 .m1 a {text-transform:uppercase;}
#nav2 .m2 a {padding-left:24px;}
#nav2 .m3 a {padding-left:36px;}
#nav2 .m4 a {padding-left:48px;}

.topspace {margin-top:20px;}
.container-fluid.header {padding:10px 0 10px 0;background-color:#f8f8f8;border-top:5px solid #336699;
                             box-shadow: 0 0 10px rgba(51, 51, 51, 0.5) !important;
    z-index: 10;
                         }
#logo {width:100%;max-width:200px;}
.header a {color:#339;font-weight:normal;margin-left:0;margin-right:4px;}
p.housekeeping {font-size:110%;padding-top:5px;margin-left:20px;text-align:right;display:table-cell;}
.container.topmenu {padding-top:0;margin-top:0;}
.container.topmenu .row {padding-top:0;margin-top:0;}
.col-sm-12,.col-sm-8 ,.col-sm-7 ,.col-sm-5 ,.col-sm-4 {padding:0;margin:0;}
.row.eventlist {margin-left:0;margin-right:0;}
.alert {margin-bottom:0;}
.bng {}

.bng h2 {padding-left:0;padding-bottom:3px;margin-bottom:10px;background-color:#33629a;}
.bng .btn {margin-top:20px;margin-bottom:10px;}
.bng .btn a {color:#fff;}
.bng .btn a:hover {text-decoration:none;}
.dotty {border-bottom:1px dotted #0f4718;padding-bottom:3px;margin-bottom:10px;} 
.dotty img {margin-bottom:7px;}

.page {margin-top:0;margin-bottom:30px;min-height:500px;}
.page h3 {padding:0 0 10px 0;}
.page p {color:#000;}
.pagination {margin-top:10px;margin-bottom:10px;}
.pagination li a, .pagination li a:hover  {color:#009;}
.pagination > .active > a ,.pagination > .active > a:hover {background-color:#000099;}
/* homepage */
.homebb {border-bottom:1px solid #eee;margin-bottom:20px;}
.homebb img {margin-bottom:20px;width:100%;}
.newsitem {border-bottom:1px solid #eee;margin-bottom:20px;}
.newsitem img {float:left;margin-right:20px;margin-bottom:20px;width:100%;max-width:229px;}
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* footer */
.pmc {margin-top:50px;padding:10px 0 20px 0;border-top:1px solid #eee;}
.pmc h2 {margin-bottom:20px;}
.pmc img {width:100%;}
.navbar-bottom {background-color:#336699;padding-top:20px;}
.navbar-bottom p {color:#ccc;font-weight:normal;}
.navbar-bottom a {color:#fff;margin-left:5px;margin-right:5px;}

label {float:left;width:150px;font-weight:bold;}

div.bg-success {border:1px solid #060;padding:0 10px 10px 10px; margin-bottom:10px;margin-top:10px;}
.bg-success p {color:#000;}
div.bg-warning {border:1px solid #600;background-color:#eedddd;padding:0 10px 10px 10px; margin-bottom:10px;margin-top:10px;}
.bg-warning p {color:#000;}
.btn-default {background-color:#fcd53c;}

/*dhtml calendar*/
.calendar {width:200px;border:2px solid #600;visibility:hidden;position:absolute;background-color:#ffffff;}
.month {font-weight:800;}
.today {border:1px solid #900;}
.we {background-color:#efefef;}
.calendar p {padding:3px 3px 3px 3px;}
.calendar a {text-decoration:none;font-weight:400;}
.calendar a:link {color:#600;}
.calendar a:visited {color:#600;}
.calendar a:hover {color:#600;text-decoration:underline;}

/* bootstrap carousel */
.carousel-inner .item h1 {padding:10px;color:#fff;position:absolute;width:30%;font-size:1.5em;background-color:rgba(99,99,99,0.4)}
.carousel-inner .item h1.pos0 {margin-top:40px;left:15%;}
.carousel-inner .item h1.pos1 {margin-top:40px;right:15%;text-align:right;}
.carousel-inner .item h1.pos2 {margin-top:240px;left:15%;}
.carousel-inner .item h1.pos3 {margin-top:240px;;right:15%;text-align:right;}
.carousel-inner .item h1.pos4 {margin-top:280px;right:15%;width:70%;font-size:1.2em;text-align:center;}
.carousel-inner .item h1 small {display:block;font-size:.5em;color:#eee;font-weight:normal;line-height:1.4em;}
.carousel-inner .item {border:none;padding:0;margin:0;}
.carousel-inner .item img {margin:0}

/* handy technique to valign middle */
.topcarousel .carousel-control img {position:absolute;top: 0;  max-height:49px; max-width:26px;
    bottom: 0;  left: 0;  right: 0;  margin: auto;  }

#carousel-custom {margin-bottom:20px;}

#carousel-custom .carousel-control img {position:absolute;top: 0;  max-height:49px; max-width:26px;
    bottom: 0;  left: 0;  right: 0;  margin: auto;  }

.carousel-indicators li {margin-right:5px;background-color:#4e4f54;border-color:#4e4f54;}
.carousel-indicators li.active {margin-right:5px;}

@media (max-width: 760px)  
{
.carousel-inner .item h1.pos0 {margin-top:20px;left:15%;}
.carousel-inner .item h1.pos1 {margin-top:20px;right:15%;text-align:right;}
.carousel-inner .item h1.pos2 {margin-top:120px;left:15%;}
.carousel-inner .item h1.pos3 {margin-top:120px;;right:15%;text-align:right;}
.carousel-inner .item h1.pos4 {margin-top:140px;right:15%;width:70%;font-size:1.2em;text-align:center;}
.topcarousel .left.carousel-control img {display:none;}
.topcarousel .right.carousel-control img {display:none;}
    }

@media (max-width: 480px)  
{
    .carousel-inner .item h1 {display:none;}
    .page {margin-left:5px;margin-right:5px;}
    h2,h3,p,td,li,label {font-size:100%;}
    p.housekeeping {font-size:80%;}

    .newsitem img {margin-bottom:20px;width:30%;float:left;margin-right:20px;}
    .homebb img {margin-bottom:20px;width:30%;float:left;margin-right:20px;}
    }