@charset "utf-8";
/* CSS Document */

body {
  padding-top: 20px;
  background-image:url(../images/bg-2.pn);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:bottom;

  
  font-family:sans-serif;
}

p{
  font-family:sans-serif;
}
.custom-color{ color:#0c6;}
.navbar {
}
  body{margin-bottom: 20px;
}
.extra-bold{ font-weight:600;}
.light-grey-bg{ background-color:#; padding:0px 10px;}

div.my-header{ margin-bottom:14px;}

ul.my-nav{ width:100%; margin:0px; padding:0px; display:block; background-color:#ccc;  }
ul.my-nav li{ list-style-type:none; display:inline; float:left; border-right:1px  dotted #ccc;}
ul.my-nav li a{ display:block; padding:10px 21px; background-color:#f9f9f9;text-decoration: none; color:#666;}
ul.my-nav li a:hover{ background-color: #0C6; color:#f9f9f9; }
ul.my-nav li.selected a, div#mobile-menu-wrapper ul li.selected a{ background-color: #0C6; color:#f9f9f9; }
.light-green{ color:#9C0;}
.dark-green{ color:#063;}

p img.my-responsive-image{ width:100%; height:auto; border:1px solid #ccc;}
div.my-bullet{ min-height:320px;}
div.my-bullet p{ text-align:center;}
div.my-jumbotron{ background-color:#f9f9f9; padding:11px 35px; margin-top:10px; margin-bottom:21px;}
div.my-jumbotron-1{ background-color: #0C3; padding:11px 35px; margin-top:10px; margin-bottom:21px; color:#fff;}

.big-bold{ font-size:18px; font-weight:100; /*text-shadow:#999 1px 1px;*/}

input.my-text-field, textarea.my-text-field{ border:1px solid #eee; outline-color:#666; box-shadow:none; }

p.announcement-p{ font-size:17px;}
ul#paginator{ width:100%; padding:0; margin:0; display:block; }
ul#paginator li{ width:auto; height:auto; display: inline; float:left; list-style-type:none; border:1px solid #eee; margin-right:10px; background-color:#ddd;}
ul#paginator li a{ width:auto; display:block; padding:7px 14px; color:#666;}
ul#paginator li a:focus{ width:auto; display:block; padding:7px 14px; color:#000 font-weight:bold;}

div#mobile-nav-wrapper{ display:block;}
span.fa-bar-wrapper{ border:1px solid #0c6; padding:0px 8px;font-size:28px; margin-top:px; border-radius:4px;}
span.fa-bar-wrapper a{ color:#0C6;}
a#mobile-menu-close-btn{ color:#f00;}
div#mobile-menu-wrapper{ width:85%;clear:both; display:none; position:absolute; top:50px; left:0px; z-index:1000; border:1px solid #ccc;}
div#mobile-nav-wrapper ul{ margin:0; padding:0; display:block; background-color:#eee;}
div#mobile-nav-wrapper ul li{ display:block; list-style-type:none; border-bottom:1px dotted #ccc; clear:both;}
div#mobile-nav-wrapper ul li a{display:block; padding:6px 10px;}

.pageContent{margin:35px 0px;background-color:#fff; padding:35px 15px; border:1px solid #eee;}
.pageContent:nth-child(odd){margin:10px 0px;background-color:#fcfcfc; padding:35px 15px;  border:1px solid #ccc;}
.pageContent:nth-child(even) .card-data{ background:#fcfcfc; min-height:210px;}
.pageContent:nth-child(odd) .card-data{ background:#fff; border:1px solid #eee;min-height:210px;}


input.print-forms, textarea.print-forms,  select.print-forms{ display:block; width:100%; padding:7px 14px; border:1px solid #eee; outline:medium none;}
input.print-forms:hover, textarea.print-forms:hover, input.print-forms:focus, textarea.print-forms:focus, select.print-forms:focus{border:1px solid #ccc;}

div.side-features{ padding:10px;}
div.side-features p{ margin:0px;}
div.side-features p.feature-desc{ display:block;background-color:#fcfcfc; padding:10px 21px; margin:0px; border:1px solid #eee;}