/* Main CSS */

div {border:0px solid orange; }

body {padding:0; 
      margin:0; 
      color:navy;
      background-color:white; 
      font-family: arial; 
      font-size:1.4vw; 
     }

.clear {clear:both; 
       }

/* Border-box makes box model include padding and border in box size... */

*, *:before, *:after {-webkit-box-sizing: border-box; /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
                      -moz-box-sizing: border-box;    /* Firefox (desktop or Android) 28- */
                      box-sizing: border-box;         /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
                     }

/* horizontal menu link spacing - leave settings padding parm empty... */

.innertext {margin-left:.2em; 
            margin-right:.2em; 
           }

.sub {z-index:500; 
     }
    
a:link {color:blue; text-decoration:underline; }
a:visited {color:blue; text-decoration:underline; }
a:active {color:black; text-decoration:underline; }
a:hover {color:black; text-decoration:underline; }

h1 {font-size: 170%; font-weight:normal; margin-bottom:.8em; margin-top:0em; font-style:italic; }
h2 {font-size: 135%; font-weight:normal; margin-bottom:.5m; margin-top:0em; }
h3 {font-size: 115%; font-weight:normal; margin-bottom:.3em; margin-top:0em; }
h4 {font-size: 105%; font-weight:normal; margin-bottom:.2em; margin-top:0em; }

hr {height:.2em; 
    background-color:darkred; 
    color:#88161B; 
    width:80%; 
   }

input {font-size:inherit;  
       font-family:inherit; 
      }
textarea {font-size:inherit;  
          font-family:inherit; 
         }
select {font-size:inherit;  
        font-family:inherit; 
       }
option {font-size:inherit;  
        font-family:inherit; 
       }

.flashpage {background-image:url('userimages/iStock_000084725769_Large_optimized.jpg'); 
            background-size:cover; 
            min-height:33em; 
            color:black; 
           }

.flashpage a:link {color:black; font-weight:normal; text-decoration:none; }
.flashpage a:visited {color:black; font-weight:normal; text-decoration:none; }
.flashpage a:hover {color:darkred; font-weight:normal; text-decoration:none; }

.flashtext {width:50%; 
            float:left; 
            margin:2em; 0; 0; 2em; 
            font-size:200%; 
           }

.videowrapper {position: relative;
               padding-bottom: 56.25%; /* 16:9 */
               padding-top: 25px;
               height: 0;
              }

.videowrapper iframe {position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                     }

.sitewrapper {width:100%; 
              position:relative; 
              margin-left:auto; 
              margin-right:auto; 
              margin-top:0em; 
              padding:0; 
              max-width:1900px; 
              border-color:purple; 
             }

.header {width:100%; 
         float:left; 
         background-color:black; 
         color:white; 
        }

.headerleft {width:22%; 
             float:left; 
             color:white; 
             font-size:80%; 
             text-align:center; 
             border-color:red; 
             padding-bottom:.3%; 
            }

.headerright {width:78%; 
              float:right; 
             }

.headerlogo {margin:auto; 
             width:90%; 
             max-width:504px; 
             border-color:blue; 
            }

.headerphoto {width:98%; 
              margin:1em auto 0 auto;  
             }

.headerphone {font-size:250%; 
              text-align:center; 
              float:right; 
              width:28%; 
              margin:.5em 1em 0 0; 
             }

.searchbox {float:left; 
            margin:1em 0 1em 0; 
           }
 
._search {font-size:100%; 
         }

._searchentryoptions {display:none !important; 
                    }

._searchentryhelp {display:none !important; 
                  }

._searchentryinputtext {margin-right:.5em; 
                        border:1px solid lighgreen; 
                        width:7em !important; 
                       }

._searchentrysubmitbutton {border:none; 
                           width:3em !important; 
                          }

.mobilemenu {display:none; 
            }

.mainwrap {background-color:black; 
           width:100%; 
           overflow:hidden; 
          }

.leftcolumn {float:left; 
             color:white; 
             width:22%; 
             padding:.5em .5em .5em 1.8em; 
             font-size:90%; 
             background-color:black; 
             z-index:300; 
            }

.leftcolumn a:link {color:white; text-decoration:none; }
.leftcolumn a:visited {color:white; text-decoration:none; }
.leftcolumn a:active {color:white; text-decoration:none; }
.leftcolumn a:hover {color:silver; text-decoration:none; }

.vertmenuimage {width:90%; 
                margin:auto; 
                max-width:504px; 
                margin-bottom:.5em;
                font-size:120%; 
               }

.content {width:76%; 
          float:right; 
          margin:1.5% 1.8% 2% 0; 
          padding:1em 1em 1em 1em; 
          position:relative; 
          background-color:wheat; 
          font-size:110%; 
         }

.pagetitlebar {width:100%; 
               position:absolute; 
               top:1em; 
               left:0; 
               height:1.5em;
               padding-top:.15em; 
               padding-left:.55em; 
               font-size:170%; 
               background-image:url("userimages/white40pct.png"); 
              }

.pagepic {float:right; 
          width:35%; 
          margin:4em 0 .5em 1em; 
         }

.onethirdwide {float:left; 
               width:33%; 
               text-align:center; 
              }

.halfleft {float:left; 
           width:50%; 
           text-align:center; 
          }

.halfright {float:right; 
            width:50%; 
            text-align:center; 
           }

.halfcenter {width:50%;
             margin:auto;
            }

.quarterpage {float:right; 
              width:25%; 
              text-align:center; 
             }

.fullpage {float:right; 
           width:100%; 
           text-align:center; 
          }

.footer {background-color:#B2B5A4; 
         font-size:70%; 
         padding:1em; 
         text-align:center; 
         clear:both; 
        }

._3SIlinkbackwrapper {width:100%; 
                      font-size:80%; 
                      margin:.5em auto .5em auto; 
                      padding:.2em .2em .2em .2em; 
                      text-align:center; 
                      overflow:hidden; 
                      -moz-border-radius-bottomright: 20px 20px;
                      border-bottom-right-radius: 20px 20px;
                      -moz-border-radius-bottomleft: 20px 20px;
                      border-bottom-left-radius: 20px 20px;
                      -moz-border-radius-topright: 20px 20px;
                      border-top-right-radius: 20px 20px;
                      -moz-border-radius-topleft: 20px 20px;
                      border-top-left-radius: 20px 20px; 
                     }

._3SIlinkbacktext {color:black; 
                   font-size:80%; 
                   margin-top:.4em; 
                   margin-right:2em; 
                   float:right; 
                  }
  
._3SIlinkbackwrapper a {color:black; }

._3SIlinkbackwrapper img {width:10em; 
                          max-width:300px; 
                          height:auto; 
                          float:right; 
                          margin-right:1em; 
                         }


.roundcorners {
              -moz-border-radius-bottomright: 20px 20px;
              border-bottom-right-radius: 20px 20px;
              -moz-border-radius-bottomleft: 20px 20px;
              border-bottom-left-radius: 20px 20px;
              -moz-border-radius-topright: 20px 20px;
              border-top-right-radius: 20px 20px;
              -moz-border-radius-topleft: 20px 20px;
              border-top-left-radius: 20px 20px;
             }

/*                              */
/* Begin phone layout overrides */
/*                              */

@media only screen and (max-device-width: 1081px) {

body {font-size:5vw; 
      background-color:white; 
     } 
.sitewrapper {width:100%; 
              padding:0; 
              border:0; 
              margin:0; 
             }
.phoneonly {display:block; 
           }
.primarymenu {display:none; 
             }
.headerleft {width:100%; 
             font-size:70%; 
            }
.headerright {display:none; 
             }
.headerlogo {width:50%; 
             float:left; 
             margin:none; 
            }
.headertext {margin-top:1.6em; 
            }
.headername {font-size:270%; 
             width:50%; 
             margin:0 0 0 .5em; 
            }
.headerphone {font-size:180%; 
              float:none; 
              width:60%; 
              margin:auto; 
             }
.searchbox{float:none; 
           width:66%; 
           margin:auto; 
          }

.headersocial {width:30%; 
               margin:3.2% 3.5% 0 0; 
              }
.socialicon {width:28%; 
             margin:0 1% 0 0; 
             max-width:64px; 
            }
.halfleft {width:100%; 
          }
.halfcenter {width:90%;
            }
.leftcolumn {display:none; 
            }
.mobilemenu {display:block; 
             font-size:150%; 
             margin:0 0 0 1%; 
             border-top:.2em solid #B21E28; 
            }
._menuitem {margin-left:1em !important; 
           }
.hamburgerbutton {float:left; 
                  margin:1% 3% 0 3%;
                 }
.content {width:95%; 
          border-left:none;
          margin:2% 2.5% 2% 2.5%; 
         }
.pagetitlebar {top:.2em; 
              }
._3SIlinkbacktext {font-size:40%; 
                  }

                                                  }

/*                              */
/* End phone layout overrides   */
/*                              */