body { font-family: Arial, Helvetica, sans-serif; background: #fff url(/clipart/backgrounds/sidebar/grayWhiteBlueLines.gif) center center; font-size: 130%; font-weight: bold;  }

#navcontainer { width:80%; margin: auto; position: relative; }
#container { width: 870px; margin: auto; position: relative; }
#container-wide { width: 100%; max-width: 1000px; margin: auto; position: relative; background-color: #fff; padding: 0 30px; }

div.center, p.center, h2.center { text-align: center; }

#google_translate_element { position: absolute; left: -200px; top: 20px; }

#main { clear: left; padding-top: .4em; padding-right: 380px; }

img.full-width { width: 106%; margin-left: -3%; }

h1, h1.red { font-size: 1.2em; color: #fff; background-color: #000; padding: 3px 6px; }
h1.red
h2 { font-size: 2.9em; margin-bottom: .6em; }
address { font-style: normal; font-size: 1.3em; }
address a { text-decoration: none; color: #000; }

.floathours { float: right; margin-top: 0; }

#ccards { max-width: 160px; }

.clearfix { clear:both; }

.gray { color: #666;  font-weight: normal; }

table.table th { text-align: left; }
table.table td { font-weight: normal; }

div.fingerprint { background: url(/images/fingerprint2.gif) top left no-repeat; background-size: 130px; padding-left: 150px; font-size: .60em; }

ul.checkmark {
margin: 12px;
padding: 0;
}
ul.checkmark li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1.2em;
}

body:nth-of-type(1) ul.checkmark li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}

body:nth-of-type(1) ul.checkmark li:before{
/*fill it with a blank space*/
content:"\00a0";

/*make it a block element*/
display: block;

/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border: solid 9px #000;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;

/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}
body:nth-of-type(1) ul.checkmark li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;

/*Make it a small rectangle so the border will create an L-shape*/
width: 3px;
height: 6px;

/*Add a white border on the bottom and left, creating that 'L' */
border: solid #fff;
border-width: 0 2px 2px 0;

/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -4px;

/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

.red { color: #c00; }
.red a { color: #c00; }
.blue, .blue a { color: #004a80; }
.orange { color: #d27809; }
.green, .green a { color: green; }

.smaller { font-size: .80em; }
.larger { font-size: 1.3em; }

#nav { margin: 0 40px 0 0; padding: 0; list-style-type: none; }
#nav li { display: inline; float: left; padding: 5px 15px; background-color: #ccc; font-size: .65em; margin: 0; border: 1px solid #333; }
#nav li.redtab { background-color: #c00; }
#nav li a { color: #666; text-decoration: none; }
#nav li.redtab a, #nav li.bluetab a { color: #eee; }
#nav li.bluetab { background-color: #004a80; }
#nav li:hover { background-color: #666; }
#nav li:hover a { color: #eee; }

#scanimg { position: absolute; right: 228px; top: 224px; }


.myButton {
   -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
   -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
   box-shadow:inset 0px 1px 0px 0px #cf866c;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
   background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
   background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
   background-color:#d0451b;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:1px solid #942911;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:26px;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
   background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
   background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
   background-color:#bc3315;
}
.myButton:active {
   position:relative;
   top:1px;
}

#myUL {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #myUL li a {
        border: 1px solid #00335B;
        margin-top: -1px; /* Prevent double borders */
        background-color: #ffffff;
        padding: 12px;
        text-decoration: none;
        font-size: 18px;
        color: #3d3d3d;
        display: block;
        font-weight: 600;
    }

    #myUL li a:hover {
        background-color: #004a80;
        color: #fff;
        border-color: #00335B;
    }

@media all and (max-width: 1500px) {
      #google_translate_element { position: static; }
}

@media all and (max-width: 799px) {
   body { background-image: none; }
   #container { width: 95%; }
   #google_translate_element { margin-left: 60px; margin-top: 40px; }
   #main { padding-left: 1em; padding-right: 1em; }
   img.full-width { width: 100%; margin-left: 0; }
   #scanimg { display: none; }
   #nav { margin: 0; }
}
@media all and (max-width: 499px) {
   div.fingerprint { background-position: top right; background-size: 60px; padding-left: 0; }
   #nav li { display: block; float: none; text-align: center; }
   h2 { font-size: 2.1em; }
   .floathours { float: none; margin-top: 15px; }
   #ccards { max-width: 499px; }
}
@media all and (max-width: 399px) {
   div.fingerprint { background-image: none; }
}