fix links on book page (weird colors)
fix footer font

.floatleft {float: left;}

.floatright {float: right;}

body {width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 2px;}

header {background-color: ;
width: 1200px;
margin-left: auto;
margin-right: auto;}

.headercenter {margin-left: auto;
margin-right: auto;
width: 1200px;}

h1 {font-family: "Andika New Basic", arial, sans-serif;
font-size: 1.75em;}

h2 {font-family: "Andika New Basic", arial, sans-serif;
font-size: 1.5em;
color: #0B3C5D;}

h3 {font-family: "Andika New Basic", arial, sans-serif;
font-size: 1.25em;
color: #0B3C5D;}

h4 {font-family: "Andika New Basic", arial, sans-serif;
font-size: 1em;
color: #0B3C5D;}

p {font-family: "Segoe UI Historic", arial, sans-serif;
font-size: 1em;
color: #0B3C5D;}

li {font-family: "Segoe UI Historic", arial, sans-serif;
font-size: 1em;
color: #0B3C5D;}


a.anylinks:link {color: #0b3c5d;
text-decoration: none;}

a.anylinks:visited {color: #0b3c5d;
text-decoration: none;}

a.anylinks:hover {color: #222222;
text-decoration: underline;}

a.anylinks:active {color: #222222;
text-decoration: underline;}

a.floatleft {float: left;}

.rpefulllogo {margin-top: 75px;
float: right;}

.bluewithyellow {}

nav {background-color: #d9b310;
height: 45px;
float: left;
width: 1200px;
font-family: "Andika New Basic", arial, sans-serif;
border-top: 1px solid #328cc1;
border-bottom: 1px solid #328cc1;
margin-bottom: 50px;}

.navul {padding-left: 0px;
margin-left: auto;
margin-right: auto;
width: 600px;
margin-top: 0px;
position: relative;
z-index: 99;}

nav > ul {width: 1000px;
height: 45px;
background-color: #d9b310;
z-index: 2;}

nav > ul > li {display: inline;
width: 150px;
float: left;
margin-right: 0px;
line-height: 27px;
padding-top: 8px;
padding-left: 0px;
text-align: center;
z-index: 2;}

nav > ul li a {padding: px;}

nav > ul > li > ul {opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
list-style-type: none;
padding: 0px 2.5px;
text-align: center;
z-index: 2;}

nav > ul > li > ul > li {padding-top: 10px;
z-index: 2;}

.cbh {line-height: 25px;}

nav > ul > li:hover > ul {opacity: 1;
background-color: #d9b310;}


a.navlinks:link {font-family: "Andika New Basic", arial, sans-serif;
color: #0B3C5D;
text-decoration: none;}

a.navlinks:visited {color: #0B3C5D;
text-decoration: none;}

a.navlinks:hover {color: #222222;
text-decoration: underline;}

a.navlinks:active {color: #222222;
text-decoration: underline;}

.homebooks {width: 215px;
text-align: center;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 25px;
float: left;}

.hbt {margin: 0px 0px 10px 5px;
color: #0B3C5D;
padding-left: 20px;}

.hbdiv {padding-top: 15px;}

.homebooksimgs {width: 215px}

.clearboth {clear: both;}

.floatbookpics {width: 215px;
text-align: center;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 25px;
float: left;}

.width1200 {width: 1200px;}


.paddingleft {padding-left: 25px;}


.themovies {width: 1000px;
margin-right: auto;
margin-left: auto;
margin-left: 0px;
margin-bottom: 50px;
overflow: hidden;}

.moviepics {width: 300px;
float: left;
}

.moviep {margin-left: 25px;}

.floatmovietitles {float: left;
width: 650px;
margin-left: 45px;}



.aboutrpe {width: 600px;
float: left;
padding-left: 150px;
margin-bottom: 100px;}


.aboutimg {padding-right: 150px;}

.quote {float: right;
width: 600px;
padding-right: 150px;
padding-top: 115px;
font-family: "Andika New Basic", arial, sans-serif;}

.imgtwodiv {margin-top: 50px;}

.aboutimgtwo {padding-left: 150px;}



.width600 {width: 750px;

padding-left: 100px;
margin-top: 50px;}

.cbhimg {float: right;
width: 250px;
padding-right: 100px;}


.width750 {width: 700px;
float: right;
padding-right: 100px;
margin-top: 50px;}

.cbhimgtwo {float: left;
width: 250px;
padding-left: 100px;
padding-right: 50px;
margin-top: 50px;}

.centercbh {width: ;
margin-left: auto;
margin-right: auto;}


.asp {}




.form {margin-left: 25px;
font-family: "Segoe UI Historic", arial, sans-serif;}

.contactlist {padding-left: 25px;}

.smallercontactlist {padding-left: 25px;
list-style-type: square;}

.contactli {margin-left: 25px;}

.semargin {margin-top: 5px;}

.gci {margin-top: 5px;
margin-bottom: 5px;}

.contact {margin-top: 10px;}

.thankyou {font-size: 1.35em;}


.paddingleft {padding-left: 25px;}

.eventslist {list-style-type: none;
padding-top: 5px;}

.eventslisttitle {margin-bottom: 0px;}

.centercalendar {width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 175px;
margin-bottom: 50px;}


.followers {margin-top: 25px;}

a.facebook:link {font-size: 50px;
padding-left: 0px;
color: #0b3c5d;
clear: both;}

a.facebook:visited {font-size: 50px;
padding-left: 0px;
color: #0b3c5d;}

a.facebook:hover {font-size: 50px;
padding-left: 0px;
color:  #222222 ;}

a.facebook:active {font-size: 48px;
padding-left: 0px;
color: #222222;}

a.twitter:link {font-size: 50px;
padding-left: 10px;
color: #0b3c5d;}

a.twitter:visited {font-size: 50px;
padding-left: 10px;
color: #0B3C5D;}

a.twitter:hover {font-size: 50px;
padding-left: 10px;
color: #222222;}

a.twitter:active {font-size: 48px;
padding-left: 10px;
color: #222222;}

a.pinterest:link {font-size: 50px;
padding-left: 10px;
color: #0B3C5D;}

a.pinterest:visited {font-size: 50px;
padding-left: 10px;
color: #0B3C5D;}

a.pinterest:hover {font-size: 50px;
padding-left: 10px;
color: #222222;}

a.pinterest:active {font-size: 48px;
padding-left: 10px;
color: #222222;}


footer {background-color: #222222;
color: #9e9e9e;
font-family: "Segoe UI Historic", Arial, sans-serif;
height: 50px;
text-align: center;
margin-bottom: 0px;
clear: both;}

.footerp {padding-top: 15px;
color: #9E9E9E;
font-family: "Segoe UI Historic", Arial, sans-serif;}


@media only screen and (max-width: 700px) {
    
    .headercenter {margin-left: auto;
    margin-right: auto;
    width: 650px;}
    
    .bluewithyellow {width: 150px;
    float: left;}
    
    .rpefulllogo {width: 450px;
    float: left;
    margin-top: 40px;}
    
    header {width: 650px;
    margin-left: auto;
    margin-right: auto;}
    
    nav {width: 600px;
    clear: both;
    margin-left: auto;
    margin-right: auto;}
    
    body {width: 650px;
    margin-right: auto;
    margin-left: auto;}
    
    main {width: 650px;}
    
    .asp {width: 640px;}
    
    .themovies {width: 650px;}
    
    .moviepics {width: 200px;}
    
    .floatmovietitles {width: 300px;
    margin-left: 15px;}
    
    .moviep {margin-left: 0px;
    font-size: .85em;
    margin-top: 10px;}
    
    .movietitles {margin-bottom: 0px;
    margin-top: 0px;}
    
    .centercbh {width: 650px;}
    
    .cbhps {width: 250px;
    padding-left: 0px;
    float: left;
    margin-left: 0px;}
    
    .width600 {padding-left: 0px;
    width: 250px;
    float: none;}
    
    .cbhimg {width: 150px;
    float: right;
    padding-right: 0px;}
    
    .width750 {width: 250px;
    clear: both;
    padding-right: 0px;
    padding-left: 0px;}
    
    .cbhimgtwo {float: none;
    width: 250px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 50px;}
}







/*rules for up to 700 px*/ 

    
    
   
    
    
  /**  
fonts: Segoe UI Historic (paragraphs and such)
       Andika New Basic(headers and such)
    
colors: #0B3C5D navy
        #328cc1 light blue
        #d9b310 gold
        #9E9E9E gray
        #222222 almost black
    **/