@charset "utf-8";
/* ~~ It's Alive ~~ */
html, body {
position:relative;
height: 100%;
min-height: 100%;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
font-weight: 100;
margin: 0;
padding: 0;
color: #000;
width: 100%;
z-index: 0;
letter-spacing: 1px;
line-height: 19px;
}
#container {
width: 100%;
height: 100%;
min-height: 100%;
height: auto !important;
margin: 0 auto -60px auto !important; /* the bottom margin is the negative value of the footer's height */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYjVkNmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(125deg, #ffffff 0%, #400080 50%, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#400080), color-stop(100%,#ffffff));
background: -o-linear-gradient(125deg, #ffffff 0%,#400080 50%,#ffffff 100%);
background: -ms-linear-gradient(125deg, #ffffff 0%,#400080 50%,#ffffff 100%);
background: linear-gradient(125deg, #ffffff 0%,#400080 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400080', endColorstr='#ffffff',GradientType=1 );
background-color: #400080;
}
/* ~~ Header ~~ */
#header {
position: relative;
top: 0;
min-height: 60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,40008e+83 */
background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f9f9f9 0%, #40008e 83%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f9f9f9), color-stop(83%,#40008e)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #f9f9f9 0%,#40008e 83%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #f9f9f9 0%,#40008e 83%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #f9f9f9 0%,#40008e 83%); /* IE10+ */
background: radial-gradient(ellipse at center, #f9f9f9 0%,#40008e 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#40008e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-color: #40008e;
border-bottom: 2px #40008E ridge;
margin: 0 auto 10px auto;
text-align: center;
}
#header h1 {
color: #8000FF;
text-shadow: #ffc 2px 2px;
position: relative;
top: 0;
margin: 0 !important;
font-family: 'bellota';
font-size: 30px;
line-height: 1;
}
/* Common to all screen sizes */
#jk {
float: left;
margin: 4px 14px 4px 0px;
border: 2px ridge #000;
height: 189px;
}
#logo {
margin-top: 20px;
}
#main h4 {
color: #400080;
font-size: 22px;
text-align: center;
font-family: 'bellota';
font-weight: bold;
padding-top: 5px;
line-height: 1.2;
}
#header-logo {
width: 100px;
margin: 0 auto;
text-align: center;
}
/* ~~ Page Content ~~ */
#menuNav ul li a, .clickbutton a {
padding-top: 21px;
padding-left: 2px;
}
#slogan h2, #slogan h1 {
color: #400080;
text-shadow: #FFF 1px 1px 0px;
margin: 0 auto;
padding-top: 10px;
line-height: 1.2;
font-family: Verdana, Geneva, sans-serif
}
#slogan p {
padding-bottom: 10px;
margin: 0 0 10px 0;
}
#main-100w {
position: relative;
top: 20px;
}
#main {
}
.content {
padding: 0;
margin: 0 auto;
width: 80%;
min-width: 200px;
max-width: 900px;
border-top:none !important;
}
.content2 {
background-color: #fff;
opacity: 1;
padding: 0;
margin: 0 auto 0 auto;
min-width: 200px;
max-width: 900px;
border: 2px #000 ridge !important;
border-corner-shape: bevel;
border-radius: 30px;
text-align: justify;
margin-bottom: 60px;
}
.content2 p, .content2 h4, .content2 img {
margin: 0 5px 0 5px;
}
.loginBtn {
width: 80px;
}
#logintable {
width: 204px;
border: none;
}
.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;
margin: 0 auto;
float:left;
min-width: 100px;
max-width: 230px;
margin: 4px 10px 0 10px !important;
border: groove 2px #2E005B;
}
/* ~~ Blog ~~ */
#blogPost {
margin: 10px 10% 10px 10%;
}
#blogTable {
margin: 0 auto;
min-width:225px;
width: 90%;
}
#blogTable td {
padding-bottom: 10px;
}
#blogTable th.postTitle {
font-family: 'bellota';
color: #400080;
font-size: 22px;
}
#blogTable th.postDate {
font-family: "Arial", Gadget, sans-serif;
font-size: 13px;
font-weight: bold;
}
#blogAdminTable {
margin: 0 auto;
min-width:225px;
width: 90%;
}
#blogAdminTable td {
padding-bottom: 10px;
}
#loginLink {
position: relative;
text-align: center;
}
#loginLink a:link, #loginLink a:visited {
color: #400080 !important;
text-align: center;
}
#blogPost *, #currentPost, #currentDate, #currentTitle {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.editBtn {
position: relative;
margin: 0 auto;
width: 120px;
height: 50px;
font-size: 16px;
font-weight: 600;
}
.saveBtn, .resetBtn, .deleteBtn {
margin-right: 8px;
margin-bottom: 8px;
height: 40px;
}
.saveBtn, .resetBtn, .deleteBtn {
text-align:center;
width: 80px;
}
#currentTitle, #newTitle {
max-width: 350px;
}
textarea, #newPost, #currentPost {
width: 100%;
height: 350px;
}
.lineimg {
margin: 0 auto;
text-align: center;
}
.postTitle {
}
/* ~~ Contact Page ~~ */
#contactContainer {
margin: 0 auto;
text-align: center;
width: 90%;
display: none;
}
#contactDiv {
margin: 0 0 0 28px;
text-align: left;
}
#contactForm {
}
.website {
display: none !important;
}
#Name, #EmailFrom, #confirmEmail, #Subject, #Website {
width: 90%;
max-width: 400px;
border: ridge 2px #310062;
}
#Message {
width: 100%;
max-width: 800px;
min-height: 200px;
border: ridge 2px #310062;
}
#Send, #Reset {
width: 100px;
height: 40px;
margin-right: 8px;
margin-bottom: 8px;
position: relative;
}
input, textarea {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
label {
font-size: 14px;
}
.homeBtn {
position: relative;
margin: 0 auto;
width: 120px;
height: 40px;
font-size: 16px;
font-weight: 600;
}
.recaptcha {
text-align: center;
margin: 0 auto 0 auto;
}
/* ~~ The footer ~~ */
#prefooter {
clear: both;
margin: 0 !important;
padding: 0 !important;
height: 60px;
}
#footer {
width: 100%;
height: 60px;
background-color: #000;
/* background-image: url(../images/footerbkg.jpg);
background-repeat: repeat-x; */
color:#fff;
text-align: center;
}
#footerTable {
}
#copyright {
position: relative;
top: 22px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0px;
text-align: center;
}
#copyright h6 {
font-size: 11px;
margin: 0 auto !important;
padding: 0 !important;
text-align: center;
}
/* ~~ 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;
}
.80width {
margin: 0 auto;
width: 80%;
max-width: 1260px;
text-align: left;
}
/* ~~ Fonts ~~ */
@font-face {
font-family: 'allura';
src: url('../type/allura-regular-webfont.eot');
src: url('../type/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../type/allura-regular-webfont.woff2') format('woff2'),
url('../type/allura-regular-webfont.woff') format('woff'),
url('../type/allura-regular-webfont.ttf') format('truetype'),
url('../type/allura-regular-webfont.svg#alluraregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bellota';
src: url('../type/bellota-regular-webfont.eot');
src: url('../type/bellota-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../type/bellota-regular-webfont.woff2') format('woff2'),
url('../type/bellota-regular-webfont.woff') format('woff'),
url('../type/bellota-regular-webfont.ttf') format('truetype'),
url('../type/bellota-regular-webfont.svg#bellotaregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'veraserif';
src: url('../type/veraserif-webfont.eot');
src: url('../type/veraserif-webfont.eot?#iefix') format('embedded-opentype'),
url('../type/veraserif-webfont.woff2') format('woff2'),
url('../type/veraserif-webfont.woff') format('woff'),
url('../type/veraserif-webfont.ttf') format('truetype'),
url('../type/veraserif-webfont.svg#bitstream_vera_serifroman') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dancing';
src: url('../type/dancingscript-regular-webfont.eot');
src: url('../type/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../type/dancingscript-regular-webfont.woff2') format('woff2'),
url('../type/dancingscript-regular-webfont.woff') format('woff'),
url('../type/dancingscript-regular-webfont.ttf') format('truetype'),
url('../type/dancingscript-regular-webfont.svg#dancing_script_otregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* ~~ Formatting ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1 {
font-size: 1.8em;
}
h1, h2, h3, h4, h5, h6, p {
padding: 0px 15px 0px 15px;
}
h5 {
color: #400080;
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
}
h6 {
font-size: 12px;
}
a img {
border: none;
}
a:link {
color: #189271;
text-decoration: none;
}
a:visited {
color: #189271;
}
a:active, a:focus {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.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: 12px;
}
span.red {
color: #E60000;
font-size: 18px;
}
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: #400080;
font-weight: 600;
}
span.quoteCredit {
font-size: 13px;
font-style: italic;
color: #400080;
padding-left: 5px;
}
.testimonial {
font-size: 14px;
padding: 0 5% 10px 5% !important;
}
.preload {
display: none;
}
#schedule {
text-align: center;
font-size: 14px;
}
.centerDivBtn {
margin: 0 auto;
width: 100%;
display: inline-block;
}
.clickbutton {
margin: 0 auto;
text-align: center;
width: 100%;
height: 50px;
display: block;
}
.clickbutton a {
list-style: none;
width: 130px;
height: 50px;
line-height: 1;
display: inline-block;
}
.clickbutton a:link, .clickbutton a:visited {
font-size: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat !important;
}
.clickbutton a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
text-decoration: none;
}
.clickbutton a:active {
background: url(../images/jkbutton-down.png) top center no-repeat !important;
}
.icon1 {
position: relative;
top: 6px;
width: 50px;
}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
@media screen and (max-width:249px) {
#header {
min-height: 200px;
}
h1 {
font-size: 28px;
}
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 200px;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
top: 6px;
}
#menuNav li {
margin: 2px !important;
width: 130px;
height: 60px;
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: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/jkbutton-down.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 0px auto;
}
#main-100w {
}
.content, .content2 {
width: 99% !important;
text-align: left !important;
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
#pic1 {
width: 200px;
}
#table1 {
position: relative;
top: 0;
left: 0px;
text-align: center;
margin: 0 auto;
}
#table1 td {
}
#logopic1 {
width: 70px;
display: none;
}
#logopic2 {
width: 170px;
position: relative;
margin: 0 auto;
}
#logopic3 {
display: none;
}
#pic2 {
float: left;
padding: 1px;
border: none;
max-width: 180px;
max-width: 90%;
}
#pic3 {
float: right;
max-width: 90%;
min-width: 100px;
margin: 0 20px 0 0;
padding: 0;
display: none;
}
#menupic {
width: 190px;
margin: 10px;
display: none;
}
#sig{
position:relative;
top: 6px;
left: 10px;
}
.content2 {
width: 100%;
min-width: 210px !important;
font-size: 16px;
}
.bbb, .paypal {
width:180px;
}
.video {
width: 240px;
height: 157px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 10px;
width: 250px;
}
#map {
border: 1px #000 ridge;
max-width: 96%;
min-width: 150px;
}
#contactDiv {
margin: 0 auto 0 auto;
text-align: left;
}
}
@media screen and (min-width:250px) and (max-width: 319px) {
#header {
min-height: 200px;
}
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 270px;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
top: 6px;
}
#menuNav li {
margin: 1px !important;
width: 130px;
height: 60px;
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: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/jkbutton-down.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 0px auto;
}
#main-100w {
}
.content, .content2 {
width: 100% !important;
text-align: left !important
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
#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;
}
.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: left;
width: 90%;
}
}
@media screen and (min-width:320px) and (max-width: 599px){
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 270px;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
top: 6px;
}
#menuNav li {
margin: 1px 1px 10px 1px !important;
width: 130px;
height: 60px;
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: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/jkbutton-down.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 10px auto;
}
.content, .content2 {
width: 100% !important;
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0;
}
#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: left;
width: 90%;
}
}
@media screen and (min-width:600px) and (max-width: 1199px) {
#header {
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0px 70px 0px 70px;
}
#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%;
text-align: center;
letter-spacing: 0px;
z-index: 10;
margin: 0 auto 10px auto;
}
#menuNav li {
margin: 1px !important;
width: 130px;
height: 60px;
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: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/jkbutton-down.png) top center no-repeat !important;
}
#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;
}
#Name, #EmailFrom, #confirmEmail, #Subject, #Website {
width: 400px !important;
max-width: 55% !important;
}
.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: left;
width: 90%;
}
}
@media screen and (min-width:1200px) {
#header {
}
.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6 {
margin: 0px 70px 0px 70px;
}
#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: 1px !important;
width: 130px;
height: 60px;
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: 17px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/jkbutton.png) top center no-repeat;
}
#menuNav li a:hover {
background: url(../images/jkbutton-hov.png) top center no-repeat;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/jkbutton-down.png) top center no-repeat;
}
#menuNav li.btnActive a:link {
background: url(../images/jkbutton-hov.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 10px auto;
}
#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;
}
}