@charset "utf-8";
html, body {
position:relative;
height: 100%;
min-height: 100%;
font-family: Arial;
font-size: 1.05em;
margin: 0;
padding: 0;
color:#0D013D;
width: 100%;
max-width: 100%;
z-index: 0;
letter-spacing: .1em;
line-height: 1.4em;
}
body {
overflow: hidden;
}
#noscript {
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 2000;
color: #000;
display: block;
overflow: hidden;
}
#container {
width: 100%;
height: 100%;
min-height: 100%;
height: auto !important;
max-width: 100%;
margin: 0 auto -60px auto !important; /* the bottom margin is the negative value of the footer's height */
background-color:#FFF7EE;
z-index: 0;
}
/* ~~ Header ~~ */
#header {
position: absolute;
top: 0;
width: 100%;
min-height: 60px;
background-color:#93D3FF;
border-bottom: 2px #34442F ridge;
margin: 0 auto 0 auto;
text-align: center;
}
#header h1 {
text-shadow: #ffc 2px 2px;
position: relative;
top: 0;
margin: 0 !important;
font-family: 'Papyrus';
font-size: 30px;
line-height: 1;
}
#header h2 {
padding-top: 10px;
}
#menuNav {
display: table;
}
#menuNav li {
height: 45px;
width: 160px;
position: relative;
top: 4px;
text-align: center;
padding-bottom: 10px;
vertical-align: middle;
}
#menuNav li a {
text-align: center;
font-family: 'Papyrus';
letter-spacing: .05em;
margin: -10px 0 0 -10px;
background-image: url(/content/images/btn.png);
background-repeat: no-repeat;
background-position: 5px 5px;
background-size: 170px 60px;
vertical-align: middle;
text-decoration: none;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 1.5em;
color:#71b4a9;
text-decoration: none;
}
#menuNav li a:hover {
color:#D5A2F4;
text-decoration: none;
background-image: url(/content/images/btnh.png);
}
#menuNav li a:active {
text-decoration: none;
}
#menuNav li.btnActive a:link {
text-decoration: none;
}
#menuNav ul li a, .clickbutton a {
padding: 24px 10px 0px;
}
#termsCond {
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
width: 100%;
height: 100%;
background-color: rgba(28,4,28,0.95);
z-index: 1000;
color: #fff;
}
#termsCond Legend {
margin: 0 auto;
text-align: center;
font-family: 'Papyrus';
font-size: 1.5em;
}
#termsCond form {
text-align: center;
margin: 15% auto 0;
width: 525px;
max-width: 95%;
}
#termsCond input {
width: 100px;
margin-right: 10px;
margin-bottom: 28px;
height: 40px;
background-color: #71b4a9;
color: #fff;
text-transform: uppercase;
border: 1px outset #cccccc;
border-radius: 5px;
}
.logoSmall {
float: left;
margin: -10px 1px -30px 1px;
max-width: 200px;
position: relative;
top: -10px;
}
.logoMedium {
margin: -10px auto -35px auto;
width: 300px;
max-width: 98%;
position: relative;
top: -10px;
}
/* Common to all screen sizes */
#jk {
float: left;
margin: 2px 14px 2px 0px;
border: 2px ridge #000;
width: 190px;
}
.picLeftsm {
float: left;
margin: 2px 14px 0px 0px;
border: 4px solid #ffffff;
max-width: 156px;
}
.picRight {
float: right;
margin: 2px 14px 2px 14px;
border: 4px solid #ffffff;
width: 360px;
max-width: 50%;
}
.picLeft {
float: left;
margin: 4px 14px 4px 4px;
width: 360px;
border: 4px solid #ffffff;
max-width: 50%;
}
.centerImg {
margin: 0 auto;
text-align: center;
width: 500px;
}
#logo {
margin-top: 20px;
}
.banner {
text-align: center;
margin-top: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaf1f6+0,abd3ee+50,A4CEEA+51,ebf1f6+77,d5ebfb+100 */
background: rgb(235,241,246); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(235,241,246,0.35) 0%, rgba(171,211,238,0.35) 50%, rgba(142,204,247,0.35) 51%, rgba(235,241,246,0.35) 77%, rgba(213,235,251,0.35) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(235,241,246,0.35) 0%,rgba(171,211,238,0.35) 50%,rgba(142,204,247,0.35) 51%,rgba(235,241,246,0.35) 77%,rgba(213,235,251,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(235,241,246,0.35) 0%,rgba(171,211,238,0.35) 50%,rgba(142,204,247,0.35) 51%,rgba(235,241,246,0.35) 77%,rgba(213,235,251,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#main h4, #main .h4 {
color: #71b4a9;
font-size: 22px;
text-align: center;
font-family: 'Papyrus';
font-weight: bold;
padding-top: 5px;
line-height: 1.2em;
}
#header-logo {
width: 100px;
margin: 0 auto;
text-align: center;
}
#return-to-top {
position: fixed;
bottom: 0px;
right: 0;
background: #D5A2F4;
width: 50px;
height: 40px;
display: block;
display: none;
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1000;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 0px;
top: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top a {
display: inline-block;
position: relative;
padding: 20px;
margin: -20px;
font-family: "Arial", Gadget, sans-serif;
font-weight: bold;
font-size: 28px;
border: none;
color: #efd7ec;
text-decoration: none;
top: 5px;
}
#return-to-top a:hover {
text-decoration: none;
color: #FFF;
}
#return-to-top:hover {
background: #e0bcf5;
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
/* ~~ Page Content ~~ */
#slogan {
width: 100%;
margin: 0 auto;
background-image: url(/content/images/sp.jpg);
min-height: 400px;
background-repeat: no-repeat;
background-size: cover;
}
#slogan h1, #slogan .h1 {
color:#71b4a9;
text-shadow: #D4F8F2 2px 2px 0px;
margin: 0 auto;
line-height: 1.2;
font-family: 'Papyrus';
font-weight: bold;
font-size: 3.5em;
letter-spacing: 0.3em;
}
#slogan h4, #slogan .h4 {
font-size: 2em;
line-height: normal;
text-shadow: #23333e 1px 1px 0px;
font-family: 'Papyrus';
font-weight: bold;
color: #93D3FF;
margin: 20px 0;
}
#slogan i {
text-shadow: 1px 1px 1px #000;
}
#slogan p.center {
padding-left: 9% !important;
padding-right: 9% !important;
}
#main-100w {
position: relative;
top: -10px;
max-width: 100%;
overflow-x: hidden;
}
.box {
display:inline-block;
width: 40%;
min-width: 200px;
}
.content {
margin: 0 auto;
width: 90%;
min-width: 400px;
max-width: 900px;
border-top: none !important;
color: #281d2f;
}
.content2 {
background-color: #fff;
opacity: 1;
position: relative;
top: 80px;
margin: 0 auto 0 auto;
padding: 5px 15px;
width: 90%;
min-width: 400px;
max-width: 900px;
border: 2px #34442F ridge !important;
border-corner-shape: bevel;
border-radius: 30px;
text-align: center;
margin-bottom: 80px;
z-index: 1;
}
.content3 {
margin: 5px auto;
padding: 5px;
width: 400px;
font-family: 'veraserif';
line-height: 1.4em;
font-size: 1.2em;
font-weight: bold;
}
.content3 i {
color: #93D3FF ;
font-size: 1.7em;
line-height: 1.2em;
font-family: 'veraserif';
max-width: 100%;
}
p {
text-indent: 1em;
padding-bottom: 10px !important;
}
#tagline {
margin: 30px auto 0;
text-align: center;
max-width: 550px;
font-size: 1.05em;
line-height: 1.4em;
text-indent: 0;
}
#tagline i {
color: #3A0038;
/* color: #A2009C; */
text-shadow:
-1px -1px 2px #ffffff,
1px -1px 2px #ffffff,
-1px 1px 2px #ffffff,
1px 1px 2px #ffffff;
font-size: 1.15em;
text-align: center;
}
.content2 p, .content2 h4, .content2 img {
margin: 0 5px 0 5px;
}
.services {
margin: 0 auto;
width: 100%;
min-width: 300px;
max-width: 600px;
border-top:none !important;
color: #000000;
}
.service {
display: inline-block;
width: 275px;
max-width: 100%;
height: 250px;
border: 1px solid #fff;
vertical-align: top;
}
#servicesbkg {
background-image: url(/content/images/sky.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
.whitebkg {
background-color: #FFF7EE;
width: 90%;
max-width: 1000px;
margin: 0 auto;
border-radius: 20px;
opacity: 0.85;
}
#servicesMenu {
}
#energyList ul {
list-style-type: disc;
margin: 10px auto 10px auto;
padding-left: 8%;
}
#energyList li {
display: list-item;
}
#os0, #os1, #os2, #os3, #os4, #os5, #os6, #os7, #Method, #Topic, #Service {
width: 300px;
max-width: 100%;
border: solid 2px #93D3FF;
height: 35px;
outline: none;
margin-bottom: 10px;
text-align: left;
background-color: #fff !important;
font-size: .9em;
display: inline-block !important;
}
#os7 {
overflow: hidden;
}
.loginBtn {
width: 120px !important;
height: 50px;
background-color: #71b4a9;
border: 1px solid #cccccc;
border-radius: 5px;
color: #fff;
margin: 10px 0 0 0;
float: right;
}
#login {
max-width: 100%;
}
#logintable {
border: none;
border-spacing: 4px;
table-layout: fixed;
}
#logintable th, #logintable td {
text-align: center;
}
#logintable tr {
margin-bottom: 10px;
}
#logintable input {
width: 150px;
}
.subcontent {
}
.left-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
}
.center-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
border-left: thin #F90 1px;
}
.right-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
float: right;
}
#sig {
margin: 8px 10% 30px 0px;
border: none;
text-align: right;
font-family: "dancing";
font-size: 28px;
}
#pic1 {
position: relative;
float:left;
min-width: 100px;
max-width: 230px;
margin: 4px 10px 0 10px !important;
border: groove 2px #2E005B;
}
/* ~~ Blog ~~ */
#blogPost {
margin: 10px auto 10px auto;
text-align: left;
width: 100%;
max-width: 900px;
min-width: 150px;
color: #281d2f;
}
#blogTable {
margin: 0 auto;
min-width:225px;
width: 98%;
max-width: 900px;
text-align: left;
outline: none;
}
#blogTable input, #blogAdminTable input, #blogTable textarea, #blogAdminTable textarea, #blogTable select, #blogAdminTable select {
outline: none;
}
#blogTable td, #blogTable th {
padding-bottom: 10px;
text-align: left;
}
#blogTable select {
margin-bottom: 10px;
}
#blogTable th.postTitle, #blogTable td.postTitle {
font-family: 'Papyrus';
color: #71b4a9;
font-size: 1.5em;
font-weight: bold;
text-transform: capitalize;
text-align: left;
}
#blogTable th.postDate, #blogTable td.postDate {
font-family: "Arial", sans-serif;
font-size: .8em;
text-align: left;
}
#blogTable th.postTopic, #blogTable td.postTopic {
font-family: "Arial", sans-serif;
font-size: .8em;
text-align: left;
}
#blogFilter, #blogFilter ul, #blogFilter li, #blogFilter label {
text-decoration: none;
list-style: none;
font-size: .95em;
}
#blogFilter {
text-align: right;
}
#bfilterLabel {
}
#blogFilter label{
text-align: left;
}
#blogFilter select {
}
#blogAdminTable {
margin: 0 auto;
min-width:225px;
width: 90%;
}
#blogAdminTable td, #blogAdminTable th {
padding-bottom: 10px;
text-align: left;
}
#loginLink {
margin: 0 !important;
padding: 0 !important;
text-align: center;
line-height: 1em;
position: absolute;
bottom: 0;
left:0;
font-size: .9em;
color: #A0E8DC;
}
#loginLink a:link, #loginLink a:visited {
text-align: center;
}
#blogPost *, #currentPost, #currentDate, #currentTitle, #currentTopic {
font-family: Arial, Helvetica, sans-serif;
}
.selectedTopic {
color: #888888 !important;
}
.editBtn {
position: relative;
margin: 0 auto;
width: 120px;
height: 50px;
font-weight: 600;
color: #fff;
}
.menuBtn {
margin-right: 15px;
margin-bottom: 15px;
height: 50px;
background-color: #71b4a9;
border: 1px solid #cccccc;
border-radius: 5px;
color: #fff;
text-align:center;
width: 120px;
}
.saveBtn, .resetBtn, .deleteBtn {
margin-right: 15px;
margin-bottom: 15px;
height: 50px;
background-color: #71b4a9;
border: 1px solid #cccccc;
border-radius: 5px;
color: #fff;
float: right;
text-align:center;
width: 100px;
}
#currentTitle, #newTitle, #currentTopic, #newTopic, #currentDate, #newDate {
max-width: 98%;
width: 200px;
}
#currentID {
font-weight: bold;
}
#blogAdminTable textarea, #newPost, #currentPost {
width: 100%;
height: 350px;
outline: none;
}
.lineimg {
margin: 0 auto;
text-align: center;
}
.postTitle {
}
/* ~~ Contact Page ~~ */
#contactContainer {
margin: 0 auto;
text-align: center;
width: 90%;
max-width: 1200px;
display: block;
}
#contactDiv {
margin: 0 0 0 28px;
text-align: center;
}
#contactForm li, #ppForm li {
text-decoration: none;
list-style: none;
margin: 0px auto 30px auto;
width: 350px;
max-width: 95%;
}
#ppForm li {
display: inline-block;
}
#NameHolder, #EmailFromHolder, #ConfirmHolder, #SubjectHolder, #PhoneHolder, #ServiceHolder, #MethodHolder, #DateHolder, #MessageHolder, #ButtonsHolder, #recapHolder, #recapInfo, #ppHolder {
display: none;
}
#Name, #EmailFrom, #Confirm, #Subject, #Phone, #Topic, #Service, #Method {
width: 300px;
max-width: 100%;
border: solid 2px #93D3FF;
height: 35px;
outline: none;
}
.date, .time {
width: 90%;
max-width: 120px;
border: solid 2px #93D3FF;
height: 35px;
outline: none;
}
#Message {
width: 800px !important;
max-width: 95%;
min-height: 200px;
border: solid 2px #93D3FF;
outline: none;
}
#ui-datepicker-div {
background-color: #fff;
padding: 10px;
margin: 2px auto 0;
border: 2px solid #93D3FF;
}
.ui-datepicker-prev, .ui-datepicker-next {
margin: 5px 5px 5px 0px;
cursor: pointer;
}
#ppHolder {
max-width: 98%;
margin: -40px auto 0 auto !important;
text-decoration: none;
list-style: none;
}
#pp input, #pp select, #pp input:image, #pp textarea {
margin: 0 auto 10px auto;
padding-bottom: 20px;
background-color: #fff;
}
#pp {
margin: 0 auto;
width: 90%;
min-width: 400px;
max-width: 900px;
border-top:none !important;
color: #281d2f;
font-size: 1.1em;
text-align: center;
}
#pp table, #ppHolder table {
table-layout: fixed;
width: 100%;
margin: 0 auto;
text-align: center;
}
#pp table tr {
}
#submit-button, #reset-button {
width: 120px;
height: 50px;
margin: 0 auto 8px auto !important;
background-color: #71b4a9;
border: 1px solid #cccccc;
color: #fff;
border-radius: 5px;
text-align: center !important;
}
#submit-button:hover, #reset-button:hover {
background-color: #D5A2F4;
}
input, option, select, textarea {
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
}
select {
background-color: #fff !important;
}
label {
font-size: .95em;
}
#introText {
display: none;
max-width: 600px !important;
}
.homeBtn {
position: relative;
margin: 0 auto;
width: 120px;
height: 50px;
font-weight: 600;
}
.recaptcha {
text-align: center;
margin: 0 auto 0 auto;
}
.g-recaptcha {
display: inline-block;
margin: 0 auto;
}
.price {
max-width: 500px;
margin: 0 auto;
}/* ~~~ Validation ~~~ */
input:focus, select:focus, textarea:focus {
outline: 0;
box-shadow: none;
}
#contactDiv form input.error, #contactDiv form select.error, #contactDiv form textarea.error {
/* border: 2px inset #F00 !important; */
}
#contactDiv form input.valid, #contactDiv form select.valid, #contactDiv form textarea.valid {
/* border: 2px inset #0C0 !important; */
}
#contactDiv form label.error {
position: absolute;
display: block;
margin: 5px auto 0 auto;
line-height: 10px;
padding: 5px;
font-size: .9em;
text-align: center;
color: #800000;
background-color: #FFF9EC;
border: 1px solid #666;
border-radius: 5px;
text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
z-index: 10;
}
#contactDiv form label.error:after {
content: "";
position: absolute;
top: -10px;
left: 10px;
width: 20px;
height: 10px;
background-image: url(/content/images/tooltip-arrow.png);
background-repeat: no-repeat;
background-position: left;
background-size: contain;
z-index: 9;
}
label.valid {
}
.contactLink, .connectLink {
width: 200px;
height: 23px;
}
.contactLink2, .connectLink2 {
margin: 2px 0 0 -2px;
display: inline-block;
width: 150px;
height: 18px;
vertical-align: bottom;
}
/* ~~ The footer ~~ */
#prefooter {
clear: both;
margin: 0 !important;
padding: 0 !important;
height: 60px;
}
#footer {
width: 100%;
height: 60px;
background-color: #D4F8F2;
color:#000;
text-align: center;
}
#footerTable {
}
#copyright {
position: relative;
top: 22px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0px;
text-align: center;
max-width: 100%;
}
#copyright h6 {
font-size: 11px;
margin: 0 auto !important;
padding: 0 !important;
text-align: center;
color: #000000;
}
/* ~~ Miscellaneous ~~ */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
.break {
clear: both;
}
/* ~~ Fonts ~~ */
/* ~~ Formatting ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
}
h1, .h1 {
letter-spacing: .4em;
margin: 0 auto 10px auto !important;
line-height: 1.2em;
font-size: 2.2em;
font-family: 'Papyrus';
font-weight: bold;
color:#93D3FF;
text-shadow: 1px 1px #195190;
}
h2, .h2 {
margin: 0 auto 0px auto !important;
letter-spacing: 0.8em;
line-height: 1.2em;
font-size: 2.1em;
font-family: 'Papyrus';
font-weight: bold;
color:#71b4a9;
}
h3 {
display: inline;
}
h5 {
color: #71b4a9;
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
}
h6 {
font-size: 12px;
}
a img {
border: none;
}
a:link {
color: #71b4a9 ;
text-decoration: underline;
font-weight: bold;
}
a:visited {
color: #71b4a9 ;
font-weight: bold;
}
a:active, a:focus {
text-decoration: underline;
}
a:hover {
text-decoration: underline;
color: #D5A2F4;
}
.script {
font-family: "Brush Script MT";
font-size: 28px;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.justify {
text-align: justify;
}
.small {
font-size: .6em;
}
.large {
font-size: 1.5em;
}
.pink {color: #D5A2F4}
.blue {color: #93D3FF}
.green {color: #D4F8F2}
.bold {
font-weight: bold;
}
.caps {
text-transform: uppercase;
font-size: .95em;
}
.smallCaps {
text-transform: uppercase;
font-size: .75em;
}
span.red {
color: #E60000;
font-size: 18px;
}
red, .red {
color: #C30;
font-size: 18px;
}
span.title {
font-size: 20px;
font-weight: 800;
font-family: Tahoma, Geneva, sans-serif
}
span.title1 {
font-size: 16px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
span.title2 {
font-size: 16px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
span.title3 {
font-size: 18px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
span.listTitle {
color: #71b4a9;
font-weight: 600;
}
span.quoteCredit {
font-size: .8em;
font-style: italic;
color: #D5A2F4;
padding-left: 5px;
text-align: center;
/* text-shadow: 1px 1px 0 #71b4a9; */
}
span.quoteCreditHeader {
font-size: 1.2em;
font-style: italic;
color: #F8D3FF;
padding-left: 5px;
text-shadow: #71b4a9 1px 1px 0px;
}
.testimonial {
font-size: 1.1em;
font-style: italic;
width: 550px;
max-width: 90%;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
line-height: 1.4em;
margin: 0 auto 50px auto;
letter-spacing: .1em;
}
.testimonialHeader {
font-size: 1.4em;
margin: 150px auto 0 auto;
font-family: 'Papyrus';
font-weight: bold;
color: #D5A2F4;
}
.preload {
display: none;
}
#schedule {
text-align: center;
font-size: 14px;
}
table {
font-size: inherit;
line-height: inherit;
}
.centerDivBtn {
margin: 0 auto;
width: 100%;
display: inline-block;
}
.clickbutton {
margin: 0 auto;
text-align: center;
width: 100%;
height: 64px;
display: block;
}
.clickbutton a {
list-style: none;
width: 134px;
height: 64px;
line-height: 1;
display: inline-block;
}
.clickbutton a:link, .clickbutton a:visited {
font-size: 17px !important;
color: #67355E;
text-decoration: none;
text-align: center;
}
.clickbutton a:hover {
text-decoration: none;
color: #40213A;
}
.clickbutton a:active {
}
.icon1 {
position: relative;
top: 6px;
width: 50px;
}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
@media screen and (min-width: 250px) and (max-width: 374px) {
#container {
max-width: 100%;
}
.logoSmall {
float: none;
margin: 2px auto;
max-width: 200px;
display: block;
break-after: always;
}
.logoSmall:after {
content:"\a";
white-space: pre;
display: block;
}
#header {
min-height: 200px;
}
#header h2 {
font-size: 1.8em;
}
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 270px;
max-width: 100%;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
top: 6px;
}
#menuNav li {
margin: 5px 5px 10px !important;
display: inline-block !important;
list-style: none;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
line-height: 1;
background-position: 5px -5px;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: .75em !important;
margin: 0px;
padding-top: 18px;
text-align: center;
}
#menuNav li a:hover {
}
#menuNav li a:active {
}
#slogan {
text-align: center;
margin: 0px auto;
}
#slogan p {
}
#slogan h1, #slogan .h1 {
font-size: 1.45em;
max-width: 94%;
padding-top: 15% !important;
}
#slogan h4, #slogan .h4 {
font-size: 1.2em;
}
h1, .h1 {
line-height: 1.2em;
font-size: 1.5em;
}
h1, h2, .h1, .h2 {
letter-spacing: .1em;
}
#main-100w {
}
.banner {
font-size: 1.4em;
margin-top: 0;
}
#jk {
position: relative;
margin: 0 auto 10px auto;
text-align: center;
border: 2px ridge #000;
width: 190px;
float: none !important;
display: block;
}
.picLeftsm {
float: none;
margin: 2px auto 10px auto;
width: 92%;
display: block;
}
.picRight {
float: none !important;
margin: 2px auto 2px auto !important;
max-width: 98%;
width: 98%;
display: block;
}
.picLeft {
float: none !important;
margin: 2px auto 2px auto;
max-width: 98%;
width: 98%;
display: block;
}
.content, .content2, .content3 {
width: 95% !important;
min-width: 200px;
padding: 5px;
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
.content3 {
font-size: 1.2em;
text-align: center !important;
line-height: 1.1em;
}
.content3 p.center {
text-align: center !important;
max-width: 80%;
margin: 0 auto;
}
.content3 i {
font-size: 1.2em;
text-align: center !important;
line-height: 1.2em;
}
#Message {
max-width: 100%;
}
#pp {
margin: 0;
min-width: 98%;
width: 98%;
max-width: 98%;
}
#pp input, #pp select, #pp input:image, #pp textarea {
margin: 0 auto 10px auto;
background-color: #fff;
}
select, #pp input, #pp input:not(:image), #pp textarea {
width: 350px;
max-width: 98%;
}
#pp option, #pp label, #pp select, #os0, #os1, #os2, #os3, #os4 #os5, #os6, #os7 {
font-size: .85em;
max-width: 98%;
}
#blogAdminTable {
margin: 0 auto;
min-width:225px;
width: 98%;
}
#blogPost {
max-width: 94%;
margin: 10px auto 10px auto !important;
}
#table1 {
position: relative;
top: 0;
left: -4px;
text-align: center;
margin: 0 auto;
width: 100%;
}
#table1 td {
max-width: 100px;
}
#logopic1 {
min-width: 100px;
width: 90%;
}
#logopic2 {
min-width: 120px;
width: 100%;
position: relative;
top: 10px;
left: -10px;
}
#logopic3 {
min-width: 90px;
width: 90%;
}
#pic1 {
width: 80%;
max-width: 230px;
}
#pic2 {
float: left;
padding: 1px;
border: none;
max-width: 180px;
max-width: 90%;
}
#pic3 {
float: right;
max-width: 100px;
max-width: 90%;
margin: 0 20px 0 0;
padding: 0;
display: none;
}
#menupic {
width: 150px;
display: none;
}
#loginLink {
line-height: 1em;
font-size: .8em;
}
#loginLink a:link {
}
.video {
width: 240px;
height: 157px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 10px;
max-width: 275px;
}
#contactDiv {
margin: 0 auto 0 auto;
text-align: center;
width: 100%;
}
#copyright {
top: 3px;
}
#footer {
}
}
@media screen and (min-width:375px) and (max-width: 599px){
#container {
max-width: 100%;
}
.logoSmall {
float: none;
margin: 2px auto;
max-width: 250px;
display: block;
break-after: always;
}
.logoSmall:after {
content:"\a";
white-space: pre;
display: block;
}
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
top: 6px;
}
#menuNav li {
margin: 5px 5px 10px !important;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
line-height: 1;
background-position: 5px -4px;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: .55em !important;
padding-top: 19px;
text-align: center;
}
#menuNav li a:hover {
}
#menuNav li a:active {
}
#main-100w {
max-width: 100%;
width: 100%;
}
#header h2 {
font-size: 1.8em;
}
#slogan {
background-position: center;
}
#slogan {
text-align: center;
}
#slogan h1, #slogan .h1 {
font-size: 1.75em;
padding-top: 10% !important;
}
#slogan h4, #slogan .h4{
font-size: 1.3em;
letter-spacing: .3em;
}
h1, .h1 {
letter-spacing: .1em;
}
.banner {
max-width: 100%;
font-size: 1.9em;
letter-spacing: 0.5em;
}
.content, .content2, .content3 {
width: 95% !important;
min-width: 200px;
padding: 5px;
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
.content3 {
max-width: 90%;
text-align: left !important;
}
.content3 i {
font-size: 1.2em;
line-height: 1.3em;
}
#Message {
max-width: 100%;
}
#pp {
margin: 0;
max-width: 100%;
min-width: 325px;
width: 325px;
text-align: center;
}
#pp, #pp input, #pp select, #pp input:not(:image) {
}
#pp option, #pp label, #pp select, #os0, #os1, #os2, #os3, #os4 #os5, #os6, #os7 {
font-size: .85em;
}
#jk {
position: relative;
margin: 0 auto 10px auto;
text-align: center;
border: 2px ridge #000;
width: 190px;
float: none !important;
display: block;
}
.picLeftsm {
float: none !important;
margin: 4px auto 4px auto;
width: 92%;
display: block;
}
.picRight {
float: none !important;
margin: 4px auto 4px auto !important;
max-width: 98%;
width: 98%;
display: block;
}
.picLeft {
float: none !important;
margin: 4px auto 4px auto;
max-width: 98%;
width: 98%;
display: block;
}
#table1 {
position: relative;
top: 0;
left: -4px;
text-align: center;
margin: 0 auto;
width: 100%;
}
#table1 td {
max-width: 100px;
}
#logopic1 {
min-width: 100px;
width: 90%;
}
#logopic2 {
min-width: 120px;
width: 100%;
position: relative;
top: 10px;
left: -10px;
}
#logopic3 {
min-width: 90px;
width: 90%;
}
#pic1 {
width: 80%;
max-width: 230px;
}
#pic2 {
float: left;
padding: 1px;
border: none;
max-width: 180px;
}
#pic3 {
max-width: 90%;
max-width: 300px;
margin: -20px auto -5px auto;
text-align: center;
padding: 0;
display: none;
}
#menupic {
width: 150px;
display: none;
}
.video {
width: 360px;
height: 236px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 12px;
width: 320px;
}
#contactDiv {
margin: 0 auto 0 auto;
text-align: center;
width: 100%;
}
#loginLink {
line-height: .1em;
font-size: .8em;
}
#loginLink a:link {
}
label {
font-size: .9em
}
#blogPost {
max-width: 94%;
margin: 10px auto 10px auto !important;
}
}
@media screen and (min-width:600px) and (max-width: 1199px) {
#header {
}
#slogan h1 {
font-size: 1.75em;
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
#menuNav {
position: relative;
top: 6px;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto 10px auto;
}
#menuNav li {
margin: 5px 5px 10px !important;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 1.05em !important;
padding-top: 27px;
text-align: center;
}
#menuNav li a:hover {
}
#menuNav li a:active {
}
#slogan h1, #slogan .h1 {
font-size: 2.35em;
padding-top: 5% !important;
}
#slogan h4, #slogan .h4 {
font-size: 1.7em;
}
#main-100w h1, #main-100w h2 {
max-width: 100%;
}
#menupic {
width: 200px;
display: inline;
float: left;
}
#pic1 {
width: 230px;
}
#pic2 {
float: left;
padding: 1px;
border: none;
max-width: 180px;
}
#pic3 {
float: right;
min-width: 100px;
max-width: 36%;
margin: 0 20px 0 0;
padding: 0;
display: none;
}
.content2 p {
margin-left: 70px !important;
margin-right: 70px !important;
}
.video {
width: 480px;
height: 315px;
}
#schedule {
text-align: center;
font-size: 14px;
width: 600px;
}
#schedule-small {
display:none;
}
#contactDiv {
margin: 0 auto 0 auto;
text-align: center;
width: 90%;
}
#blogPost {
max-width: 85%;
margin: 10px auto 10px auto !important;
}
}
@media screen and (min-width:1200px) {
#header {
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
}
#slogan {
background-position: center;
}
#menuNav {
position: relative;
top: 0px;
list-style: none;
font-family: 'Papyrus';
text-align: center;
width: 100%;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto 0 auto;
}
#menuNav li {
margin: 5px 5px 10px !important;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 1.05em !important;
padding-top: 27px;
font-weight: bold;
text-align: center;
}
#menuNav li a:hover {
}
#menuNav li a:active {
}
#menuNav li.btnActive a:link {
}
#slogan {
text-align: center;
}
#table1 {
position: relative;
top: 0;
left: -5px;
display: table;
text-align: center;
margin: 0 auto !important;
max-width: 670px;
}
#table1 td {
max-width: 250px;
padding: 0px;
margin: 0px;
text-align: center;
}
#logopic1 {
width: 250px;
position: relative;
left: 50px;
}
#logopic2 {
width: 210px;
position: relative;
top: 25px;
z-index: 2;
}
#logopic3 {
width: 220px;
position: relative;
left: -65px;
}
#menupic {
margin: 0 auto;
position: relative;
top: 0;
left: -48px;
width: 250px;
display: inline;
}
#pic1 {
width: 230px;
}
#pic2 {
float: left;
padding: 1px;
border: none;
max-width: 180px;
}
#pic3 {
float: right;
max-width: 400px;
margin: 0 30px 0 0;
padding: 0;
display: none;
}
.content2 p {
margin-left: 70px !important;
margin-right: 70px !important;
}
.video {
width: 480px;
height: 315px;
}
#schedule {
text-align: center;
font-size: 14px;
width: 700px;
}
#schedule-small {
display: none;
}
}