/* The North Florida Emerald Society (NFES) Pipes & Drums */
@font-face {
  font-family: 'CuprumFFURegular';
  src: url('fonts/Cuprum-webfont.eot');
  src: local('☺'), url('fonts/Cuprum-webfont.woff') format('woff'), url('fonts/Cuprum-webfont.ttf') format('truetype'), url('fonts/Cuprum-webfont.svg#webfontKLktnWy4') format('svg');
  font-weight: normal;
  font-style: normal;
  }
h1, h2, h3, nav, footer {
  font-family: CuprumFFURegular, georgia, "times new roman", times, serif;
  }
h1, h2, nav, footer {
  text-align: center;
  }
body {
  width: 44em;
  padding: 0;
  margin: 0 auto;
  font-family: tahoma, arial, helvetica, sans-serif;
  background: white;
  background: url("images/nfes.jpg");
  }
footer {
  display: block;
  padding: 0;
  margin: 0;
  clear: right;
  font-size: 1.25em;
  color: white;
  }
footer p {
  background: rgb(0,23,57);
  text-align: center;
  margin: 0;
  padding: 0.25em;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }
h1 {
  font-size: 2.25em;
  margin: 0;
  padding: 0;
  float: left;
  }
h2 {
  font-size: 1.5em;
  border: none;
  margin: 0; 
  }
h3 {
  font-weight: bold;
  border: none;
  margin: 0;
  }
img {
  border: none;
  margin-right: 0.5em;
  }
nav {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.25em;
  }
nav p {
  text-align: center;
  margin: 0;
  padding: 0;
  }
ul {
  list-style-type: square;
  }
#aboutus {  
  background: rgb(0,23,57);
  text-align: center;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 0.25em;
  }
#aboutus li, #pictures li {
  display: inline;
  list-style-type: none;
  padding: 0.25em;
  }
#box {
  padding: 1em;
  margin: 0, auto; 
  background: white;  
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  }
#contact  img{
  padding-left: 0.5em;
  }
#links {
  width: 6em;
  height: 47em;
  float: right;
  list-style-type: none;
  margin: 0;
  background: lightblue;
  padding: 1em;
  text-align: center;
  margin-left: 1em;
  }
#mainnav {
  background: rgb(0,23,57);
  text-align: center;
  margin: 0;
  padding: 0.25em;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  }
#mainnav li {
  display: inline;
  list-style-type: none;
  padding: 0.25em;
  }
#maintext {
  margin: 0;
  padding: 1em;
  }
#next {
  float: right;
  text-align: right;
  }
#picnav {
  color: white;
  list-style-type: none;
  background: rgb(0,23,57);
  text-align: center;
  margin-top: 0;
  margin-bottom: 3px;
  padding: 0.25em;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  }
#previous {
  float: left;
  text-align: left;
  }
#skipnav {
  text-align: right;
  margin: 0 auto;
  padding: 0.25em;
  }
#title {
  font-style: italic;
  }
.bold {
  font-weight: bold;
  }
.callout {
  font-weight: bold;
  font-size: 1.5em;
  }
a:link {
  color: white;
  }
a:visited {
  color: lightblue;
  }
a:hover {
  color: yellow;
  }
a:active {
  color: red;
  }
#links a:link {
  color: blue;
  }
#links a:hover {
  color: black;
  }
#links a:visited {
  color: purple;
  }