html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
margin: 0 auto;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
/*font-size:16px;*/
}
.small {
font-size:12px;
}
footer, header {
position: relative;
clear: both;
}
.padding {
padding:30px;
}
.right-column, footer/*, header*/ {
border: 1px solid #ccc;
padding: 1.25em;
margin: .5em;
}
header {
padding-left:1.25em;
}
a.header:link, a.header:hover, a.header:visited, a.header:active {
display:block;
text-decoration: none;
color: #ffffff;
}
.left-column {
padding: 1.25em;
margin: .5em;
}
.header {
background-color: #004080;
}
.social {
padding-bottom:-3px;
}
h1, h2 {
margin-top: 5px;
margin-right: 30px;
margin-bottom: 5px;
margin-left:20px;
color:#FFFFFF;
}
h1 {
font-size:100%;
padding-top:5px;
}
h2 {
font-size:80%;
padding-bottom:5px;
}
h2.header {
}
h2.sub {
visibility:hidden;
clear:both;
display:none;
}
h3 {
font-weight:bold;
}
/*added below for mobile dropdown menu*/
.dropdown {
visibility:visible;
clear:both;
display:block;
}
.mobile-spacing {
line-height:200%;
}
.web-states {
visibility:hidden;
clear:both;
display:none;
}
.focus {
color:#ff6633;
}
.highlight {
background-color:#ffff00;
}
select {
font-size:150%;
}
.justify {
text-align:justify;
margin-right:20px;
}
.left {
text-align:left;
margin-left: 20px;
}
.center {
text-align:center;
}
.keywords {
font-size:12px;
color:#999;
padding-left:20px;
padding-right:15px;
}
.nospace {
line-height:100%;
}
a:link {
text-decoration: none;
color: #004080;
}
a:visited {
text-decoration: none;
color: #004080;
}
a:hover, a:active {
text-decoration: underline;
color: #ff6633;
font-weight:bold;
}
a:link.larger, .larger
{
font-size:14pt;
line-height: 200%;
padding:3px 5px 3px 10px;
}
.nav {
font-size:24px;
list-style: none;
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}
.nav > li,
.nav > li > a {
display: block;
margin-bottom:10px;
zoom: 1;
}
#web {
visibility:hidden;
clear:both;
display:none;
}
.left-column {
padding: 0 0 0 0;
}
.right-content {
margin-right: 10px;
}
#footer {
margin-left: auto;
margin-right: auto;
display: block;
width: 90%;
text-align:center;
}
.footer {
text-align:center;
}
img { /*this scales images for device*/
max-width:100%;
height:auto;
}
.side
{
background-color:#f5f7fe;
border: 1px solid #004080;
border-bottom: 5px solid #004080;
}
.mobilelinks {
line-height:200%;
}
.sideheader
{
background-color:#004080;
text-align:center;
color:#ffffff;
font-weight:bold;
}
.sidecontent
{
font-size:20px;
padding-left:20px;
padding-right:15px;
line-height:250%;
}
.mobile-more
{
padding-left:20px;
padding-right:15px;
}
.more-web {
visibility:hidden;
clear:both;
display:none;
}
.tablet {
visibility:hidden;
clear:both;
display:none;
}
.more-creds {
visibility:hidden;
clear:both;
display:none;
}
.columnhrs {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
.columnhrs4 {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
}
/*For Google Map*/
.google-maps {
position: relative;
padding-bottom: 75%; /* This is the aspect ratio*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.buynow {
background-color:#004080;
color:#FFF;
font-weight:bold;
padding:5px;
}
option {
background-color:#ffcc99;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.right-column, footer {
border: 0px solid #ccc;
padding: 1.25em;
margin: .5em;
}
header {
border: 0px solid #ccc;
padding: .5em;
}
h1 {
font-size:120%;
}
h2 {
font-size:110%;
}
h2.sub {
visibility:visible;
clear:both;
display:block;
font-size:90%;
color:#FFF;
}
.sidecontent
{
font-size:16px;
line-height:200%;
}
.right-content {
margin-right: 10px;
}
#states1, #states2, #states3, #states4, #states5
{
display:table-cell;
width:20%;
font-size:auto;
padding: 10px 0 0 0;
}
.more-web {
visibility:hidden;
clear:both;
display:none;
}
.tablet {
visibility:visible;
clear:both;
display:block;
}
/* Desktop Layout: 769px to a max of 1232px - or 48.0625em to a max of 77em. Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 769px ) {
p {
text-align:justify;
}
h1 {
font-size:150%;
}
h2 {
font-size:120%;
}
h2.header {
color:#FFF;
}
.nav {
visibility:hidden;
clear:both;
display:none;
margin:0 0 0 0;
}
#web
{
visibility:visible;
clear:both;
display:block;
background-color:#f5f7fe;
border: 1px solid #004080;
padding: 5px 5px 5px 13px;
}
ul.top
{
display:inline;
padding: 0px 10px 0px 0px;
text-align:left;
}
li.top, li.toplast
{
display:inline;
padding: 0px 10px 0px 8px;
text-align:left;
}
li.top
{
border-right: 1px solid #999;
text-align:left;
}
li.toplast
{
border-right: 0px solid #999;
text-align:left;
}
ul li a.top:link, ul li a.top:visited
{
text-decoration: none;
color:#004080;
text-align:left;
}
ul li a.top:hover, ul li a.top:active
{
text-decoration:underline;
color:#ff6633;
text-align:left;
}
ul li a.class:link, ul li a.class:visited
{
text-decoration: none;
color:#004080;
text-align:left;
text-height:125%;
}
ul li a.class:hover, ul li a.class:active
{
text-decoration:underline;
color:#ff6633;
text-align:left;
}
.inline-items {
margin-top: 0;
}
.inline-items li {
margin-left: 0;
border-left: 1px solid black;
padding-left: 10px;
padding-right: 10px;
}
.inline-items li:first-child {
margin-left: 0;
border: none;
padding-left: 0;
padding-right: 10px;
}
.inline-items li:last-child {
padding-right: 0;
}
.columns-container {
float: left;
}
.full-width {
float: left;
width:80%;
}
.sidecontent
{
line-height:120%;
}
.left-column {
width: 18.75em;
margin-top: 0;
margin-right: -19.3em;
float: left;
}
.right-column {
margin-top: 0;
margin-left: 20em;
float: left;
}
.right-content {
margin-right: 0px;
}
.more-creds {
visibility:visible;
clear:both;
display:block;
}
.more-web {
visibility:visible;
clear:both;
display:block;
}
.tablet {
visibility:hidden;
clear:both;
display:none;
}
/*added below for mobile dropdown menu*/
.dropdown {
visibility:hidden;
clear:both;
display:none;
width:auto;
}
.web-states {
visibility:visible;
clear:both;
display:block;
}
#table
{
display:table;
width:100%;
padding:0 0 0 0;
}
#row
{
display:table-row;
}
#states1, #states2, #states3, #states4, #states5
{
display:table-cell;
width:20%;
padding: 10px 0 0 0;
margin-right:20px;
white-space:nowrap;
}
.topheader
{
font-size:10pt;
background-color:#004080;
padding: 5px 3px 5px 3px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
td.cats
{
background-color:#f5f7fe;
border: 1px solid #004080;
line-height:125%;
font-size:80%;
border-bottom: 5px solid #004080;
}
p.cats
{
font-size:10pt;
font-variant:normal;
margin:10px 0px 0px 0px;
padding:3px 5px 3px 10px;
border-bottom: 0px solid #999999;
border-left: 0px;
border-right: 0px;
border-top: 0px;
text-align:left;
}
.columnhrs {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}