body {background-color: white;
/*    font-family: 'Droid Sans', sans-serif;*/
/*    font-family: 'Pacifico', cursive;*/
    font-family: 'Raleway', sans-serif;
    font-weight:normal ;
/*    background-color: lightgoldenrodyellow;*/
    background-image: url(../img/Background2.jpg);
    
/*    font-style: italic;*/
}

a.navlinks {
    color:purple;
    font:10px;
    text-decoration: none;
}

a:hover.navlinks {
    color:crimson;
    text-decoration: underline;
    display:inline-block;
}

h1,h2,p {
    text-align: center;
    padding-left: 10px;
    padding-right: 20px;
}

h1 {
    font-size: 30px;
    font-weight: 700;
/*    text-transform: uppercase;*/
    border-bottom: 1px solid gray;
    margin-left: 10px;
    margin-right: 20px;
    letter-spacing: 3px;
}

p {
    font-size: 15px;
    line-height: 22px;
    /* text-align: justify; */

}
.container {

/*    width:100%;   to fill screen  */
    width:1300px;
    height:100px;
    background-color: white;
    margin: auto; /* 50% left & right, so always centred */
    position: relative;
}

.apdiv {
    
    position: absolute;
    top: 300px;
    left: 2px;
    height: 200px;
        
}
.headsection {
    height:100px;
    background-color: white;
    border-bottom: dotted;
    border-bottom-color: lightyellow;
    position: fixed;
    width: 1300px;
    
}

.logotext {
/*    font-size: 40px;*/
/*
    color: firebrick;
    font-weight: normal;
    padding-top: 20px;
    padding-left: 10px;
    display: block;   padding top will only work with this display if it's made into a block 
*/
/*    text-align: center*/
}

.banner {
    background-color: lightcyan;
    border-bottom: solid;
    border-bottom-color: yellow;
    border-top: solid;
    border-top-color: yellow;
    border-left: solid;
    border-left-color: yellow;
    border-right: solid;
    border-right-color: yellow;
    padding-left: 480px;
}

.spacing {
    padding-left: 450px;
    display: block;
}

.nav {
    height: 30px;
    background-color: yellow;
    padding-top: 40px;
    text-align: center;
    color: purple;
    border-bottom-style: solid;
    border-bottom-color: yellow;
    border-left: solid;
    border-left-color: yellow;
    border-right: solid;
    border-right-color: yellow;
}

.clearfix:after{
    content:"";
    display:table;
}

.nav-menu{
    position:relative;
    display:inline-block;
}

.nav-menu li {
    display: inline;
    list-style-type: none;
}

.sub-menu {
    position:absolute;
    display:none;
    background: #ccc
}

.nav-menu ul li:hover > ul {
    display:inline-block;
}


.table-gallery { margin:auto;text-align: center;border: 1px solid black}

.rightcol {
/*    height:auto;*/ /* box will expand according to amount of text */
/*    min-height: 300px;        */
    height: 375px;
    width: 1294px;
    background-color: white ;
    float:left;
    overflow:scroll;
    border-top: solid;
    border-top-color: yellow;
    border-bottom-style: solid;
    border-bottom-color: yellow;
    border-left: solid;
    border-left-color: yellow;
    border-right: solid;
    border-right-color: yellow;
    
        
}
.footer {
    height: 200x;
    background-color: lightcyan;
    clear:both;
    border-bottom-style: solid;
    border-bottom-color: yellow;border-left: solid;
    border-left-color: yellow;
    border-right: solid;
    border-right-color: yellow;
        
}
.footertext {
    display: block;
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}