/******************************************************/
/*                                                    */
/*  Main page layout: background and centered content */
/*                                                    */
/******************************************************/

body
{
   background: rgb(206, 206, 206); /* For browsers that don't support gradients */
   background: linear-gradient(to bottom right, rgb(206, 206, 206), rgb(255, 255, 255));
   background-repeat: no-repeat;
   background-attachment: fixed;
   font-size: 12pt;
}

.center-column
{
   width: 960px;
   min-height: 100%;
   min-height: calc(100% - 25px);
   margin: auto;
   border: 1px solid black;
   background: white;
   box-shadow: 5px 0 10px rgb(182, 182, 182), -5px 0 10px rgb(182, 182, 182);
}

/******************************************************/
/*                                                    */
/*  Header: Backgrounds, titles, menu bar, search     */
/*                                                    */
/******************************************************/

header
{
   background: rgba(230, 230, 230, .75), url(../photos/logo-rpbourret.png) no-repeat; /* For browsers that don't support gradients */
   background: linear-gradient(to bottom right, rgba(230, 230, 230, .75), rgba(255, 255, 255, .75)), url(../photos/logo-rpbourret.png) no-repeat;
   box-shadow: 0 5px 10px rgb(182, 182, 182);
}

.splash
{
   height: 96px;
   text-align: center;
}

.splash h1
{
   padding-top: 15px;
}

.menu-bar
{
   position: relative;
   top: 0;
   left: 0;
}

.menu-bar nav,
.menu-bar form
{
   display: inline-block;
}

.menu-bar nav
{
   position: relative;
   top: 0;
   left: 0;
}

.menu-bar form
{
   position: absolute;
   right: 1%;
   top: 50%;
   transform: translateY(-50%);
}

/******************************************************/
/*                                                    */
/*  Main area: Article                                */
/*                                                    */
/******************************************************/

article
{
   display: block;
   margin: 30px;
}

h1
{
   font-size: 20pt;
   margin-bottom: 10pt;
}

h2
{
   font-size: 16pt;
   margin: 8pt 0;
}

h3
{
   font-size: 14pt;
   margin: 6pt 0;
}

h4
{
   font-size: 12pt;
   margin: 4pt 0;
}

h5
{
   font-size: 12pt;
   margin: 2pt 0;
}

p
{
   font-size: 12pt;
   margin-bottom: 10pt;
}

.column-table
{
   display: table;
   table-layout:fixed;
   width: 90%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom: 10pt;
   border-collapse: separate;
   border-spacing: 15px;
}

.column-row
{
   display: table-row;
}

.column-cell
{
   display: table-cell;
   padding: 15px;
   background-color: rgb(235, 235, 235);
}

.about-photo
{
   float:left;
   margin:15px;
   border:1px solid black;
}

/******************************************************/
/*                                                    */
/*  Footer: Contact and copyright                     */
/*                                                    */
/******************************************************/

footer
{
   width: 960px;
   height: 25px;
   margin: auto;
   position: relative;
}

.contact
{
   left: 0;
}

.page-copyright
{
   right: 0;
}