body { 
background-color:#011222;
color:#fe811b;
font-size:1.15em;
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
font-family: 'DM Sans', Verdana, sans-serif;
text-align:center;
margin:0px;
}
h1 {
font-size:1.5em;
font-weight:bold;
text-align:center;
}
h2 {
font-size:1.25em;
font-weight:bold;
text-align:center;
}
h3 {
font-size:1.15em;
font-weight:bold;
}
a {
color:#FF74D9;
}
a:hover {
color:#B37400;
}
/* Top Navigation Menu */
#menu {
width: 100%;
padding: 25px auto;
background-color:#4D004D;
color:#B37400;
}
#menu-logo {
width:25%;
display:inline;
}
#menu-logo a {
border:none;
text-decoration:none;
}
#menu-logo a img {
width:100%;
display:inline;
}
#menu ul, #menu li {
margin: 0;
padding: 0;
list-style: none;
}
#menu ul {
position: relative;
display: inline;
float: right;
margin-top: 25px;
padding-right: 30px;
}
#menu li {
margin: 0px 10px;
float: left;
display: inline;
position: relative;
}
#menu a {
display: block;
line-height: 50px;
padding: 10px 14px;
text-decoration: none;
color: #FF74D9;
font-size: 1.75em;
font-weight: bold;
text-shadow: 0px 0px 4px #fff;
}

/* Cookie Compliance Box */
#cookie-box {
color:#1F8384;
font-size:16px;
z-index: 5;
right: 10px;
bottom: 10px;
width: 350px;
position: fixed;
padding: 20px;
}
#cookie-btn {
border: 2px solid #1F8384;
color:#1F8384;
border-radius:5px;
background-color:#1B1C1E;
text-decoration:none;
width: 100px;
margin: 0 auto;
font-size: 24px;
font-weight: bold;
}
#cookie-btn:hover {
border-color:#B37400;
background-color:#0B1215;
color:#B37400;
}

/* Title Logo Box */
#title-box { 
width:100%; 
height:500px; 
background-image:url('../images/slcad-title-bg.jpg'); 
background-repeat:no-repeat; 
background-attachment:fixed; 
background-size:cover;
background-position:center;
margin-bottom:30px;
}
#title-logo {
width: 80%;
display:inline-block;
margin:50px auto 0px;
}
#title-logo img {
width:100%;
}
#title-box h1 {
text-shadow: 0 0 10px #000000;
}

/* Bordered Box */
.bordered-box {
border:5px solid #1F8384;
border-radius:12px;
background-color:#0B1215;
padding:15px;
display:inline-block;
}
.bordered-box a {
border:none;
}
.bordered-box a img {
width:100%;
}

/* Borderless Box */
.borderless-box {
margin:15px auto;
padding:15px;
display:inline-block;
}

/* Content Boxes */
.small-box {
width:150px;
padding:15px;
margin:15px;
}

.small-box img {
width:80%;
margin:15px auto;
}

.medium-box {
padding:15px;
width:250px;
margin:15px;
}
.medium-box img {
width:80%;
margin:15px auto;
}

.large-box {
padding:15px;
width:500px;
margin:15px;
}
.large-box img {
width:80%;
margin:15px auto;
}

.large-text-box {
max-width:1000px;
margin:15px auto;
text-align:left;
padding:0 25px;
}
.section-header {
max-width:1000px;
margin:15px auto;
text-align:center;
padding:0 25px;
}

/* Form Input */
.input-box {
border: 2px solid #1F8384;
color:#1F8384;
border-radius:5px;
background-color:#1B1C1E;
text-decoration:none;
height:25px;
padding:10px;
}
.input-box:hover {
border-color:#B37400;
background-color:#0B1215;
color:#B37400;
}

/* Divider Line */
.divider {
width:85%;
height:5px;
background-color:#cc0096;
margin:25px auto;
}

/* Footer */
#footer {
width:100%;
padding:15px;
text-align:center;
font-size:1.05em;
margin-bottom:20px;
}