html,body {
margin: 0;
padding: 0;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
color: rgb(60,60,60);
font-size: 16px;
font-weight: normal; /* 'bold' */
font-style: normal; /* 'italic' */
text-decoration: none; /* 'underline', 'overline' or 'line-through' */
text-transform: none; /* 'capitalize', 'uppercase' or 'lowercase' */
letter-spacing: normal; /* The value can be a length '0.5em' or 'normal' */
word-spacing: normal; /* The value can be a length '2em' or 'normal' */
text-align: left; /* The text-align property will align the text inside an element to 'left', 'right', 'center', or 'justify'. */
}
.container {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
height: auto;
background-image: url("/Images/background01.jpg");
background-repeat: no-repeat;
background-size: cover;
}
/*Navigation Bar*/
.topnav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: visible;
background-color: rgb(60,60,60); /*charcoal*/
position: fixed;
top: 0;
width: 100%;
}
.dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
display: inline-block;
border-right: 1px solid rgb(255,255,255); /*white*/
}
.dropdown:last-child {
border-right: none;
}
.dropdown:hover {
background-color: rgb(175,175,175); /*grey*/
background-color: rgba(175,175,175,0.85); /*grey*/
}
.dropdown-content {
display: none;
position: absolute;
background-color: rgb(200,200,200); /*medium grey*/
width: auto;
overflow:auto;
box-shadow: 0 8px 16px 0 rgba(0,0,0,1);
}
.dropdown-content a {
color: rgb(60,60,60); /*charcoal*/
border-top: 1px solid rgb(60,60,60); /*charcoal*/
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: rgb(235,235,235); /*light grey*/
background-color: rgba(235,235,235,0.85); /*light grey*/
}
.dropdown:hover .dropdown-content {
display: block;
}
#active {
background-color: rgb(244, 140, 37); /*orange*/
background-color: rgba(244, 140, 37, 0.85); /*orange*/
}
.wrapper {
width: 75%;
height: auto;
background-color: rgb(255, 239, 213); /* papayawhip */
border-style: solid;
border-width: 0 2px;
border-color: rgb(60,60,60);
padding: 20px 20px 0 20px;
margin: auto
}
.header {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.title {
color: rgb(244, 140, 37);
background: -o-linear-gradient(45deg, rgba(60,60,60, 1) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+*/
background: -webkit-gradient(45deg, rgba(60,60,60, 1) 0%,rgba(0,0,0,0.55) 100%); /* old webkit (Safari 4+ and Chrome)*/
background: -moz-linear-gradient(45deg, rgba(60,60,60, 1) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(60,60,60, 1) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(60,60,60, 1) 0%,rgba(0,0,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-shadow: 0.5px 0.5px 1.5px rgb(225,225,225);
font-family: Verdana, sans-serif;
font-size: 34px;
font-weight: bold;
text-transform: uppercase;
margin: 40px 0 10px 0;
padding: 10px;
border-style: solid;
border-width: 4px;
border-color: rgb(244, 140, 37);
border-radius: 12px;
}
.body {
width: 100%;
height: auto;
margin: 0;
line-height: 1.5;
}
.bib{
/* padding: 5px 0 0 0;*/
line-height: 1.25;
}
h2, h3, h4 {
margin-top: 40px;
margin-bottom: 10px;
}
#link {
text-decoration: none;
color: rgb(219, 114, 11); /*orange*/
font-weight: bold;
letter-spacing: 0.8px;
}
#link:hover {
/* background-color: rgb(255, 216, 153); /*dark papayawhip*/
/* background-color: rgba(255, 216, 153, 0.8); /*dark papayawhip*/
text-decoration: underline;
padding: 2px;
}
.contactdetails li {
text-decoration: none;
list-style-type: none;
line-height: 1.1;
}
.footer {
width: 100%;
height: auto;
margin: 0;
font-size: 12px;
margin-top: 30px;
border-top: 1px solid rgb(60,60,60); /*charcoal*/
}