/*Header.css*/

#userlinks {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    background-color: #bf5867;
    text-transform: uppercase;
    z-index: 12;
    line-height: 104%;
}

#userlinks a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 17pt;
    width:200px;
    color: #deb45c;
    letter-spacing:2px;
    word-spacing:4px;
    padding: 20px 5px;
}

#userlinks a:hover {
	color: #bf5867;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
	letter-spacing:2px;
	word-spacing:4px;
	background-color:#deb45c;
}

.headbubble1{
	width: 383px;
	height: 268px;
	text-align:	justify;
	padding:5px;
}

.headbubble4{
	height: 227px;
	overflow: auto;
	text-align:	justify;
	padding:5px;
	font-size:13pt;
}

.headbubble5{
	width: 335px;
	height: 75px;
	overflow: auto;
	text-align:justify;
	padding:5px;
}


.headgesbox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.headbubble2{
	width: auto;
	height: auto;
}

.headbubble3{
	height: 101px;
	width: 651px;
	overflow: auto;
	text-align:justify;
	padding:5px;
}

.headbubble6{
	width: 510px;
	height: 242px;
	overflow: auto;
	text-align:justify;
	padding:5px;
	}


.headhline1{
font-size:26px;
 font-family: 'Oswald', sans-serif;
 text-align: center;
 color: #453753;
 border-bottom: 1px solid #bf5867;
 text-transform: uppercase;
 display: block;
 line-height: 30px;
}

.headhline2 {
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    text-transform: uppercase;
	width: 900px;
}

.headhline3{
font-size:16px;
 font-family: 'Oswald', sans-serif;
 text-align:center;
 border-bottom:1px solid #bf5867;
 text-transform:uppercase;
 display: block;
 line-height: 17px;
}

.headnews{
border-bottom:1px solid #bf5867;
text-align:center;
font-size:13pt;
}

.teamonlinebox{
width: 330px;
    height: 115px;
    padding: 3px;
    overflow: auto;
}

.headteam{
 width:75px;
height:75px;
border: 1px solid #453753;
padding:2px;
}

.headteam:hover{
  width:75px;
height:75px;
padding:2px;
border-radius:100px;
border: 1px solid #deb45c;
opacity:0.6;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.tabbed{
width: 1198px;
}

.tabbed figure {
 
   display: block; 
   margin-left: 0; 
   border-bottom: 1px solid #c9c5bd;
   clear: both;
}

.tabbed > input,
.tabbed figure > div {
 display: none;
}

.tabbed figure>div {
  padding: 5px;
  width: 1186px;
  height: 280px;
  border: 1px solid #c9c5bd;
  background: #c9c5bd;
  color: #10265f;
}

nav label {
   float: left;
   padding: 5px;
   border-top: 1px solid #e6806c;
   border-right: 1px solid #e6806c;
   background: #e6806c;
   color: #453753;
   width: 388px;
   height: 30px;
   font-size: 20px;
   text-align: center;
   font-family: 'Saira Condensed', sans-serif;
   text-transform: uppercase;
}

nav label:nth-child(1) {
 border-left: 1px solid #deb45c;
}

nav label:hover {
 background: #deb45c; 
   height: 30px;
      padding: 5px;
}

nav label:active {
 background: #deb45c;
   height: 30px;
   padding: 5px;
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"]{
  background: #bf5867;
  color: #c9c5bd;
  position: relative;
  border-bottom: none;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after {
  content: "";
  display: block;
  position: absolute;
  background: #bf5867;
  left: 0;
  bottom: -1px;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4 {
	display: block;
}

/* Dropdown Button */
.dropbtn {
  background-color: #bf5867;
  color: #deb45c;
  font-family: 'Oswald', cursive;
  text-transform: uppercase;
  font-size: 17pt;
  border: none;
   width:200px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #bf5867;
  min-width: 160px;
  z-index: 1;  
  border-radius:1px;
}

/* Links inside the dropdown */
.dropdown-content a {
	font-size:17pt;
 color: #deb45c;
  text-decoration: none;
  display: block;
  border-radius:1px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #bf5867;
 color: #deb45c;
   font-family: 'Oswald', cursive;
   font-size:17pt;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
background-color: #bf5867;
 color: #deb45c;
 font-size:17pt;
   font-family: 'Oswald', cursive;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
width: 200px;
background-color:#bf5867;
 color: #deb45c;
 font-size:17pt;
   font-family: 'Oswald', cursive;
}