﻿* {
margin: 0;
padding: 0;
border: 0;
}

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html {
overflow-y: scroll;
}
table {
border-collapse: collapse;
}
td {
vertical-align: top;
}

html, body {
    min-height: 100%; font-size: 1.2em;
}

body {
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-size: 12px;
background: #fff;
}

@media (min-width: 1120px), (min-height: 630px) {
    body { background-size: auto; }
}

h1 {
font-size: 26px;
line-height: 26px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: bold;
padding-top: 14px;
padding-left: 20px;
margin: 3px 0 10px -20px;
text-align: left;
letter-spacing: 0px;
word-spacing: 2px;
color: #1A1615;
}
h2 {
color: #024;
font-size: 15px;
line-height: 22px;
font-weight: 400;
letter-spacing: 0px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
}
h2.multi {
font-size: 20px;
line-height: 22px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
padding: 5px 0 0 20px;
margin: 5px 0 7px -20px;
text-align: left;
color: #1A1615;
letter-spacing: 0px;
font-weight: bold;
}
h2.multiuse {
font-size: 16px;
line-height: 24px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
padding: 5px 0 0 20px;
margin: 5px 0 7px -20px;
text-align: center;
color: #1b0;
letter-spacing: 0px;
font-weight: bold;
}
h2.multiple {
font-size: 16px;
line-height: 26px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: bold;
padding: 14px 0 0 20px;
margin: 6px 0 10px -20px;
text-align: left;
letter-spacing: 0px;
word-spacing: 2px;
color: #1A1615;
}
h2.multipleright {
font-size: 16px;
line-height: 20px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: 400;
padding-top: 8px;
margin: 13px 0 5px 0;
text-align: right;
letter-spacing: 0;
word-spacing: 2px;
color: #1A1615;
text-transform: uppercase;
}
h3 {
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: normal;
font-size: 17px;
color: #1A1615;
letter-spacing: -1px;
margin-bottom: 5px;
}

h5.bartitle {
color: #003;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-size: 24px;
font-weight: normal;
margin-bottom: 10px;
}
h5#indica {
display: inline;
font-weight: normal;
font-variant: small-caps;
color: #aaa;
}
h5.multiple {
font-size: 13px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: normal;
}
h6 {
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
letter-spacing: 1px;
padding: 0 20px;
background: #fff;
color: #002;
}
hr {height: 3px; margin: 20px 0; background-color: #777;}
a {
text-decoration: none;
}
a.logostyle {font-family: 'Quattrocento Sans', sans-serif; font-size: 24px; font-weight: bold; color: #104D69; letter-spacing: -1px;}
a.logostyle:hover {text-decoration: none; color: #003D59;}


/*   N A V I G A T I O N    */

a.mainnav {font-family: 'Quattrocento Sans', sans-serif; width: 210px; font-size: 20px; letter-spacing: -1px; background-color: #aaa; color: #fff; padding: 4px 0 2px; margin: 0 0 1px 0;
display: block; text-align: center; border: 1px solid #ddd;}
a.mainnav:hover {color: #444444; background-color: #9CBE2C;}


a#closer {
font-family: 'Quattrocento Sans', Arial, sans-serif;
padding: 4px;
background: #f00;
border: 1px solid #ddd;
color: #fff;
}
a#direct {
font-family: 'Quattrocento Sans', Arial, sans-serif;
text-transform: uppercase;
padding: 4px;
background: #093;
border: 1px solid #ddd;
color: #fff;
float: right;
}
#master {
margin: 8px auto;
width: 975px;
vertical-align: top;
background: #fff;
}
#master2 {
margin: 8px auto;
width: 975px;
vertical-align: top;
}
#mister {
margin: 0 auto;
width: 975px;
}
.clone {
margin: 0 auto;
width: 975px;
background: #fff;
}
.clone2 {
margin: 0 auto;
width: 975px;
background: #eee;
}
#topbanner {
margin: 0 auto;
width: 975px;
vertical-align: top;
}
#ad {
float: right;
vertical-align: middle;
padding-right: 10px;
}
#ad2 {
float: right;
vertical-align: top;
font-size: 9px;
padding: 0 15px 0 0;
}
#banner {
padding: 15px 0 0 10px;
vertical-align: bottom;
}
a.stack {
margin: 0 0 1px 0;
display: block;
}
a:active.stack {
margin: 0 0 1px 0;
display: block;
}
a:visited.stack {
margin: 0 0 1px 0;
display: block;
}
#navbox {
vertical-align: top;
width: 230px;
}
.leftad {
font-size: 12px;
margin: 3px auto 0 auto;
border-top: 1px solid #BBB;
border-left: 1px solid #BBB;
padding: 3px 0;
background: #000;
text-align: center;
}
.leftap {
font-size: 12px;
margin: 3px auto 0 auto;
border-top: 1px solid #BBB;
border-left: 1px solid #BBB;
padding: 3px 0;
background: #fff;
text-align: center;
}
.leftish {
font-size: 12px;
margin: 3px 0 0 0;
border-top: 1px solid #fff;
border-left: 1px solid #fff;

text-align: left;
}
.leftnav {
font-size: 12px;
padding: 0 0 5px 0;
margin: 2px 3px 0 0;
text-align: left;
color: #003;
}
.leftnav a {
margin-left: 10px;
color: #008080;
text-decoration: underline;
font-weight: bold;
}
.leftnav a:hover {
color: #369;
}
.leftnav h3 {
font-family: 'Quattrocento Sans', Arial, sans-serif;
margin-top: 25px;
}
.leftnav2 {
font-size: 12px;
padding: 10px 0 10px 10px;
margin: 3px 0 0 0;
border-top: 1px solid #BBB;
border-left: 1px solid #BBB;
background: url(images/lightstripe.png) repeat;
text-align: left;
color: #002;
}
.leftnav3 {
font-size: 12px;
padding: 10px 0;
margin: 3px 3px 0 0;
border-top: 1px solid #BBB;
border-left: 1px solid #BBB;
background: #fff;
text-align: left;
color: #002;
}
.productright {
border: 2px solid #EEE;
margin-top: 20px;
text-align: center;
}
#rightcolumn {
vertical-align: top;
width: 745px;
padding: 5px 0 0 10px;
}
#contenthome {
padding: 4px 10px 15px 0;
background: #fff;
line-height: 18px;
text-align: left;
margin-right: 3px;
}
#content {
padding: 10px 10px 15px 10px;
background: #fff;
line-height: 18px;
text-align: left;
margin: 2px 2px 2px 0;
font-size: 13px;
}
#content a {
color: #2d6e89;
}
#content a:hover {
color: #333;
text-decoration: underline;
}
div.office {
width: 700px;
text-align: right;
line-height: 12px;
}
a.noline {
text-decoration: none;
}
.push {
padding: 0 10px; 
}
.pushblue {
text-align: center;
background: #004990; 
}
.pushfar {
padding: 10px 10px 0 10px;
text-align: justify;
line-height: 10px;
}
.push a {
color: #008080;
text-decoration: none;
}
.push a:hover {
color: #333;
text-decoration: underline;
}
#bottomnav {
margin: 3px 0;
padding: 5px 10px 3px 10px;
text-align: center;
background: #f1f1f1;
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-weight: normal;
font-size: 0.8em;
}
#bottomnav a {
color: #008080;
font-size: 11px;
}
#bottomnav a:hover {
color: #008080;
text-decoration: underline;
}
a.under {
text-decoration: underline;
}
.rightline {
text-align: right;
}
.right30 {
text-align: left;
padding-left: 30px;
}
.right20 {
text-align: left;
padding-left: 50px;
}
.right10 {
text-align: left;
padding-left: 23px;
}
.rightNS {
text-align: left;
padding-left: 10px;
font-size: 0.9em;
}
.midsection {
text-align: center;
vertical-align: top;
}
.article {
padding: 5px;
}

.mini {font-size: 8px;}

a.mini {font-size: 8px;}

a.lynxmini {
font-size: 16px;
color: #008080;
font-family: 'Quattrocento Sans', Arial, sans-serif;
text-decoration: none;
font-weight: normal;
line-height: 22px;
}
a.lynxmini:hover {
text-decoration: underline;
}

a.catmini {
font-size: 13px;
color: #008080;
font-family: 'Quattrocento Sans', Arial, sans-serif;
line-height: 17px;
text-decoration: none;
font-weight: bold;
}
a.catmini:hover {
text-decoration: underline;
}
a.catmini3 {
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 18px;
}
.maxi {
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: underline;
}
.notsomini {
font-size: 11px;
line-height: 11px;
text-align: left;
margin-left: 15px;
}
.subs {
width: 560px;
text-align: justify;
padding: 15px;
background: #fff;
border: 1px solid #555;
font-size: 10px;
}
.floatright {
float: right;
}
.floatright a {
text-decoration: underline;
}
#leftblurb {
vertical-align: top;
padding: 0 20px;
}
#left3 {
width: 300px;
vertical-align: top;
}
#right {
vertical-align: top;
padding: 0 20px;
}
#rightblurb {
width: 300px;
vertical-align: top;
font-size: 10px;
line-height: 13px;
}
#bannercell {
width: 300px;
vertical-align: top;
padding-top: 20px;
float: right;
}
.cushion {
margin: 5px;
padding: 5px;
border: 1px solid #000;
}
.cush {
padding: 0 10px 10px 0;
}
img.bord {
border: 1px solid #443;
}
.cushy {
margin-left: 10px;
border: 1px #000 solid;
}
.cushyright {
margin-right: 10px;
border: 1px #000 solid;
}
.grey {
padding: 25px;
}
#restaurants {
width: 300px;
text-align: center;
line-height: 16px;
}
#restaurants a {
color: #008080;
font-size: 10px;
font-weight: bold;
}
#restaurants a:hover {
color: #555;
text-decoration: underline;
}
h1#silver {
color: #445;
font-size: 16px;
font-weight: normal;
padding-left: 20px;
}
a.dark {
color: #333;
}
#overtime {
font-family: 'Quattrocento Sans', Arial, sans-serif;
position: absolute;
z-index: 30;
top: 400px;
left: 45%;
color: #123;
font-size: 10px;
font-weight: bold;
margin-left: 120px;
}
#logged {
position: absolute;
z-index: 30;
top: 306px;
left: 50%;
color: #123;
font-size: 9px;
margin-left: -205px;
font-family: 'Quattrocento Sans', Arial, sans-serif;
text-transform: uppercase;
font-weight: normal;
}
.story {
margin: 15px 0;
padding: 5px;
border-left: 2px solid #EEE;
border-top: 2px solid #EEE;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #fff;
text-align: justify;
}
.story br {
height: 8px;
}
.time {
text-align: right;
font-size: 9px;
color: #004;
}
.just {
text-align: justify;
}
.bordered {
border-top: 2px solid #EEC;
border-left: 1px solid #EEC;
border-bottom: 1px solid #CCA;
border-right: 1px solid #CCA;
padding: 2px 3px 12px 3px;
background: #EED;
}
a.blueleaf {
color: #008080;
font-weight: normal;
text-decoration: underline;
font-size: 11px;
}
a:hover.blueleaf {
color: #008080;
}
.poll {
border: 1px solid #000;
font-size: 10px;
padding: 10px;
}
#polls {
border: 1px solid #000;
font-size: 10px;
padding: 10px;
display: inline;
float: right;
margin-left: 20px;
height: 175px;
}
textarea {
border: 2px solid #ddd;
background: #fff;
}
input {
border: 1px solid #bbb;
background: #fff;
}
input.plain {
background: transparent;
}
input.bf {
margin-top: 10px;
background: #ccc;
border: 1px solid #aaa;
margin-right: 5px;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
.gallery {
padding: 2px 4px;
background: #ddc;
margin: 0 3px 0 0;
border: 1px solid #fff;
/*-moz-box-shadow: 0 0 5px 2px #bba;
-webkit-box-shadow: 0 0 5px 2px #bba;
box-shadow: 0 0 5px 2px #bba;*/
}
.gallery2 {
padding: 1px 3px;
margin: 0 1px 5px 0;
background: #ddc;
border: 1px solid #fff;
/*-moz-box-shadow: 0 0 5px 2px #bba;
-webkit-box-shadow: 0 0 5px 2px #bba;
box-shadow: 0 0 5px 2px #bba;*/
}
.gallery3 {
padding: 2px 5px;
margin: 0 5px 5px 0;
background: #eee;
border: 1px solid #fff;
/*-moz-box-shadow: 0 0 5px 2px #bba;
-webkit-box-shadow: 0 0 5px 2px #bba;
box-shadow: 0 0 5px 2px #bba;*/
}
.submitButton {
background: #1A1615;
color: #9CBE2C;
padding: 2px 4px 4px 4px;
font-size: 0.9em;
font-weight: bold;
}
.sk8r {
width: 129px;
display: inline;
text-align: center;
}
.twotwenty {
width: 220px;
padding-left: 30px;
}
.bubble {
background: url(images/bubble.jpg) no-repeat;
background-position: center top;
text-align: center;
width: 275px;
font-weight: bold;
font-size: 10px;
padding-top: 25px;
}
.bubble2 {
background: url(images/bubble2.jpg) no-repeat;
background-position: center top;
text-align: center;
width: 275px;
font-weight: bold;
font-size: 10px;
padding-top: 37px;
}
.midadbox {
width: 100%;
margin: 50px auto 0;
text-align: center;
}
#binger {
text-align: center;
margin: 20px auto;
width: 945px;
background: #fff;
vertical-align: top;
}
#bonger {
margin: 15px;
padding-top: 10px;
}
.nudge {
padding-left: 10px;
}
.lastten {
padding: 10px;
line-height: 1.1em;
}
.lastten a {
color: #008080;
}
.lastten a:hover {
text-decoration: underline;
}
.lasting {
padding: 4px 0;
border-bottom: 1px solid #ddd;
}
table.postbox {
width: 600px;
}
div#white {
background: #fff;
padding: 5px;
}
p#warning {
font-size: 9px;
font-weight: bold;
margin-top: 3px;
color: #000;
}
.logbutt {
margin: 3px 0 3px 0;
background: #ddd;
font-size: 10px;
text-transform: uppercase;
font-family: 'Quattrocento Sans', Arial, sans-serif;
}
form#backfor {
text-align: right;
margin-top: 10px;
}
#title {
font-family: 'Quattrocento Sans', Arial, sans-serif;
font-size: 50px;
line-height: 50px;
}
#title a {
color: #333;
text-decoration: none;
}
#title a:hover {
color: #222;
}
.greentd {
background: url(imgs/green.jpg) repeat;
font-weight: bold;
padding: 2px 4px;
}
.bluetd {
background: url(imgs/blue.jpg) repeat;
font-weight: bold;
padding: 2px 4px;
}
.purpletd {
background: url(imgs/purple.jpg) repeat;
font-weight: bold;
padding: 2px 4px;
}
.ltbluetd {
background: url(imgs/ltblue.jpg) repeat;
font-weight: bold;
padding: 2px 4px;
}
.redtd {
background: url(imgs/red.jpg) repeat;
font-weight: bold;
padding: 2px 4px;
}
table.chan td {
padding: 2px 4px;
border: 1px solid #555;
}
.cont {
width: 550px;
}
.inland {
display: inline-block;
vertical-align: top;
padding: 20px 40px 0 0;
}
.inlined {
display: inline-block;
vertical-align: top;
padding: 10px 0;
width: 140px;
}
.capper {
display: block;
vertical-align: top;
padding: 2px 6px 0 4px;
text-align: left;
line-height: 12px;
font-size: 9px;
color: #555;
}
input.white {
background: #fff;
border: 0;
padding: 0;
margin: 0;
}
img.forumpic {
margin: 5px;
border: 2px solid #ccc;
background: #ddd;
padding: 2px 3px 8px 3px;
}
#copyright {
font-size: 9px;
color: #555;
text-align: left;
vertical-align: bottom;
margin: 5px 0 3px 0;
padding: 50px 0 10px 20px;
}
table#book {
text-align: left;
}
table#book tr {
border-bottom: 2px solid #eee;
}
td.name, td.name2 {
padding: 2px 14px 2px 4px;
line-height: 1.5em;
text-transform: capitalize;
}
td.name2 {
font-weight: bold;
}
td.address, td.address2 {
padding: 2px 14px 2px 4px;
font-size: 0.9em;
}
td.address2 {
font-weight: bold;
}
#content td.address2 a {
text-decoration: none;
}
td.city, td.city2 {
padding: 2px 14px 2px 4px;
font-size: 0.9em;
}
td.city2 {
font-weight: bold;
}
td.phone, td.phone2 {
padding: 2px 0 2px 8px;
font-size: 0.9em;
}
td.phone2 {
font-weight: bold;
}
.sign {
border: 2px solid #ddd;
background: #fff;
}
img.nobreaker {
max-width: 420px;
overflow: hidden;
}
div#lilap {
text-align: left;
background: #fff;
margin-top: 10px;
}
div#mov {
margin-left: 10px;
margin-top: 10px;
}
div#mov input, div#mov textarea {
background: #fff;
border: 2px solid #bbb;
}
div#mov input.darth {
background: #777; 
color: #fff;
border: 2px solid #bbb;
font-weight: bold;
}
.lift {
margin-top: -20px;
}
a.bigno {
text-decoration: none;
color: #000;
}
a.red {
font-weight: bold;
padding: 0 3px;
color: #930;
}
span.red {
color: #c00; font-weight: bold;
}
span.gold {
color: #ca0; font-weight: bold;
}
span.green {
color: #2c2; font-weight: bold;
}
span.orange {
color: #c60; font-weight: bold;
}
span.pager {
padding: 0 3px;
}
span.nudge {
padding-right: 4px;
}
#content td.address a {
text-decoration: none;
}
#content td.address a:hover {
text-decoration: underline;
}
.social {
margin-top: 8px;
text-align: right;
width: 380px;
height: 40px;
padding-left: 25px;
}
#gcstore td {padding: 5px;}
div.highbox {background: #fff;padding:10px;}

.formlrg {font-size: 20px; color: #fff; background: #860400;}

div.lab a {color: #2d6e89; font-weight: bold; font-size: 14px;}
div.lab a:hover {text-decoration: underline;}

div.block {font-family: Verdana, Arial, sans-serif; display: inline-block; padding: 0px 4px 11px 4px; vertical-align: top; text-align: left; margin: 20px 4px 0 4px; font-size: 14px; line-height: 1.6em; background: #fff; }
a.lynxmini {color: #008080;}
div.blockad {display: inline-block; padding: 0px 10px 6px 10px; vertical-align: top; text-align: left; margin: 20px 0 0 0; font-size: 14px; }

span.alph {padding: 2px 4px; background: #1A1615; color: #9CBE2C; font-weight: bold;}

div.prices {display: inline-block; font-size: 1.3em; line-height: 1.5em; margin: 10px 20px 10px 0; vertical-align: top;}

.maploc {font-size: 14px; color: #1A1615;}




/* grid */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 2px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 0 2px;
  width: 99%;
}

.col-1-2 {
  width: 335px; text-align: center;
}

.col-1-3 {
  width: 229px; text-align: center;
  padding: 0 1px;  
}

.col-1-4 {
  width: 175px; text-align: center;
  padding: 0 1px;  
}

.col-1-6 {
  width: 113px; text-align: center;
}
