/* Reset */
/* ===== */
html, body { margin:0; padding:0; border:0; background:transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead
{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent;}
img { margin:0; padding:0; border:0; }
table, tr. th, td, tbody, tfoot, thead { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea, form, fieldset { margin:0; padding:0; border:0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strongh, strike
{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
font-style:normal;
line-height:100%;
text-indent:0;
text-decoration:none;
text-align:left;
color: #000;
}
ol, ul { list-style:none; }
/* Global */
/* ====== */
html { }
body {background-color:#aaaaaa;}
/* ??????? @media screen and (max-width:340px) {#wrapper {width:100%;} } */
/* Headings */
/* ======== */
h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #000; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, { margin:0; }
/* Text Elements */
/* ============= */
p { color:#000; font-size:12px; line-height:150%; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding:0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding:0; }
a { }
a:link {color: #00f; }
a:visited {color: #0f0; }
a:active {color: #000; }
a:hover {color: #666; }
a:focus {color: #f00; }
blockquote { color:#000; font-size:12px; }
strong { font-weight:bold; }
em { font-style:italic; }
/* Images */
/* ====== */
/* Lists */
/* ===== */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* --------------------------------------------------------------------------------------------------------------------------- */
/* Containers FOR: main.html main.dwt index.html*/
/* ============================================= */
body {background-color:rgb(19,24,73);}
#wrapper {width:auto; margin:0px auto; background-color:rgb(19,24,73);}
#top {background-color:rgb(19,24,73); width:100%; padding:10px 0; overflow:hidden;}
#top p {color:white; }
/*
#logo {margin:0 0 0 15px;}
#logo img {width:170px; height:170px; float:left; }
*/
#logo {margin:0 0 0 0px;}
#logo img {width:0px; height:0px; float:left; }
#menu-icon {margin:1px 15px 1px 1px;}
#menu-icon img {width:50px; height:50px; float:right; display:none; }
#menu-icon ul {display:none; }
#ogpm { }
#ogpm h1 {margin:0px 0px 0px 178px; color:#FFFFFF; font-size:45px; line-height:50px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic;}
#ogpm h2 {margin:0px 0px 0px 223px; color:#FFFFFF; font-size:45px; line-height:50px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic;}
#ogpm h3 {margin:0px 0px 0px 118px; color:#FFFFFF; font-size:45px; line-height:50px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal;}
#ogpm h4 {margin :0px 0px 0px 0px; color:rgb(19,24,73); font-size:0px; line-height:0px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal;}
#ogpm p {color:#FFFFFF; font-size:15px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal;}
#ogpm a {color:#FFFFFF; font-size:0px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal;}
#ogpm {float:left; margin:15px 10px 0 25px;}
#social-media { }
#social-media p {color:#FFFFFF; font-size:12px; }
#social-media a {color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration :none; }
#social-media img {width:40px; height:40px; margin:1px 7px 1px 7px; }
#social-media ul li {display:inline;}
#social-media {float:right; margin:10px 10px 0 0;}
.socialmisc1 {color:#FFFFFF; font-size:12px; margin:4px 10px 8px 0px;}
.socialmisc2 {color:#FFFFFF; font-size:14px; font-weight:normal; margin:5px 10px 4px 0px; text-decoration:none; }
#mids-wf { }
#mids-wf img {width:70px; height:70px; margin:5px 7px 1px 7px; }
a:link {color:#FFFFFF; font-size:20px;}
a:visited {color:#FFFFFF; font-size:20px;}
a:active {color:#FFFFFF; font-size:20px;}
a:hover {color:#FFFFFF; font-size:20px;}
a:focus {color:#FFFFFF; font-size:20px;}
file:///C:/WEB/thegroovegeneration/images/tgg.jpg
#topnav {background-color:rgb(19,24,73); clear:both; }
#topnav ul {width:100%; float:left; margin:0px; background-color:#2f261f;
border-bottom:3px rgb(19,24,73) solid; }
#topnav ul li {display: inline; }
#topnav ul li a {float:left; padding:5px 18px; }
#topnav a:link {color:#E3E0D9; font-size:18px; font-weight:bold; font-family: Calligraphic;}
#topnav a:visited {color:#E3E0D9; font-size:18px; font-weight:bold; font-family:Calligraphic; }
#topnav a:active {color:#E3E0D9; font-size:18px; font-weight:bold; font-family:Calligraphic; }
#topnav a:hover {color:#E3E0D9; font-size:18px; background-color:#859C62; font-weight:bold; font-family:Calligraphic; }
#topnav a:focus {color:#E3E0D9; font-size:18px; font-weight:bold; font-family:Calligraphic; }
#banner { padding:15px; }
#banner img { width:55%; height:55%; float:right; padding:4px; margin:16px 4px 1px 16px; border:1px #888888 solid;}
#banner h1 { margin:80px 0 2px 0; font-size:50px; padding:5px 0; text-align:center; }
#banner h2 { margin:2px 0 2px 0; font-size:50px; padding:5px 0; text-align:center; }
#banner p { margin:22px 14px 0px 14px; line-height:160%; font-size:17px;}
#bannerabout { padding:45px 5px 15px 5px; }
#bannerabout img { width:45%; height:1%; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 105px 0px 105px; margin: 0 auto;}
#bannerabout h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#bannerabout h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerabout h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerabout p { margin:12px 112px 12px 112px; text-align: left; line-height:150%; font-size:19px; color:#FFFFFF;}
#bannerabout a {color:#FFFFFF; font-size:19px; font-weight: bold; text-decoration:underline; }
#bannerevents { padding:45px; }
#bannerevents iframe {width:900px; height:1080px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#bannerevents h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#bannerevents h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerevents h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
/* #bannerevents p { margin:22px 14px 0px 314px; line-height:160%; font-size:17px; color:#FFFFFF;} */
#bannerevents p { margin:12px 12px 12px 12px; text-align: center; line-height:130%; font-size:17px; color:#FFFFFF;}
#bannerevents a {color:#FFFFFF; font-size:17px; font-weight:normal; text-decoration:underline; }
#bannertestimonials { padding:55px; }
#bannertestimonials img { width:100%; height:100%; float:none; padding:0px 10px 0px 10px; margin:2px 2px 2px 2px;}
#bannertestimonials h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#bannertestimonials h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannertestimonials h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannertestimonials p { margin:22px 14px 0px 14px; line-height:160%; font-size:17px;}
#banner1 { display:none; padding:15px }
#banner1 img { width:35%; height:35%; float:left; padding:4px; margin:4px 16px 1px 16px; border:1px #888888 solid; }
#banner1 p { margin:1px 14px 16px 14px; line-height:160%; font-size:15px;}
#subbanner { width:100%; background-color:#555555; padding:10px 0; overflow:auto; display:none;}
#subbanner h3 { color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center; line-height:180%; }
#content-wrapper { }
#content { width:100%; padding:20px; background-color:rgb(19,24,73);}
#content h1 { margin:0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; }
#content p { margin:22px 14px 0px 14px; line-height:160%; font-size:16px;}
#content img { float:left; width:29%; height:29%; padding:4px; border:1px #888888 solid; margin:0px 8px 8px 8px; }
#content h2 { margin:20px 0 0 0;}
#rightside { display:none; padding:20px; margin-left:625px; }
#rightside h2 { margin:20px 0 10px 0; }
#rightside p { margin:8px 0; line-height:160%; }
#rightside img { width:80%; height:80%; padding:4px; border:1px #888888 solid; margin:1px; }
#pre-footer-mobile { display:none; clear:both; width:100%; float:left; margin:0px; background-color:#333333;
border-bottom:0px #cccccc solid; }
#pre-footer-mobile p { color:#FFFFFF; font-size:14px; margin-top:15px; margin-bottom:15px; margin-left:50px; }
#pre-footer-mobile a { color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none;}
#footer { clear:both; background-color:rgb(19,24,73); padding:10px 0; }
#footer p { text-align:center; color:#FFFFFF; }
#leftnav { }
#leftside { }
#media-ans {padding:0px 0px 0px 0px; }
#media-ans iframe {width:1024px; height:576px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#media-ans p {margin:20px 12px 20px 12px; text-align: center; line-height:130%; font-size:27px; color:#FFFFFF;}
video {width:1024px; height:576px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
.video-container {background-color:#000000;}
.controls {position: absolute; display: none; }
/*
#media-ans h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#media-ans h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans a {color:#FFFFFF; font-size:17px; font-weight:normal; text-decoration:underline; }
*/
/* Containers FOR: Specific pages Editable Regions */
/* ================================================ */
/* music.html */
/* ---------- */
#musicabout { padding:45px 5px 1px 5px; }
#musicabout img { width:40%; height:1%; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 105px 0px 105px; margin: 0 auto;}
#musicabout h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#musicabout h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#musicabout h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#musicabout p { margin:12px 112px 12px 112px; text-align: center; line-height:150%; font-size:19px; color:#FFFFFF;}
#musicabout a {color:#FFFFFF; font-size:19px; font-weight: bold; text-decoration:underline; }
#music1 { padding-top:55px; padding-right:60px; padding-bottom:10px; padding-left:60px; }
#music1 h1 { margin:6px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music1 p { margin:15px 20px 0px 20px; line-height:160%; font-size:18px; text-align:center; font-weight:bold; font-style:italic; }
#music1a { padding-top:20px; padding-right:60px; padding-bottom:10px; padding-left:60px; }
#music1a h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music1a p { margin:15px 20px 0px 20px; line-height:160%; font-size:18px; text-align:left; font-weight:bold; font-style:italic; }
#music2-ban { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:rgb(19,24,73);}
#music2 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:200px; }
#music2 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music2 h2 { margin:28px 0 8px 0; font-size:20px; padding:1px; text-align:left; }
#music2 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music3-ban { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:rgb(19,24,73);}
#music3 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:200px; }
#music3 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music3 h2 { margin:28px 0 8px 0; font-size:20px; padding:1px; text-align:left; }
#music3 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music4-ban { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:rgb(19,24,73);}
#music4 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:200px; }
#music4 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music4 h2 { margin:28px 0 8px 0; font-size:20px; padding:1px; text-align:left; }
#music4 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music5-ban { padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; background-color:rgb(19,24,73);}
#music5 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:200px; }
#music5 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music5 h2 { margin:28px 0 8px 0; font-size:20px; padding:1px; text-align:left; }
#music5 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
.artist { margin:15px 14px 0px 2px; line-height:60%; font-size:15px; text-align:left; color:#666666; }
.dcolor { color:#FFFF00; font-weight:bold; padding-left:200px;}
.cfcolor { color:#0FFF9F; font-weight:bold; padding-left:200px;}
.jzcolor { color:#FFFFFF; font-weight:bold; padding-left:200px;}
.fdcolor { color:rgb(19,24,73); font-weight:bold; padding-left:200px;}
/* .xmcolor { color:#8f999f; font-weight:bold; padding-left:200px;} */
/* contact.html */
/* ------------ */
#contact1 { margin-top:45px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:25px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact1 p { margin:5px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF;}
#contact2 { margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact2 p { margin:20px 1px 20px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF; }
#contact2 h1 { margin:40px 0 20px 0; font-size:30px; padding:1px 0; text-align:center; color:#FFFFFF;}
#contact2 a {color:#FFFFFF; font-size:25px; font-weight:bold; text-decoration:none; }
#contact2 img {width:140px; height:120px; margin-right:auto; margin-left:auto; display:block;
padding-top:1px; padding-bottom:28px; padding-left:20px; padding-right:20px; }
.contactsm1 {color:#FFFFFF; text-decoration:none; }
a:link {color:rgb(19,24,73); font-size:20px;}
a:visited {color:rgb(19,24,73); font-size:20px;}
a:active {color:rgb(19,24,73); font-size:20px;}
a:hover {color:rgb(19,24,73); font-size:20px;}
a:focus {color:rgb(19,24,73); font-size:20px;}
#contact3 { margin-top:5px; margin-bottom:100px; margin-left:1px; margin-right:1px;
padding-top:5px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact3 p { margin:5px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF;}
#contact3 a {color:#FFFFFF; font-size:25px; font-weight:bold; text-decoration:none; }
#contact3 img {width:140px; height:140px; margin-right:auto; margin-left:auto; display:block;
padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; }
/* gallery.html */
/* ------------ */
#gallery1 { }
#gallery1 img { }
* { box-sizing: border-box; }
.row { display:flex; flex-wrap:wrap; padding: 0px 10px; }
.column { flex:25%; max-width:25%; padding:14px 2px; } /* Create 4 equal columns that sits next to each other */
/* Modal */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
align-items: center;
justify-content: center;
}
.modal-content {
max-width: 80%;
max-height: 80%;
margin: auto;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
font-size: 30px;
color: white;
padding: 16px;
transition: 0.3s ease;
user-select: none;
}
.prev {
left: 0;
}
.next {
right: 0;
}
.prev:hover, .next:hover {
color: white; /* Keep arrows white */
background-color: transparent; /* No background */
}
/* Hide the close button if hovered */
.close {
position: absolute;
top: 10px;
right: 25px;
font-size: 40px;
color: white;
cursor: pointer;
}
/* NOT IN USE
#gallery1 { padding-top:75px; padding-right:10px; padding-bottom:10px; padding-left:220px; }
#gallery1 img { float:left; width:65%; height:65%; padding:3px; border:5px #888888 solid;
margin-top:0px; margin-bottom:0px; display:block; margin-left:auto; margin-right:auto;}
.enlarge-l:hover { transform:scale(1); transform-origin: 0% 50%; background-color:#666666; transition:transform 0.9s; }
.enlarge-c:hover { transform:scale(1); transform-origin: 50% 50%; background-color:#666666; transition:transform 0.9s; }
.enlarge-r:hover { transform:scale(1); transform-origin: 100% 50%; background-color:#666666; transition:transform 0.9s; }
*/
/* media.html (i.e. AV Page NOT media screen settings */
/* ---------------------------===---------------------- */
#media-av1 { margin-top:45px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:25px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#media-av1 h1 { margin:1px 1px 8px 1px; line-height:160%; font-size:28px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av1 p { margin:5px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av1 p a { font-size:18px; font-weight:bold; font-style:normal; text-decoration:underline; }
#media-av1 a:hover { background-color:#CC0066; color:#FFFFFF;}
#media-av2 { margin-top:50px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av2 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
.audio { }
#media-av3 { margin-top:30px; margin-bottom:1px; margin-left:10px; margin-right:10px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av3 p { margin:1px 1px 15px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av3 iframe {margin:15px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; }
.ytube-wh { width:882px; height:600px;}
.yt-text-mob { display:none; }
.video-responsive{
overflow:hidden; padding-bottom:56.25%; position:relative; height:0;
}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;
}
/*
#blank1 { margin-top:20px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#blank1 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
*/
/* wedding.html */
/* ------------ */
#wbanner { padding-top:20px; }
#wbanner h1 { margin:50px 100px 1px 100px; line-height:130%; font-size:30px; padding:1px 0; text-align:center; }
#wbanner a { font-size:30px; font-weight:bold; font-style:normal; text-decoration:underline; }
#wbanner a:hover { background-color:#CC0066; color:#FFFFFF;}
#wcontent { width:100%; padding-top:10px; padding-right:50px; padding-bottom:10px; padding-left:50px;
background-color:#FFFFFF;}
#wcontent img { float:left; width:44%; height:44%; padding:4px; border:1px #888888 solid;
display:block; margin:15px 20px 30px 20px;}
/* --------------------------------------------------------------------------------------------------------------------------- */
/* Media Settings */
/* ============== */
/* 768------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:868px) {
#wrapper {width:auto; margin:0px auto; background-color:rgb(19,24,73);}
/* #top { display:none; } ONLY REQUIRED FOR SINGLE PAGE SITES WITH NO MOBILE MENUS */
/*
#logo {margin:0 0 0 15px;}
#logo img {width:80px; height:80px; float:left; }
*/
#logo {margin:0 0 0 0px;}
#logo img {width:0px; height:0px; float:left; }
#topnav { display:none; }
#ogpm { }
#ogpm h1 {display:none; color:#FFFFFF; font-size:30px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic; }
#ogpm h2 {display:none; color:#FFFFFF; font-size:30px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic; }
#ogpm h3 {display:none; color:#FFFFFF; font-size:30px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm h4 {color:#FFFFFF; font-size:37px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm p {color:#FFFFFF; font-size:15px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm {float:left; margin:0 10px 0 15px;}
#ogpm a {color:#FFFFFF; font-size:15px; line-height:40px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#menu-icon {margin:1px 30px 1px 1px;}
#menu-icon img {width:50px; height:50px; float:right; display:inline-block; }
#menu-icon ul {display:none; float:right;
padding:4%;
background-color:#2f261f;
right:5px;
top: 0;
width: 30%; /* mobile menu background menu width */
height:100%; /* mobile menu background menu height */
position:fixed;
z-index: 1; /* mobile menu. Sit on top */
right:0px; }
#menu-icon ul li {text-align:left; } /* mobile menu text align*/
#menu-icon ul li a {width: 100%;
padding: 2px 0;
margin: 50;
color:#E3E0D9; font-weight:bold; font-size:30px; font-family:Calligraphic; /* mobile menu text */
line-height:50px; /* mobile menu spacing between menu text items*/
}
#menu-icon:hover ul { display: block; }
#menu-icon a:hover {color::#E3E0D9; background-color:#859C62; font-weight:bold; }
#social-media {display:none }
#content { width:100%; padding:20px; background-color:rgb(19,24,73);}
#content h1 { margin:0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; }
#content p { margin:22px 14px 0px 14px; line-height:160%; font-size:16px;}
#content img { float:left; width:26%; height:26%; padding:4px; border:1px #888888 solid; margin:0px 8px 20px 8px; }
#content h2 { margin:20px 0 0 0;}
#banner { padding:15px; }
#banner img { width:55%; height:55%; float:right; padding:4px; margin:16px 4px 1px 16px; border:1px #888888 solid;}
#banner h1 { margin:30px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#banner h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#banner p { margin:16px 14px 0px 14px; line-height:160%; font-size:16px;}
#bannerabout { }
#bannerabout { padding:15px; }
#bannerabout img { width:55%; height:55%; float:right; padding:4px; margin:16px 4px 1px 16px; border:0px #888888 solid;}
#bannerabout h1 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerabout h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannerabout h3 { margin:30px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannerabout p { margin:16px 14px 0px 14px; text-align: left; line-height:160%; font-size:19px; color:#FFFFFF;}
#bannerabout a {color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:underline; }
#bannerevents { padding:45px; }
#bannerevents iframe {width:625px; height:800px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#bannerevents h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#bannerevents h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerevents h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
/* #bannerevents p { margin:22px 14px 0px 314px; line-height:160%; font-size:17px; color:#FFFFFF;} */
#bannerevents p { margin:12px 12px 12px 12px; text-align: left; line-height:130%; font-size:19px; color:#FFFFFF;}
#bannerevents a {color:#FFFFFF; font-size:17px; font-weight: bold; text-decoration:underline; }
#bannertestimonials { padding:15px; }
#bannertestimonials img { width:55%; height:55%; float:right; padding:4px; margin:16px 4px 1px 16px; border:1px #888888 solid;}
#bannertestimonials h1 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannertestimonials h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannertestimonials h3 { margin:30px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannertestimonials p { margin:16px 14px 0px 14px; line-height:160%; font-size:16px;}
#media-ans {padding:0px 0px 0px 0px; }
#media-ans iframe {width:854px; height:480px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#media-ans p { margin:20px 12px 20px 12px; text-align: center; line-height:130%; font-size:27px; color:#FFFFFF;}
video {width:854px; height:480px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
/*
#media-ans h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#media-ans h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans a {color:#FFFFFF; font-size:17px; font-weight:normal; text-decoration:underline; }
*/
#pre-footer-mobile { display:block; clear:both; width:100%; float:left; margin:0px; background-color:#333333;
border-bottom:0px #cccccc solid; }
#pre-footer-mobile p { color:#FFFFFF; font-size:14px; margin-top:15px; margin-bottom:15px; margin-left:50px; }
#pre-footer-mobile a { color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none;}
/*~~~~~~~~~~~~~*/
#musicabout { }
#musicabout { padding:15px; }
#musicabout img { width:65%; height:65%; float:right; padding:4px; margin:16px 4px 1px 16px; border:0px #888888 solid;}
#musicabout h1 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#musicabout h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#musicabout h3 { margin:30px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#musicabout p { margin:16px 14px 0px 14px; text-align: center; line-height:160%; font-size:21px; color:#FFFFFF;}
#musicabout a {color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:underline; }
#music1 { padding-top:15px; padding-right:45px; padding-bottom:15px; padding-left:45px; }
#music1 h1 { margin:4px 0 6px 0; font-size:35px; padding:1px 0; text-align:center; }
#music1 p { margin:6px 14px 0px 2px; line-height:160%; font-size:18px; text-align:center; font-weight:bold }
#music1a { padding-top:15px; padding-right:45px; padding-bottom:10px; padding-left:45px; }
#music1a h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music1a p { margin:2px 14px 0px 2px; line-height:160%; font-size:18px; text-align:left; font-weight:bold }
#music2 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:100px; }
#music2 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music2 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music3 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:100px; }
#music3 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music3 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music4 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:100px; }
#music4 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music4 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
#music5 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:100px; }
#music5 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music5 p { margin:15px 14px 0px 2px; line-height:60%; font-size:17px; text-align:left; }
.artist { margin:15px 14px 0px 2px; line-height:60%; font-size:15px; text-align:left; color:#666666;}
.dcolor { color:#FFFF00; font-weight:bold; padding-left:100px; }
.cfcolor { color:#0FFF9F; font-weight:bold; padding-left:100px;}
.jzcolor { color:#FFFFFF; font-weight:bold; padding-left:100px;}
.fdcolor { color:rgb(19,24,73); font-weight:bold; padding-left:100px;}
/* .xmcolor { color:#8f999f; font-weight:bold; padding-left:100px;} */
/*~~~*/
#contact1 { margin-top:5px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:10px; padding-right:20px; padding-bottom:1px; padding-left:20px; }
#contact1 p { margin:5px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF;}
#contact2 { margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact2 p { margin:20px 1px 20px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF;}
#contact2 h1 { margin:40px 0 20px 0; font-size:30px; padding:1px 0; text-align:center; color:#FFFFFF;}
#contact2 a {color:#FFFFFF; font-size:25px; font-weight:bold; text-decoration:none; }
#contact2 img {width:140px; height:120px; margin-right:auto; margin-left:auto; display:block;
padding-top:1px; padding-bottom:28px; padding-left:20px; padding-right:20px; }
.contactsm1 {color:#FFFFFF; text-decoration:none; }
a:link {color:rgb(19,24,73); font-size:20px;}
a:visited {color:rgb(19,24,73); font-size:20px;}
a:active {color:rgb(19,24,73); font-size:20px;}
a:hover {color:rgb(19,24,73); font-size:20px;}
a:focus {color:rgb(19,24,73); font-size:20px;}
/*~~~*/
#gallery1 { }
#gallery1 img { }
.column { flex:50%; max-width:50%; }
/* NOT IN USE
#gallery1 { padding-top:20px; padding-right:10px; padding-bottom:10px; padding-left:35px; }
#gallery1 img { float:left; width:95%; height:95%; padding:4px; border:1px #888888 solid;
margin-top:0px; margin-bottom:0px; display:block; margin-left:auto; margin-right:auto;}
.enlarge-l:hover { transform:scale(1); transform-origin: 0% 50%; background-color:#666666; transition:transform 0.9s; }
.enlarge-c:hover { transform:scale(1); transform-origin: 50% 50%; background-color:#666666; transition:transform 0.9s; }
.enlarge-r:hover { transform:scale(1); transform-origin: 100% 50%; background-color:#666666; transition:transform 0.9s; }
*/
/*~~~*/
#media-av1 { margin-top:5px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:5px; padding-right:25px; padding-bottom:1px; padding-left:25px; }
#media-av1 h1 { margin:1px 1px 8px 1px; line-height:130%; font-size:28px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av1 p { margin:5px 1px 5px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av1 p a { font-size:18px; font-weight:bold; font-style:normal; text-decoration:underline; }
#media-av1 a:hover { background-color:#CC0066; color:#FFFFFF;}
#media-av2 { margin-top:20px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av2 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
.audio { }
#media-av3 { margin-top:0px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av3 p { margin:1px 1px 15px 1px; line-height:160%; font-size:18px; text-align:center;
font-weight:bold; font-style:normal; }
.ytube-wh { width:1571px; height:421px;}
.yt-text-mob { display:none; }
#blank1 { margin-top:20px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#blank1 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
/*~~~*/
#wbanner { padding-top:2px; }
#wbanner h1 { margin:15px 40px 1px 40px; line-height:130%; font-size:30px; padding:1px 0; text-align:center; }
#wbanner a { font-size:30px; font-weight:bold; font-style:normal; text-decoration:underline; }
#wbanner a:hover { background-color:#CC0066; color:#FFFFFF;}
#wcontent { width:100%; padding-top:10px; padding-right:50px; padding-bottom:10px; padding-left:50px;
background-color:#FFFFFF;}
#wcontent img { float:none; width:85%; height:85%; padding:4px; border:1px #888888 solid;
display:block; margin-left:auto; margin-right:auto;}
/* 600------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:600px) {
#wrapper {width:auto; margin:0px auto; background-color:rgb(19,24,73);}
/* #top { display:none; } ONLY REQUIRED FOR SINGLE PAGE SITES WITH NO MOBILE MENUS */
/*
#logo {margin:0 0 0 15px;}
#logo img {width:80px; height:80px; float:left; }
*/
#logo {margin:0 0 0 0px;}
#logo img {width:0px; height:0px; float:left; }
#topnav { display:none; }
#ogpm { }
#ogpm h1 { display:none; margin:0px 0px 0px 19px; color:#FFFFFF; font-size:15px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic; }
#ogpm h2 { display:none; margin:0px 0px 0px 33px; color:#FFFFFF; font-size:15px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:italic; }
#ogpm h3 { display:none; margin:0px 0px 0px 0px; color:#FFFFFF; font-size:15px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm h4 {margin:0px 0px 0px 0px; color:#FFFFFF; font-size:19px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm p {color:#FFFFFF; font-size:15px; line-height:20px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#ogpm {float:left; margin:0 10px 0 15px;}
#ogpm a {color:#FFFFFF; font-size:17px; line-height:30px; font-weight:bold; font-family:"Mongolian Baiti"; font-style:normal; }
#menu-icon {margin:1px 30px 1px 1px;}
#menu-icon img {width:50px; height:50px; float:right; display:inline-block; }
#menu-icon ul {display:none; float:right;
padding:25px;
background-color:#2f261f;
right:5px;
top: 0;
width: 58%; /* mobile menu background menu width */
height:100%; /* mobile menu background menu height */
position:fixed;
z-index: 1; /* mobile menu. Sit on top */
right:0px; }
height:100%; /* mobile menu background menu height */
position:fixed;
z-index: 1; /* mobile menu. Sit on top */
right:0px; }
#menu-icon ul li a {text-align: left;
width: 100%;
padding: 2px 0;
margin: 50;
color:#FFFFFF; font-weight:bold; font-size:15px;
line-height:28px;
}
#menu-icon ul li {text-align:left; } /* mobile menu text align*/
#menu-icon ul li a {width: 100%;
padding: 2px 0;
margin: 50;
color:#E3E0D9; font-weight:bold; font-size:30px; font-family:Calligraphic; /* mobile menu text */
line-height:50px; /* mobile menu spacing between menu text items*/
}
#menu-icon:hover ul { display: block; }
#menu-icon a:hover {color:#E3E0D9; background-color:#859C62; font-weight:bold; }
#social-media {display:none }
#banner { padding:15px; }
#banner img { width:85%; height:85%; float:none; padding:4px; display:block;
margin-left:auto; margin-right:auto; border:1px #888888 solid;}
#banner h1 { margin:8px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#banner h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#banner p { margin:16px 14px 0px 14px; line-height:160%; font-size:16px;}
#bannerabout { padding:15px; }
#bannerabout img { width:85%; height:85%; float:none; padding:4px; display:block;
margin-left:auto; margin-right:auto; border:0px #888888 solid;}
#bannerabout h1 { margin:8px 0 2px 0; font-size:0px; padding:5px 0; text-align:center; }
#bannerabout h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannerabout h3 { margin:8px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannerabout p { margin:16px 20px 0px 20px; text-align: left; line-height:160%; font-size:17px; color:#FFFFFF;}
#bannerabout a {color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:underline; }
#bannerevents { padding:25px; }
#bannerevents iframe {width:365px; height:800px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#bannerevents h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#bannerevents h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#bannerevents h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
/* #bannerevents p { margin:22px 14px 0px 314px; line-height:160%; font-size:17px; color:#FFFFFF;} */
#bannerevents p { margin:12px 12px 12px 12px; text-align: center; line-height:130%; font-size:17px; color:#FFFFFF;}
#bannerevents a {color:#FFFFFF; font-size:17px; font-weight:normal; text-decoration:underline; }
#bannertestimonials { padding:15px; }
#bannertestimonials img { width:85%; height:85%; float:none; padding:4px; display:block;
margin-left:auto; margin-right:auto; border:1px #888888 solid;}
#bannertestimonials h1 { margin:8px 0 2px 0; font-size:0px; padding:5px 0; text-align:center; }
#bannertestimonials h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannertestimonials h3 { margin:8px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#bannertestimonials p { margin:16px 14px 0px 14px; line-height:160%; font-size:16px;}
#banner1 {display:none; padding:15px }
#banner1 img { width:85%; height:85%; float:none; padding:4px; display:block;
margin-left:auto; margin-right:auto; border:1px #888888 solid; }
#banner1 p { margin:16px 14px 0px 14px; line-height:160%; font-size:15px;}
#content { width:100%; padding:20px; background-color:rgb(19,24,73);}
#content h1 { margin:0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; }
#content p { margin:22px 14px 0px 14px; line-height:160%; font-size:16px;}
#content img { float:none; width:85%; height:85%; padding:4px; border:1px #888888 solid; margin:8px 8px 8px 8px; }
#content h2 { margin:20px 0 0 0;}
#media-ans {padding:0px 0px 0px 0px; }
#media-ans iframe {width:400px; height:225px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
#media-ans p { margin:20px 12px 20px 12px; text-align: center; line-height:130%; font-size:21px; color:#FFFFFF;}
video {width:400px; height:225px; border:none; overflow:hidden; margin-right:auto; margin-left:auto; display:block; float:none; padding:0px 0px 0px 0px; margin: 0 auto;}
/*
#media-ans h1 { margin:20px 0 2px 0; font-size:60px; padding:9px 0; text-align:center; }
#media-ans h2 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans h3 { margin:0px 0 2px 0; font-size:0px; padding:0px 0; text-align:center; }
#media-ans a {color:#FFFFFF; font-size:17px; font-weight:normal; text-decoration:underline; }
*/
#pre-footer-mobile { display:block; clear:both; width:100%; float:left; margin:0px; background-color:rgb(19,24,73);
border-bottom:0px #cccccc solid; }
#pre-footer-mobile p { color:#FFFFFF; font-size:14px; margin-top:15px; margin-bottom:15px; margin-left:15px; }
#pre-footer-mobile a { color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none;}
/*~~~~~~~~~~~~~*/
#musicabout { padding:15px; }
#musicabout img { width:65%; height:65%; float:none; padding:4px; display:block;
margin-left:auto; margin-right:auto; border:0px #888888 solid;}
#musicabout h1 { margin:8px 0 2px 0; font-size:0px; padding:5px 0; text-align:center; }
#musicabout h2 { margin:2px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#musicabout h3 { margin:8px 0 2px 0; font-size:40px; padding:5px 0; text-align:center; }
#musicabout p { margin:16px 5px 0px 5px; text-align: center; line-height:160%; font-size:17px; color:#FFFFFF;}
#musicabout a {color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:underline; }
#music1 { padding-top:15px; padding-right:17px; padding-bottom:5px; padding-left:17px; }
#music1 h1 { margin:4px 0 6px 0; font-size:22px; padding:1px 0; text-align:center; }
#music1 p { margin:4px 14px 1px 2px; line-height:140%; font-size:16px; text-align:center; font-weight:bold }
#music1a { padding-top:15px; padding-right:17px; padding-bottom:5px; padding-left:17px; }
#music1a h1 { margin:4px 0 4px 0; font-size:22px; padding:1px 0; text-align:center; }
#music1a p { margin:1px 14px 1px 2px; line-height:140%; font-size:16px; text-align:center; font-weight:bold }
#music2 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:17px; }
#music2 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music2 p { margin:15px 14px 0px 2px; line-height:50%; font-size:14px; text-align:left; }
#music3 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:17px; }
#music3 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music3 p { margin:15px 14px 0px 2px; line-height:50%; font-size:14px; text-align:left; }
#music4 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:17px; }
#music4 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music4 p { margin:15px 14px 0px 2px; line-height:50%; font-size:14px; text-align:left; }
#music5 { padding-top:1px; padding-right:0px; padding-bottom:20px; padding-left:17px; }
#music5 h1 { margin:4px 0 4px 0; font-size:35px; padding:1px 0; text-align:center; }
#music5 p { margin:15px 14px 0px 2px; line-height:50%; font-size:14px; text-align:left; }
.artist { margin:15px 14px 0px 2px; line-height:50%; font-size:12px; text-align:left; color:#666666;}
.dcolor { color:#FFFF00; font-weight:bold; padding-left:17px; }
.cfcolor { color:#0FFF9F; font-weight:bold; padding-left:17px;}
.jzcolor { color:#FFFFFF; font-weight:bold; padding-left:17px;}
.fdcolor { color:rgb(19,24,73); font-weight:bold; padding-left:17px;}
/* .xmcolor { color:#8f999f; font-weight:bold; padding-left:17px;} */
*/
/*~~~*/
#contact1 { margin-top:5px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:10px; padding-right:20px; padding-bottom:1px; padding-left:20px; }
#contact1 p { margin:5px 1px 5px 1px; line-height:160%; font-size:16px; text-align:center;
font-weight:bold; font-style:normal; }
#contact2 { margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact2 p { margin:20px 1px 20px 1px; line-height:160%; font-size:14px; text-align:center;
font-weight:bold; font-style:normal; }
#contact2 h1 { margin:34px 0 20px 0; font-size:22px; padding:1px 0; text-align:center; }
#contact2 a {color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none; }
#contact2 img {width:125px; height:105px; margin-right:auto; margin-left:auto; display:block;
padding-top:1px; padding-bottom:28px; padding-left:20px; padding-right:20px; }
.contactsm1 {color:#FFFFFF; text-decoration:none; }
a:link {color:rgb(19,24,73); font-size:20px;}
a:visited {color:rgb(19,24,73); font-size:20px;}
a:active {color:rgb(19,24,73); font-size:20px;}
a:hover {color:rgb(19,24,73); font-size:20px;}
a:focus {color:rgb(19,24,73); font-size:20px;}
#contact3 { margin-top:5px; margin-bottom:10px; margin-left:1px; margin-right:1px;
padding-top:5px; padding-right:5px; padding-bottom:1px; padding-left:5px; }
#contact3 p { margin:5px 1px 5px 1px; line-height:160%; font-size:16px; text-align:center;
font-weight:bold; font-style:normal; color:#FFFFFF;}
#contact3 a {color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none; }
#contact3 img {width:120px; height:120px; margin-right:auto; margin-left:auto; display:block;
padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px; }
/*~~~*/
#gallery1 { }
#gallery1 img { }
.column { flex:100%; max-width:100%; }
/* NOT IN USE
#gallery1 { padding-top:20px; padding-right:10px; padding-bottom:10px; padding-left:20px; }
#gallery1 img { float:left; width:90%; height:90%; padding:4px; border:1px #888888 solid;
margin-top:0px; margin-bottom:0px; display:block; margin-left:auto; margin-right:auto;}
.enlarge-l:hover { transform:scale(1); transform-origin: 0% 50%; background-color:#666666; }
.enlarge-c:hover { transform:scale(1); transform-origin: 50% 50%; background-color:#666666; }
.enlarge-r:hover { transform:scale(1); transform-origin: 100% 50%; background-color:#666666; }
*/
/*~~~*/
#media-av1 { margin-top:5px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:5px; padding-right:25px; padding-bottom:1px; padding-left:25px; }
#media-av1 h1 { margin:1px 1px 8px 1px; line-height:130%; font-size:20px; text-align:center;
font-weight:bold; font-style:normal; }
#media-av1 p { margin:5px 1px 5px 1px; line-height:130%; font-size:15px; text-align:justify;
font-weight:bold; font-style:normal; }
#media-av1 p a { font-size:15px; font-weight:bold; font-style:normal; text-decoration:underline; }
#media-av1 a:hover { background-color:#CC0066; color:#FFFFFF;}
#media-av2 { margin-top:10px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av2 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
.audio { }
#media-av3 { margin-top:0px; margin-bottom:1px; margin-left:1px; margin-right:1px;
padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#media-av3 p { margin:10px 1px 15px 1px; line-height:3%; font-size:14px; text-align:center;
font-weight:bold; font-style:normal; }
.ytube-wh { width:330px; height:225px;}
.yt-text-mob { display:block; }
#blank1 { margin-top:10px; margin-bottom:0px; margin-left:1px; margin-right:1px;
padding-top:20px; padding-right:5px; padding-bottom:1px; padding-left:5px;
background-color:rgb(19,24,73); }
#blank1 p { margin:1px 1px 15px 1px; line-height:3%; font-size:14px; color:white; text-align:center;
font-weight:bold; font-style:normal; }
/*~~~*/
#wbanner { padding-top:2px; }
#wbanner h1 { margin:15px 16px 1px 16px; line-height:130%; font-size:18px; padding:1px 0; text-align:center; }
#wbanner a { font-size:18px; font-weight:bold; font-style:normal; text-decoration:underline; }
#wbanner a:hover { background-color:#CC0066; color:#FFFFFF;}
#wcontent { width:100%; padding-top:5px; padding-right:20px; padding-bottom:5px; padding-left:20px;
background-color:#FFFFFF;}
#wcontent img { float:none; width:95%; height:95%; padding:4px; border:1px #888888 solid;
display:block; margin-left:auto; margin-right:auto;}
/* --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* Tables */
/* ====== */
table { width:100%; }
tr { }
.odd { background-color:#eee; }
.even { background-color:#fff; }
th { font-weight:bold; }
thead, th { background: #ccc; }
tbody { }
th,td,caption
{ }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }
caption { background:#efefef; }
/* Forms */
/* ===== */
form { text-align:left; margin:20px;}
label, submit, input, textarea
{ border:0; padding:0; margin:0; background:none; }
label { float:left; width:150px; text-align:right; display:block; }
input, textarea
{ border:1px #333 solid; margin-left:10px;}
input { width:280px; margin-bottom:16px; }
textarea { width:280px; height:150px; margin-bottom:16px; }
select { }
.submit { width:90px; height:25px; margin-left:150px; font-size:12px; }
br { clear:left }