@charset "utf-8";
/* CSS Document */


   html {background-image: url(Have%20a%20Cold%20One/media/bg_gradient.png);
   background-repeat:fixed;  
   background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
body {
margin: 0px auto;
padding: 0px;
line-height: 2em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
}

 /* Header style */
  header { 
  padding:10px, 0px, 10px, 0px;
  text-align:center;
  display: block;
  margin-top:0;
  }
  
  footer {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-top: 50px;
    text-align: center;
	}

p {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 10 px;
	padding-right: 15px;
	margin-left: 10px;
	margin-right: 20px;
}	


h1 {
	
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10 px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: auto;
	font-size: 40px;
	font-style:italic;
	color: #000;

  }
  
  h2 {
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-left: 10 px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 28px;
	font-style:italic;
	color: #000;

  }
  
  h3 {
	font-family: Georgia, "Times New Roman", Times, serif;  
	font-size: 18px;
	padding-left: 10 px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align:center;
	padding-bottom:10px;
	font-style:italic;
	color: #000;

  }
  
  .textbox {
	border: 5px solid #000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	background-color: #FC6;
	margin:0px auto;
	position:relative;
    padding: 0px;
	width: 1000px;
	min-height:950px;
	
}
/* these settings are to align images and some headings left right or center */
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

.right {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

.left {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.leftside {
	float:left;
	margin-left: 240px;
	margin-right: 0px;
}

.rightside {
	float:right;
	margin-right:100px;
	margin-left: 0px;
	
}
#wrapper {
margin: 0 auto;
position:relative;
}


/* this is the setting for the navigation bar and links */
   nav {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 18px;
	 margin-bottom:70px;
	 position:relative;
	 padding-top:none;
	 width:1000px;

 }
 ul {
    list-style-type: none;
    margin: 0px, 50px, 0px, 0px;
    padding: 0;
	text-align: center;
    overflow: hidden;
    background-color: #FC6;
	height: 50px;
	
	
	
}

 
 li {
	 display:inline-block;
	
	 color: #000;
	 margin-right: 30px;
	 
 }
 li a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding:10px, 40px, 10px, 40 px;
	margin-right: 30px;
    text-decoration: none;
}

/* hover on link */
/*#nav a:hover {
	font-size:20px;
	color: #C00
}*/

/* visited link */
#nav a:visited {
    color: #333;
    }
	
	 footer {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-top: 50px;
    text-align: center;
	}
	
	figcaption {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

@media screen and (max-width: 1200px) {
	nav {
	  ul { 
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #FC3;
	  }
	ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #FC3;
    border: 5px solid  #000;
}

li a {
    display: block;
	display:inline-block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

li {
    text-align: center;
	display:inline-block;
    border-bottom: 1px solid #555;
}

li:last-child {
    border-bottom: none;
}

li a.active {
    background-color: #4CAF50;
    color: white;
}

li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
}