/* /cr/style1.css
-Type selectors match html element names.
-Class selectors match html elements whose class attribute matches the class selector.
-ID selectors match element whose ID elattribute matches
*/
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 125%;
background-color: #F5FFFA; /* MintCream */
}
.page {
width: 100%;
/* top right bottom left */
padding: 0.5% 0.5% 0.5% 0.5%;
margin: 0.5% 0.5% 0.5% 0.5%;
}
img, embed, object, video {
max-width: 100%;
display: block; margin: 0 auto;
}
.lede {
width: 98%;
/* top right bottom left */
/*
padding: 0.5% 0.5% 0.0% 0.5%;
margin: 0.5% 0.5% 0.0% 0.5%;
*/
}
.lede img {
width: 98%;
/* top right bottom left */
padding: 0.0% 0.0% 0.0% 0.0%;
margin: 0.0% 0.0% 0.0% 0.0%;
}
nav ul {
width: 96%;
font: normal 3.625em/0.9; /* 58px / 16px */
text-decoration: none;
text-transform: uppercase;
display: block;
/* top right bottom left */
margin: 1.0% 0.0% 2.0% 0.0%;
padding: 1.0% 0.0% 2.0% 0.0%;
}
.forms ul {
list-style-image: url("media/pdf.gif");
width: 100%;
/* font: normal 3.625em/0.9; */ /* 58px / 16px */
/* top right bottom left */
padding: 0.5% 0.5% 0.5% 0.0%;
margin: 0.5% 0.5% 0.5% 0.0%;
}
.forms ul li {
width: 100%;
display: table;
vertical-align: middle;
/* border: thin solid #000000; */ /* Black */
}
.forms ul li a ,
.forms ul li p {
float: left;
vertical-align: middle;
/* display: inline-block; */
/* display: block; */
/* width: 160px; */
/* top right bottom left */
padding: 0.5% 0.5% 0.5% 0.0%;
margin: 0.5% 0.5% 0.5% 0.0%;
/* border: thin solid #000000; */ /* Black */
}
a {
text-decoration: none;
color: #d14414; /* GGBridge */
}
a:link {
color: #d14414; /* GGBridge */
}
a:visited {
color: #872657; /* Dark Raspberry */
color: #d14414; /* GGBridge */
color: #922f0e; /* GGBridge darker sister */
}
a:hover {
text-decoration:none;
/* background-color: #d3d3d3; */ /* lightgray */
background-color: #dddddd; /* lighter gray */
color: #FF00FF; /* Magenta */
color: #c61236; /* Red */
color: #872657; /* Dark Raspberry */
}
a:active {
background-color: #000080; /* Navy */
color: #ffFFFF; /* White */
}
a img { border: 1px solid #d3d3d3;
}
a img:hover {
border:1px solid #8B0000;
}
th {
text-align: left;
}
nav ul li {
-webkit-font-smoothing: antialiased;
letter-spacing: 1px;
display: table;
float: left;
color: #0000FF; /* Blue */ /* Color indicator */
color: #191970; /* Midnight Blue */ /* Color indicator */
width: 16.3333%; /* one row of six menu items */
/* top right bottom left */
margin: 0.0% 0.0% 0.5% 0.0%;
padding: 0.0% 0.0% 0.5% 0.0%;
}
nav ul li a {
/* display: table-cell; */
/* height: 80px; */
text-align: center;
vertical-align: middle;
color: #0000FF; /* Blue */ /* Color indicator */
color: #191970; /* Midnight Blue */ /* Color indicator */
/* width: 100%; */
}
nav ul li a:link {
color: #0000FF; /* Blue */ /* Color indicator */
color: #191970; /* Midnight Blue */ /* Color indicator */
}
nav ul li a:visited {
color: #0000FF; /* Blue */ /* Color indicator */
color: #191970; /* Midnight Blue */ /* Color indicator */
}
nav ul li a:hover {
background-color: #d3d3d3; /* lightgray */
}
nav ul li a:active {
/* color: #F0FFFF; */ /* azure */
/* background-color: #000080; */ /* navy */
background-color: #dddddd; /* lighter gray */
}
}
.icons ul {
/* width: 100%; */
}
.icons ul li {
display: inline-block;
}
h1, h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #d14414; /* GGBridge */ /* Color indicator unspecified device */
}
h1 {
/* font: normal 3.625em/0.9; /* 58px / 16px */ */
text-shadow: -1px -2px 0px #666666;
text-shadow: 0px 1px 0px #fff, 0 -1px 0 #000;
}
.blk, h2 .blk a{
color: #000000; /* Black */
}
h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000080; /* navy */
}
.bode {
width: 100%;
/* clear: center; */
/* float: center; */
/* top right bottom left */
padding: 0.0% 1.0% 0.0% 0.0%;
margin: 0.0% 1.0% 0.0% 0.0%;
}
.textual {
width: 100%;
float:left;
/* top right bottom left */
padding: 0.0em 1.0em 0.0em 0.0em;
margin: 0.0em 1.0em 0.0em 0.0em;
/* border: thin solid #000000; */
}
.textual h3 a {
color: #000000; /* Black */
}
.textual h3 a:link {
color: #000000; /* Black */
}
.textual h3 a:visited {
color: #000000; /* Black */
color: #872657; /* Dark Raspberry */
}
.textual h3 a:hover {
background-color: #d3d3d3; /* lightgray */
background-color: #dddddd; /* lighter gray */
}
.textual h3 a:active {
/* color: #F0FFFF; */ /* azure */
/* background-color: #000080; */ /* navy */
}
.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: 80% !important;
height: 80% !important;
}
.textual ul li {
line-height:1.2em;
/* list-style-type: none; */
}
.textual p a {
/* text-transform: uppercase; */
}
.gallery {
width:100%;
/* border: thin solid #000000; */
}
.gallery figure {
/* top right bottom left */
padding: 0.50em 0.50em 0.50em 0.50em;
margin: 0.50em 0.50em 0.50em 0.50em;
}
figure {
float: left;
/* top right bottom left */
padding: 0.00em 0.00em 0.00em 0.00em;
margin: 1.00em 2.00em 1.00em 0.00em;
border: 0;
-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
figcaption {
/* top right bottom left */
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
color: #000000; /* Black */
line-height: 1.5;
}
/* Class selector. targets only elements with class = "class-name" */
p {
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height:1.25;
/* top right bottom left */
padding: 0.25em 0.25em 0.25em 0.25em;
margin: 0.25em 0.25em 0.25em 0.25em;
/* border-top: thin solid #000000; */ /* Black */
}
.footer {
width: 100%;
color: #8B0000; /* DarkRed */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
padding: 0.5em 0.0em 0.0em 0.0em;
margin: 0.5em 0.0em 0.0em 0.0em;
clear:both;
border-top: thin solid #000000; /* Black */
}
.copyright {
font-style: italic;
font-size: small;
}
/* iPhone 8 plus 375x667 */
@media screen and (max-width: 599px) { /* for-phone-only */
nav ul li {
width: 33.3333%; /* two rows of three menu items */
}
h1, h2 {
color: #006400; /* DarkGreen */ /* Color indicator max-width 599px */
color: #d14414; /* GGBridge */ /* Color indicator */
}
h1 { font-size: 1.55em;
}
h2 { font-size: 1.45em;
}
h3, h3 a { font-size: 1.40em;
}} /* END media screen and (max-width: 599px) */
/* iPhone 4,5,6 320x568 */
@media screen and (max-width: 320px) { /* for-phone-only */
nav ul li {
width: 33.3333%; /* two rows of three menu items */
}
h1, h2 {
color: #006400; /* DarkGreen */ /* Color indicator max-width 599px */
color: #d14414; /* GGBridge */ /* Color indicator */
}
h1 { font-size: 1.55em;
}
h2 { font-size: 1.35em;
}
h3, h3 a { font-size: 1.25em;
}} /* END media screen and (max-width: 320px) */
@media screen and (min-width: 600px) { /* for-tablet-portrait-up */
h1, h2 {
color: #FF00FF; /* Magenta */ /* Color indicator min-width 600px */
color: #d14414; /* GGBridge */ /* Color indicator */
}
.lede, .bode, .footer {
width: 85%;
margin-left: 5.0%;
margin-right: 5.0%;
}} /* END @media screen and (min-width: 600px) */ /* for-tablet-portrait-up */
@media screen and (min-width: 900px) { /* for-tablet-landscape-up */
h1, h2 {
color: #000000; /* Black */ /* Color indicator min-width 900px */
color: #d14414; /* GGBridge */ /* Color indicator */
}
.lede, .bode, .footer {
width: 75%;
margin-left: 5.0%;
margin-right: 5.0%;
}} /* END @media screen and (min-width: 900px) */ /* for-tablet-landscape-up*/
@media screen and (min-width: 1200px) { /* for-desktop-up */
h1, h2 {
color: #800080; /* Purple */ /* Color indicator min-width 1200px */
color: #d14414; /* GGBridge */ /* Color indicator */
}
.lede, .bode, .footer {
width: 65%;
margin-left: 5.0%;
margin-right: 5.0%;
}} /* END @media screen and (min-width: 1200px) */ /* for-desktop-up */