/* Peter Kennedy */
@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;
  }
body {
  background:#A9A9A9;
  background:url("images/background.jpg");
  padding: 0;
  margin: 0;
  font-family: tahoma, arial, helvetica, sans-serif;
  }
footer {
    clear: right;
    display: block;
    background: #696969;
    padding: 0.25em;
    margin: 0;
    font-size: 16px;
    color: black;
}
figure {
display: block;
Float:right;
margin:0 0 0.5em 1em;
padding:0;
text-align:center;
background: #F8F7ED;
        color: #696969;
}

figure1 {
  display: block;
  Float:left;
  margin:0 0 0.5em 1em;
  padding:0;
  text-align:center;
  }
figcaption {
margin: 0;
padding: 0 ;
display:block;
}
footer p {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
color: white;
font-size: 16px;
}
h1, nav {
    text-align: center;
    font-family: CuprumFFURegular, georgia, "times new roman", times, serif;
    color: #696969;
    font-size: 16px;
}
h1 {
  margin: 0;
  }
h2 {
  font-size: 20px;
  font-family: CuprumFFURegular, georgia, "times new roman", times, serif;
  color: #696969;
  }
h3 {
  font-size: 25px;
  font-family: CuprumFFURegular, georgia, "times new roman", times, serif;
  color: #696969;
  }
nav {
  display: block;
  padding: 0.25em;
  margin: 0;
  }
nav p {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  }
.mainnav {
  
  hight:120px;
  margin: 0;
  }
logo {
float:right;
}
#box {
  width: 55em;
  padding: 1em;
  margin: 0 auto; 
  background: #A9A9A9;
  }
  #vidlinks {
    width: 50em;
    padding: 1em;
    margin: 0 auto; 
    
    margin-left: 30px;
    }

     #leftbox { 
                float:left;   
                width:50%; 
             background: #A9A9A9;
border:black;
            } 
            #middlebox{ 
                float:left;   
                width:25%; 
               background: #A9A9A9;
            } 
            #rightbox{ 
                float:right;  
                width:25%; 
              background: #A9A9A9;
            } 
      
    
         
    #boxer {
      
      padding: 10px;
      padding-bottom: 10px;
      padding-top: 0px;
      margin: 0 auto; 
      color: #696969;
      background: #F8F7ED;
      
      }
    #vidlinks1 {
      width: 50em;
      padding: 10px;
      padding-bottom: 10px;
      padding-top: 5px;
      margin: 0 auto; 
      color: #696969;
      
      }
      #vidlinks2 {
        width: 50em;
        padding: 10px;
      padding-bottom: 10px;
      padding-top: 5px;
        margin: 0 auto; 
        background: #F8F7ED;
        color: #696969;
        }
        #Justtext{
          background: #F8F7ED;
          color: #696969;
          }
        #textbackground {
          width: 50em;
          padding: 10px;
        padding-bottom: 10px;
        padding-top: 5px;
          margin: 0 auto; 
          background: #F8F7ED;
          color: #696969;
          }
  #box1 {
    width: 60em;
    padding: 1em;
    margin: 0 auto; 
    background: #A9A9A9;
   
    }
#contact {
  padding: 0.25em 1.5em;
  background: #696969;
  }
#mainnav {
  width: 100%;
  background: #696969;
color: F8F7ED;
  }
#name {
  font-weight: bold;
  }
#pagenav {
  text-align: center;
  color: F8F7ED;
  background: #696969;
  padding: 0.25em;
  margin: 0;
  }
#skipnav {
  width: 40em;
  text-align: right;
  margin: 0 auto;
  padding: 0.25em;
  }
#vid1{
  padding: 5px;
}
#vid2{
  padding: 5px;
}
#vid3{
  padding: 5px;
  font-size: 25px;
}
#vid4{
  padding: 5px;
}
#vid5{
  padding: 5px;
}
#vid6{
  padding: 5px;
}
#vid7{
  padding: 5px;
}
#vid8{
  padding: 5px;
}
#vid9{
  padding: 5px;
}
#vid10{
  padding: 5px;
}

#title {
  font-style: italic;
  }

.callout {
  font-weight: bold;
  }
.desc {
  padding: 0 0 0 3em;
  margin: 0;
  }
  
.toplink {
clear:right;
  text-align: right;
  padding: 0 1em 0.25em 0;
  margin: 0;
  }
a:link {
  color: #696969;
  }
a:visited {
  color: #696969;
  }
img {
border:0;
}
a:hover {
  color: black;
  }
a:active {
  color: #A9A9A9;
  }
#skipnav a:link {
color:white;
  }
#skipnav a:visited {
color:white;
}
#skipnav a:hover {
color: black;
}
#pagenav a:link {
  color: white;
  }
#pagenav a:visited {
  color: white;
  }
#pagenav a:hover {
  color: black;
  }
#pagenav a:active {
  color: white;
  }
#mainnav a:link {
  color: white;
  }
#mainnav a:visited {
  color: white;
  }
#mainnav a:hover {
  color: black;
  }
#mainnav a:active {
  color: white;
  }






.container { 
            width:424px; 
            height:30px; 
            background-color:#A9A9A9; 
            padding-top:5px; 
            padding-left:2px; 
            padding-right:5px;
            padding-bottom:5px; 
        } 
        #st-box { 
            float:left; 
            width:200px; 
            height:21px; 
            background-color:#A9A9A9; 
            border:#A9A9A9; 
        } 
        #nd-box { 
            float:left; 
            width:25px; 
            height:25px; 
            background-color:#A9A9A9;  
            border:#A9A9A9; 
            margin-left:10px; 
        } 
        #rd-box { 
            float:left; 
            width:44px; 
            height:25px; 
            background-color:#A9A9A9; 
            border:black; 
	    margin-left:10px; 
        } 
       
        </style>