* { margin: 0; padding: 0; border: 0; font-size: 18px; }
ul ol li { list-style: none; }
hr { display: block; margin: 1rem auto; border-bottom: 1px inset #999; }

a:link, a:visited, a:hover { color: #6a2e10; text-decoration: none; }
a:hover { color: #e93; }

body { font: 1rem pt-sans, arial, sans-serif; text-align: center; color: #6a2e10; background: #c2a99c; background-image: linear-gradient(to bottom, #6f3213 0%, #c2a99c 40%, #f1f0eb 90%); }

/********************* Grid Styling **********************/
#all-content { padding-top: 1rem; max-width: 80rem; margin: 0 auto; }

/******************* Main Page Structure ******************/

.titleimg { margin: -0.8rem 1rem 0 1rem; }
.juments { margin: 0 1rem; }

#columns { text-align: center; display: flex; flex-wrap: wrap; column-gap: 0.5rem; max-width: 58rem; margin: 0 auto;}
.col1 { padding: 0 0.6rem; max-width: 17rem; }
.col2 { padding: 0 0.6rem; max-width: 17rem; }
.col1, .col2 { font-weight: bold; text-align: center; }
.col3 { padding: 0 0.6rem; border: 1px solid #f25c19; border-radius: 8px; max-width: 22rem; }
.col3 h4 { margin: 0.6rem 0 0 0; }
.col3 p { text-align: left; font-size: 0.8rem; font-weight: bold; margin: 0.5rem 0 0 0; }
.col3 p a { font-size: 0.6rem; font-style: italic; margin: 0; padding: 0; }
.csptx { font-size: 1.1rem; color: #f25c19; text-shadow: 4px 4px 6px #666; }

#visit { float: left; margin-left: 1rem; font-size: 0.8rem; }

.txtl { text-align: left; }
.txtr { text-align: right; }
.txtc { text-align: center; }
.txtj { text-align: justify; }
.txtb { font-weight: bold; }
.txti { font-style: italic; }
.txtu { text-decoration: underline; }
.nowrap { white-space: nowrap; }

.fs0-6em { font-size: 0.6rem; }
.fs0-7em { font-size: 0.7rem; }
.fs0-8em { font-size: 0.8rem; }
.fs0-9em { font-size: 0.9rem; }
.fs1-0em { font-size: 1rem; }
.fs1-2em { font-size: 1.2rem; }
.fs1-4em { font-size: 1.4rem; }

.mrgt-02 { margin-top: -0.2rem; }
.mrgl05 { margin-left: 0.5rem; }
.nomrg { margin: 0!important; }

.fltl { float: left; }

.tcm { color: #6a2e10; }
.tcg { color: #45a12a; }
.tcr { color: #cc071e; }
.tcb { color: #009ee0; }
.tcy { color: #fecc00; }
.tcp { color: #e2007a; }
.tco { color: #eb6909; }
.tcn { color: black; }
.tcw { color: white; }
.tclb { color: lightblue; }
.hiy { background-color: #FFFF00; }


/**************** Audio Control ********************/
#audiocontrol { padding: 0; margin: 0 auto; list-style: none; width: 34px; height: 34px; }
#audiocontrol ul { margin: 0 auto; margin-left: -114px; margin-top: -40px; z-index: -1; width: 260px; height: 40px; background-image: url(../images/svg/gray-line.svg); background-position: left bottom; background-repeat: no-repeat; display: flex; flex-flow: row wrap; justify-content: space-between; visibility: hidden; }
#audiocontrol > li, #audiocontrol ul li a { border: 1px solid #999; border-radius: 3px; background: rgb(239, 226, 186); background-image: radial-gradient(ellipse, rgba(239, 226, 186, 1) 10%, rgba(215, 153, 34, 1) 90%); }
#audiocontrol > li { margin: 0 auto; width: 34px; height: 34px; }
#audiocontrol ul li a { display: inline-block; width: 26px; height: 26px; margin-top: 15px; }
#audiocontrol ul li:nth-child(2) a { flex: 2 1 auto; margin-right: 30px; }
#audiocontrol ul li:nth-child(3) a { flex: 2 1 auto; margin-left: 30px; }
#audiocontrol li:hover > ul { visibility: visible; }
#audiocontrol > li:hover, #audiocontrol li:hover ul li a:hover { border: 1px solid #fff; }

/***************** Main Menu ******************/
nav { min-width: 16rem; position: relative; display: flex; flex-flow: row wrap; justify-content: center; }
nav a { display: block; line-height: 2rem; font-family: timescrdmed; font-weight: bold; }

#check-main-menu, .toggle { display: none; }

nav ul { display: flex; flex-flow: row wrap; justify-content: center; }
nav ul li { display: block; position: relative; margin-top: 0; margin-left: 0.5rem; border: 2px inset #ccc; background: #6a2e10; }
nav ul li:first-child, nav ul li:first-child a { margin-left: 0; border-radius: 10px 0 0 10px; }
nav ul li:last-child, nav ul li:last-child a { border-radius: 0 10px 10px 0; }
nav ul li a { padding: 0.8rem 0.6rem; }
nav ul ul { position: absolute; left: -9999px; display: block; }

nav ul li ul > li { margin: 0; background: 0; border: 0; border-top: 1px solid silver; width: 100%; }
nav ul li ul > li:first-child { border: 0; }
nav ul li ul > li:first-child a,
nav ul li ul > li:last-child,
nav ul li ul > li:last-child a { border-radius: 0; }
nav ul li ul li a { padding: 0 1rem; line-height: 1.2rem; width: 15rem; }
nav ul li.has-sub ul li a span { font-size: 0.8rem; }

nav ul li:hover > ul { visibility: visible; }
nav ul li:hover > ul { left: -1px; top: 3.7rem; }
nav ul li:hover > ul li {background-color: #6a2e10; }
nav li:hover > a { background: #852; }

nav li.has-sub > ul { margin: 0; border-radius: 6px; border: 1px solid silver; background: #6a2e10; }
nav ul li.has-sub a.bgimg { background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: top 0.6rem left 0.6rem; width: 15rem; }
nav ul li.has-sub a.bgimg img { margin-left: 13rem; }
nav ul li.has-sub a.mnudwn img { margin-left: 0.5rem; }
nav ul li.has-sub ul li a.mnuwd11r { width: 11rem; }