img
    {
    display: inline;
    border-style: none;
    }
body
    {
    background-color:#FFFFFF;
    min-width:320px;
    width:auto;
    height:auto;
    color:#000000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:15px;
    margin:0;
    cursor:default;
    }
@font-face
    {
    font-family: cambria;
    src: url(/files/CAMBRIAB.TTF);
    }
A:link 
    {
    text-decoration: none; 
    color: #4f8dbe;
    transition:color .5s;
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;/* Safari */
    }
A:visited 
    {
    text-decoration: none; 
    color: #4f8dbe;
    }
A:active 
    {
    text-decoration: none; 
    color: #4f8dbe;
    }
A:hover 
    {
    text-decoration: none; 
    color: #984834;
    }
h1
    {
    margin:0 auto 0 auto;
    padding:0;
    text-indent:-9999px;
    background:url(/images/Dreamboats-Logo-Jan18.png) no-repeat center;
    width:100%;
    height:110px;
    display: inline-block;
    background-color:#4f8dbe;
    background-size:contain;
    }
h2
    {
    margin:0;
    padding:0;
    font-weight:normal;
    font-family:cambria, verdana, arial, helvetica, sans-serif;
    }
.navigation
    {
    width:100%;
    height:auto;
    padding-bottom: 10px; 
    margin: 0 auto 0 auto;
    text-align:center;
    }
.navbutton
    {
    padding:5.5px 10px;
    background-color:#4f8dbe;
    font-size:20px;
    margin:0 0 0 0;
    font-family:cambria, verdana, arial, helvetica, sans-serif;
    transition:background 1s, color 1s;
    -webkit-transition:background 1s, color 1s;
    -moz-transition:background 1s, color 1s;
    -o-transition:background 1s, color 1s; /* Safari */
    }
.navbutton:hover
    {
    background-color:#984834;
    }
.content
    {
    height:auto;
    margin: 0 auto 0 auto;
    padding: 15px 25px;
    background-color: #FFFFFF;
    }
.footer
    {
    position:relative;
    bottom:0;
    font-size:17px;
    width:100%;
    padding: 5px 0;
    font-family: Tahoma;
    background-color:#4f8dbe;
    border-top:5px solid #FFFFFF;
    color:#FFFFFF;
    text-align:center;
    }
@font-face
    {
    font-family: frahv;
    src: url(/files/FRAHV.TTF);
    }
.franklin
    {
    font-family: frahv, tahoma, sans-serif;
    }
.biodiv
    {
    float:right; 
    margin-left:25px; 
    margin-bottom:10px; 
    min-width:250px;
    max-width:500px;
    min-height:250px;
    width:100%;
    background-color:#4f8dbe;
    -moz-border-radius:25px;
    border-radius:25px;
    transition:background-color .5s;
    -webkit-transition:background-color .5s;
    -moz-transition:background-color .5s;
    -o-transition:background-color .5s;
    text-align:center;
    color:#FFFFFF;
    }
.biodiv:hover
    {
    background-color:#984834;
    }
.biodiv p
    {
    max-width:100%;
    text-align:center;
    }
.bioinfo
    {
    margin:0;
    padding:0 0 5px 0;
    text-align:left;
    color:#FFFFFF;
    font-size:15px;
    font-weight:normal;
    font-family:SHONAR, verdana, arial, helvetica, sans-serif;
    }
.bioimg
    {
    width:100%;
    border-top-left-radius:25px;
    -moz-border-top-left-radius:25px;
    border-top-right-radius:25px;
    -moz-border-top-right-radius:25px;
    }
.socialmedia
    {
    padding: 0 0;
    font-family: Tahoma;
    color:#FFFFFF;
    text-align:center;
    }
.socialbutton
    {
    height: 35px; 
    display: inline-block;
    margin:5px 10px;
    padding:0;
    vertical-align:middle;
    }
.maintitle
    {
    margin:0 0 -15px 0;
    font-size:40px;
    color:#4f8dbe;
    }
.subtitle
    {
    margin:0 0 -15px 0;
    font-size:35px;
    color:#4f8dbe;
    }
.mintitle
    {
    margin:0 0 -15px 0;
    font-size:30px;
    color:#4f8dbe;
    }
p
    {
    max-width:95%;
    }
.footer p
    {
    max-width:100%;
    }
input
    {
    font-size:18px;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
input:Focus
    {
    border:solid 2px #4f8dbe;
    color:#000000;
    }
select
    {
    font-size:18px;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
select:Focus
    {
    border:solid 2px #4f8dbe;
    color:#000000;
    }
textarea
    {
    font-size:18px;
    font-family: Verdana;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
textarea:Focus
    {
    border:solid 2px #4f8dbe;
    color:#000000;
    }


#flex
    {
    column-width:350px;
    column-left: 400px;
    column-right: 400px;
    column-gap: 25px;
    column-count:3;
    -webkit-column-width:350px;
    -webkit-column-left: 400px;
    -webkit-column-right: 400px;
    -webkit-column-gap: 25px;
    -webkit-column-count:3;
    -moz-column-width:350px;
    -moz-column-left: 400px;
    -moz-column-right: 400px;
    -moz-column-gap: 25px;
    -moz-column-count:3;
    }
.article
    {
    min-width:33%;
    max-width:100%;
    max-width:640px;
    min-width:250px;
    width:100%;
    display: inline-block;
    margin-bottom:25px;
    background-color:#4f8dbe;
    -moz-border-radius:25px;
    border-radius:25px;
    transition:background-color .5s;
    -webkit-transition:background-color .5s; /* Safari */
    -moz-transition:background-color .5s;
    -o-transition:background-color .5s;
    }
.article:hover
    {
    background-color:#984834;
    }
.articleimg
    {
    width:100%;
    margin-bottom:-5px;
    }
.articlettl
    {
    margin:0;
    padding:0;
    text-align:center;
    font-size:30px;
    color:#FFFFFF;
    }
.articletxt
    {
    max-width:100%;
    margin:0 0 0 0;
    padding: 15px;
    color:#FFFFFF;
    }