@charset "utf-8";
html {
background : #39c8be url(bg_turquoise.jpg);
background-size : cover;
padding : 0;
margin : 0;
}
.main {
margin-left : auto;
margin-top : 0;
margin-right : auto;
margin-bottom : 30px;
width : 90%;
background : #daebe9;
text-align : center;
border : 0;
font-family : "Arial Narrow", Sans-Serif;
color : #000000;
font-size : 14pt;
font-weight : bold; 
border: 3px inset #0a3e30;
}
.content {
margin-left : auto;
margin-right : auto;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif, Serif;
font-size : 14pt;
color : #000000;
width : 90%;
text-align : center;
}
.float_center {
float : right;
position : relative;
left : -50%;
text-align : left;
}
.float_center > .child {
position : relative;
left : 50%;
}
.fluid {
clear : both;
margin-left : 0;
width : 100%;
max-width : 1200px;
display : block;
}
.fluidList {
list-style : none;
list-style-image : none;
margin : 0;
padding : 0;
}
.sidebar {
background-color : rgb(103, 198, 82, 0.45);
border : #010066 dotted 1px;
}
ul li {
font-family : Arial, sans-serif, Serif;
color : #000000;
font-size : 12pt;
}
p {
font-family : "Arial Narrow", sans-serif, Serif;
color : #000000;
font-size : 14pt;
}
h1 {
font-family : "Comic Sans MS", Arial, sans-serif, Serif;
color : #000000;
font-size : 14pt;
}
h2 {
font-family : "Franklin Gothic Medium", Arial, "Trebuchet MS", sans-serif, Serif;
color : #000000;
font-size : 15pt;
}
.img {
box-shadow : 2px 2px #707680, 4px 4px 10px #AAAEB4;
}
.pedtable {
margin-left : auto;
margin-right : auto;
color : #000000;
width : 80%;
font-family : arial, sans-serif;
border : #970000 solid 1px;
}
.ped {
font-family : Arial, sans-serif, Serif;
text-align : center;
font-size : 11pt;
color : #000000;
padding : 4px;
border : #970000 outset 2px;
}
.footer {
text-align : center;
margin-left : auto;
margin-right : auto;
font-family : "Comic Sans Ms", Arial, "Trebuchet MS", sans-serif, Serif;
color : #000000;
font-size : 10pt;
}
a:link {
font-size : 13pt;
font-family : "Arial Narrow", sans-serif, Serif;
color : #000080;
text-decoration : none;
}
a:visited {
font-size : 13pt;
font-family : "Arial Narrow", sans-serif, Serif;
color : #774479;
text-decoration : none;
}
a:active {
font-size : 13pt;
font-family : "Arial Narrow", sans-serif, Serif;
color : #A31A07;
text-decoration : none;
}
a:hover {
font-size : 13pt;
font-family : "Arial Narrow", sans-serif, Serif;
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
a:link.menu {
color : #000080;
text-decoration : none;
font-size : 13pt;
font-family : "Comic Sans MS", Arial, sans-serif, Serif;
font-weight : bold;
}
a:visited.menu {
color : #6A00D4;
text-decoration : none;
font-size : 13pt;
font-family : "Comic Sans MS", Arial, sans-serif, Serif;
font-weight : bold;
}
a:active.menu {
color : #970000;
text-decoration : none;
font-size : 13pt;
font-family : "Comic Sans MS", Arial, sans-serif, Serif;
font-weight : bold;
}
a:hover.menu {
color : #ffffff;
background : #045658;
text-decoration : none;
font-size : 13pt;
font-family : "Comic Sans MS", Arial, sans-serif, Serif;
font-weight : bold;
}
a:link.footer {
font-size : 10pt;
color : #000080;
text-decoration : none;
font-family : "Franklin Gothic Medium", Arial, "Trebuchet MS", sans-serif, Serif;
}
a:visited.footer {
font-size : 10pt;
color : #774479;
text-decoration : none;
font-family : "Franklin Gothic Medium", Arial, "Trebuchet MS", sans-serif, Serif;
}
a:active.footer {
font-size : 10pt;
color : #67C652;
text-decoration : none;
font-family : "Franklin Gothic Medium", Arial, "Trebuchet MS", sans-serif, Serif;
}
a:hover.footer {
font-size : 10pt;
background-color : #000000;
color : #ffffff;
text-decoration : none;
font-family : "Franklin Gothic Medium", Arial, "Trebuchet MS", sans-serif, Serif;
}
a:link.bottommenu {
color : #000080;
text-decoration : none;
font-size : 12pt;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif, Serif;
font-weight : bold;
}
a:visited.bottommenu {
color : #6A00D4;
text-decoration : none;
font-size : 12pt;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif, Serif;
font-weight : bold;
}
a:active.bottommenu {
color : #970000;
text-decoration : none;
font-size : 12pt;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif, Serif;
font-weight : bold;
}
a:hover.bottommenu {
color : #000000;
background : #d5d7c8;
text-decoration : none;
font-size : 12pt;
font-family : "Arial Narrow", "Trebuchet MS", sans-serif, Serif;
font-weight : bold;
}
@media screen and (max-width: 1400px) {
.topnav a:not(:first-child) {
display : none;
}
.topnav a.icon {
float : right;
display : block;
}
}
@media screen and (max-width: 1400px) {
.topnav.responsive {
position : relative;
}
.topnav.responsive .icon {
position : absolute;
right : 0;
top : 0;
padding : 0;
}
.topnav.responsive a {
float : none;
display : block;
text-align : left;
padding : 0;
margin-top : 1em !important ;
}
}
* {
box-sizing : border-box;
}
.zoom {
padding : 50px;
background : transparent;
transition : transform 0.2s;
width : 400px;
height : 300px;
margin : 0 auto;
}
.zoom:hover {
transform : scale(1.5);
}
.hvr-grow {
display : inline-block;
vertical-align : middle;
transform : translateZ(0);
box-shadow : 0 0 1px rgb(0, 0, 0, 0);
backface-visibility : hidden;
transition-duration : 0.3s;
transition-property : transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
transform : scale(1.1);
}
.videoWrapper {
position : relative;
padding-bottom : 56.25%;
padding-top : 25px;
height : 0;
max-width : 600px;
margin-left : auto;
margin-right : auto;
}
.videoWrapper iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#header {
margin-left : auto;
margin-right : auto;
display : block;
text-align : center;
max-width : 1000px;
}
.gridContainer {
width : 100%;
max-width : 1000px;
clear : none;
float : none;
}
#socialHeader {
text-align : center;
vertical-align : middle;
width : 100%;
clear : both;
margin-left : 0;
}
.gridContainer.clearfix #div1 #socialHeader {
display : block;
margin-left : auto;
margin-right : auto;
text-align : center;
font-size : 22pt;
font-weight : bold;
font-family : "Franklin Gothic Medium";
color : #01006C;
background-color : #bba183;
}
#headerSlides {
display : block;
margin-left : auto;
margin-right : auto;
text-align : center;
}
.zeroMargin_mobile {
margin-left : 0;
}
.hide_mobile {
display : none;
}
#headerNav {
margin-right : auto;
margin-left : auto;
display : block;
text-align : center;
max-width : 1000px;
border-bottom : none;
}
.gridContainer.clearfix {
margin-right : auto;
margin-left : auto;
display : block;
text-align : center;
max-width : 1000px;
border-bottom : none;
}
@media only screen and (min-width: 600px) {
.gridContainer {
clear : none;
float : none;
}
#logoHeader {
width : 61.8784%;
}
#socialHeader {
padding-top : 10px;
font-size : 20pt;
width : 36.464%;
margin-left : 1.6574%;
clear : none;
}
.hide_tablet {
display : none;
}
.zeroMargin_tablet {
margin-left : 0;
}
}
@media only screen and (min-width: 900px) {
.gridContainer {
max-width : 1000px;
padding-left : 0.5434%;
padding-right : 0.5434%;
margin : auto;
clear : none;
float : none;
margin-left : auto;
}
#logoHeader {
width : 66.3003%;
}
#socialHeader {
width : 32.6007%;
padding-top : 20px;
font-size : 24pt;
clear : none;
margin-left : 1.0989%;
}
.zeroMargin_desktop {
margin-left : 0;
}
.hide_desktop {
display : none;
}
}
.row-form {
clear : left;
overflow : hidden;
margin : 0 0 1em;
}
.label {
display : block;
margin : 0 0 0.1em;
}
.input, .select, .textarea {
width : 100%;
box-sizing : border-box;
border : #999 solid 1px;
border-radius : 0.3em;
}
.input, .textarea {
padding : 5px;
}
.textarea {
height : 150px;
}
.radio {
margin-left : 1px;
margin-right : 0.5em;
}
.form-list {
margin : 0;
padding : 0;
list-style : none;
}
.btn {
display : inline-block;
margin : 0;
padding : 0.7em 1.2em;
border : 0;
border-radius : 0.3em;
color : #fff;
background-color : #010066;
line-height : 1;
font-family : Arial, Helvetica, sans-serif;
}
.btn:focus {
background-color : #67C652;
}
.btn:hover {
background-color : #67C652;
}
.btn:active {
background-color : #010066;
}
@media (min-width: 33em) {
.submission-form {
max-width : 40em;
}
.label {
float : left;
width : 25%;
margin : 0 2% 0 0;
text-align : right;
}
.input, .select, .textarea {
float : left;
width : 70%;
}
.form-indent {
margin-left : 27%;
width : 70%;
}
}