@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
body {
  font-family: 'Raleway', sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
a{
  color:#00416E;
}
img#logo {
  max-width: 350px;
  height: auto;
  margin-top:7px;
}
p, h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  line-height:140%;
}
p:last-child {
  margin-bottom: 0px;
}

#toparea {
  background : -moz-linear-gradient(50% 100% 90deg,rgba(204, 204, 204, 1) 0%,rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(204, 204, 204, 1) ),color-stop(1,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(90deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#CCCCCC' , GradientType=0);
  padding: 6px 0px;
  text-align: right;
}
.socialtop {
  margin-top:0;
}
.socialtop img {
  width:22px !important;
}
.phonelink,.phonelink:hover,.phonelink:visited {
  color:#00416E;
  margin-right:20px;
  text-decoration: none;
  font-size:18px;
  font-weight:600;
}

#branding {
  padding: 16px 0px;
  background-color:#ffffff;;
  position:relative;
  display:block;
  z-index:2;
  border-bottom:3px solid red;
}
#headright {
  margin-top:14px;
}
#tagline {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #00416E;
  border-bottom:3px solid red;
}
#tagline h1 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 0;
  font-weight:600;
}
#props {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}
#props h1 {
  color: #00416E;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0;
  font-weight:600;
}
.propmar {
  margin: 10%;
}
.iframe-container {
  position: relative;
  overflow: hidden;
  width:100%;
  height:1000px;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  border: 0;
}

#homebox {
  padding: 22px 0px;
  border-top:4px solid #00416E;
  border-bottom:4px solid #00416E;
}
#homebox h2 {
  font-weight: bold;
  color: #cc0000;
  font-size: 30px;
  padding-top:5px;
  margin-bottom:8px;
}
#homebox p {
  color: #cc0000;
  font-size: 16px;
  font-weight:500;
  line-height: 160% !important;
}

#foot {
  padding:18px 0;
  background-image:url(foot-shadow.png);
  background-repeat:repeat-x;
  color:#6d6d6d;
  font-size:14px;
  text-align:center;
}
#foot #copyright {
  padding-top: 20px;
}
#foot #copyright p {
  font-size: 11px;
  color: #8c8c8c;
}

nav#main ul {
  margin: 0px;
  padding: 0px;
  text-align: right;
  margin-top:16px;
}
nav#main ul li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  margin-left: 28px;
  text-transform: uppercase;
}
nav#main ul li:first-child {
  margin-left: 0px;
}
nav#main ul li a {
  color: #00416E;
  font-size: 16px;
  padding: 13px 0px;
  display: block;
  font-weight:700;
}
nav#main ul li a:hover {
  text-decoration: none;
  color: #0086e6;
}
#menu-icon {
  display: hidden;
  width: 40px;
  height: 40px;
  background-color: #E90003;
  color:#ffffff;
  background-image: url(menu-toggle.png);
  background-size: cover;
}
a:hover#menu-icon {
  background-color:#B70003;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
#pageinterior {
  padding: 30px 0px;
  background : -moz-linear-gradient(50% 100% 90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(230, 230, 230, 1) ), color-stop(1, rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0);
}
#pagetitle {
  background-color: #6d6d6d;
}

.pagecontent {
  background : #FFFFFF;
  background : rgba(255, 255, 255, 1);
  box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
  padding: 20px;
  font-size: 14px;
}
.pagecontent p {
  font-size: 14px;
}
.pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent ul, .pagecontent p {
  margin-bottom: 20px;
}
.pagecontent h2 {
  font-weight: bold;
  font-size: 24px;
  color: #0F3B70;
}
.pagecontent h3 {
  font-weight: bold;
  font-size: 21px;
  color: #6D6D6D;
}
.pagecontent h4 {
  font-size: 18px;
  color: #333333;
}
.pagecontent h5 {
  font-size: 18px;
  color: #000000;
}
.ph1 {
  font-size: 18px !important;
  color: #000000 !important;
  line-height: 140% !important;
}
.ph1lite {
  font-size: 18px !important;
  color: #333333 !important;
  line-height: 140% !important;
}
.ph1str {
  font-size: 18px !important;
  color: #000000 !important;
  line-height: 140% !important;
  font-weight:700;
}


a.blackbtn {
  background : #000000;
  background : rgba(0, 0, 0, 1);
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 8px 15px;
  text-decoration: none;
}
a.blackbtn:hover {
  background-color: #4D4D4D;
  color: #ffd400 !important;
}
a.redbtn {
  background : #E90003;
  background : rgba(233, 0, 3, 1.0);
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 8px 15px;
  text-decoration: none;
}
a.redbtn:hover {
  background-color: #4D4D4D;
  color: #ffd400 !important;
}
#footnav ul{
  margin-top:15px;
  text-align:center;
  margin-bottom:15px;
}
#footnav ul li{
  display:inline-block;
  margin-left:15px;
}
#footnav ul li a{
  color:#6d6d6d;
}

#homebuttons{
  
}
#homebuttons li{
  display:block;
  width:47%;
  float:left;
  margin-bottom:5px;
  margin-right:5px;
  background-color:#00416E;
  border-radius:10px;
  -moz-border-radius:10px;
}
#sidebar #homebuttons li{
  display:block;
  width:100%;
  float:none;
  margin-bottom:5px;
  margin-right:0px;
  background-color:#00416E;
  border-radius:6px;
  -moz-border-radius:6px;
}
#homebuttons li:hover{
  background-color:#001D35;
}
#homebuttons li a{
  color:#fff;
  font-weight:700;
  font-size:20px;
  display:block;
  padding:12px 20px;
  background-image:url(redarrow.png);
  background-repeat:no-repeat;
  background-position:95% 50%;
  background-size:auto 50%;
}
#sidebar #homebuttons li a{
  font-size:16px;
  padding:9px 16px;
}
#homebuttons li a:hover{
  text-decoration:none;
  color:#FFD600;
}
.pagecontent h1{
  font-weight:300;
  color:#6D6D6D;
  font-size:30px;
  padding-bottom:10px;
  background-image:url(line.png);
  background-position:bottom;
  background-size:100% auto;
  background-repeat:no-repeat;
  margin-bottom:20px;
}

/**** cymCMS specific ****/
/* gallery */
#gallery-masonry {
    margin: 0 auto;
    width: auto;
}

#gallery-masonry div.item {
    display: block;
    width: 155px;
    float: left;
    background-color: #eee;
    padding: 4px 4px;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 10px;
    opacity: 1;
    -moz-transition: opacity 0.3s ease-in-out;
}
div.yitem {
    display: table-cell;
    width: 235px;
    float: left;
    background-color: #eee;
    padding: 4px 4px;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 10px;
    opacity: 1;
    -moz-transition: opacity 0.3s ease-in-out;
}
span.ycaption {
    font-weight: 600;
}

.cymProdCaption {
  padding: 3px;
  font-size: 11px;
  color: #0160aa;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.cymDisplayTitle { display: none; }
.cymBody { padding: 8px; line-height: 130%; }
.cymBody ul li {
    list-style: disc outside none;
    margin-left: 20px;
    line-height: 125%;
    padding-bottom: 4px;
}
.cymBody ol li {
    list-style: decimal outside none;
    margin-left: 20px;
    line-height: 125%;
    padding-bottom: 4px;
}
.cymBody strong,b { font-weight: bold; }
.cymBody em,i { font-style: italic; }
.cymArticleBody { padding-top:6px; }
.cymBody .cymHeader, .cymSectHeader, .cymArticleHeader, .cymTitle, .cymGalleryHeader, span.cymHeader {
  line-height: 120%;
  font-size:18px;
  font-weight: normal;
}
.cymCalcTable td {
  padding: 3px;
}
.cymBody h4 {
  margin-top: 8px;
  margin-bottom: 10px;
}

.pagecontent ul li {
    list-style: disc outside none;
    margin-left: 20px;
    line-height: 120%;
    padding-bottom: 4px;
}

.pagecontent ol li {
    list-style: decimal outside none;
    margin-left: 20px;
    line-height: 120%;
    padding-bottom: 4px;
}
.pagecontent a {
  text-decoration:underline;
}

.cymGallery { padding: 8px; line-height: 130%; }
.cymGallery ul li {
    list-style: disc outside none;
    margin-left: 20px;
    line-height: 120%;
    padding-bottom: 4px;
}
.cymGallery ol li {
    list-style: decimal outside none;
    margin-left: 20px;
    line-height: 120%;
    padding-bottom: 4px;
}

.cymGallery strong,b { font-weight: bold; }
.cymGallery em,i { font-style: italic; }

ul.cymSiteMap { list-style: disc outside none; margin-left: 10px; }
ul.cymSiteMap ul li { line-height: 100%; }
ul.cymSiteMap ul.cymSiteMap { list-style: disc outside none; margin-left: 20px; }
ul.cymSiteMap ul.cymSiteMap ul li { line-height: 100%; }

hr.grad { border: 0; height: 0; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.3); }

.cymFormTable { width: 99%; }
.cymFormTable .fText { width: 85%; }
.cymFormTable .fTextArea { width: 85%; }
.cymFormTable .fSelect { width: 88%; }
.cymFormBody { padding: 10px 0px 0px 2px }
.cymLabel { color: #555555; }
.cymLabelRequired { color: #555555; }
.cymHelp { color: #777777; font-style: italic; }
.cymRequiredSup { color: red; font-weight: bold; }

.cymSuccess {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 8px;
}
.cymWarning {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 8px;
}

ul.checklist {
  list-style-type: none;
}
ul.checklist li {
  list-style: none inside none;
  line-height: 150%;
  padding-left:12px;
}
ul.checklist li:before {
  content: "\2713\0020";
}

.topmar8  { margin-top:8px;  }
.topmar10 { margin-top:10px; }
.topmar12 { margin-top:12px; }
.topmar16 { margin-top:16px; }
.topmar24 { margin-top:24px; }
.topmar32 { margin-top:32px; }
.topmar48 { margin-top:48px; }

/************************/
/* Mobile */
/************************/

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
ul.socialicons {
  text-align: center;
}
img#logo {
  padding: 12px 0px;
  display: block;
  margin: 0 auto;
}
nav#main ul {
  text-align:center;
}
#copyright p {
  text-align: center;
}
#copyright {
  margin-bottom: 20px;
}
#homeboxes{
  padding:30px 0px;
}
#homeboxes .col-md-4{
  border:none;
}
#homeboxes .boxarea{
  padding:10px 0px;
}
#foot .col-md-6{
  text-align:center !important;
  margin-bottom:20px;
}
#footnav ul{
  text-align:center;
}
#footnav ul li{
  display:block;
  margin-left:0px;
  margin-bottom:8px;
}
.pagecontent {
  margin-bottom:30px;
}
#homebuttons{
  margin-bottom:30px;
  padding:0px 10px;
}
}

@media (max-width: 768px) {
  #toparea{
    text-align:center;
  }
  nav#main ul {
    text-align:center;
  }
}

@media (max-width: 568px) {
nav#main {
  margin: 0 auto;
  float: none;
  margin-top: 0px;
}
#menu-icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 10px;
}
nav#main ul, nav#main:active ul {
  display: none;
  position: relative;
  padding: 20px;
  background: #00416E;
  border: none;
  margin: 0 auto;
  width: 100%;
  border-radius: 4px 0 4px 4px;
  margin-bottom: 10px;
  border:1px solid #D0D0D0
}
nav#main ul li {
  text-align: center;
  width: 100%;
  padding: 8px 0;
  margin: 0;
  margin-left: 0px;
  display: block;
}
nav#main ul li a {
  padding: 0px;
  width: 100%;
  color: #ffffff;
}
nav#main ul li a:hover {
  color:#ff0000;
}
nav#main:hover ul {
  display: block;
}
#topnav{
  margin:0px;
  padding:0px;
  text-align:center;
  display:block;
}
#topnav li{
  display:block;
  margin-bottom:5px;
  margin-left:0px;
  background-image:none;
}
#homebuttons li{
  width:100%;
  float:none;
  margin-bottom:5px;
  margin-right:0px;
}
}