@charset "utf-8";

/*
   Author: Boe Mathewson
   Date:   09/12/2022
   Filename: benjamin_Style.css
*/


/* HTML and Body Styles */
html {
   background-color: rgb(11, 10, 37);
   font-family: Verdana, Arial, sans-serif; 	
}




/* Body Only Styles */
body {
   margin-left: auto;
   margin-right: auto;
   width: 70%;

   background-color: rgb(204, 197, 197);
   font-family: Verdana, Arial, sans-serif;  
   color: black; 

}


/* Body Header Styles */
body > header > img {
   display: block;
   width: 100%
}

body > header > nav.horizontalNavigation li{
   width: 33.333333333333333333333333333333%;             
}


/* Horizontal Navigation Styles */

nav.horizontalNavigation a {
   background-color: rgb(32, 31, 97);
   display: block;
   font-family: 'Palatino Linotype', 'Book Antiqua', serif;
   font-size: 1.0em;
   line-height: 1.0em;
   text-align: center;
}  

nav.horizontalNavigation a:link, 
nav.horizontalNavigation a:visited {
   color: rgb(255, 255, 255);
}

nav.horizontalNavigation a:hover, 
nav.horizontalNavigation a:active {
   background-color: rgb(133, 133, 133);
}   

nav.horizontalNavigation li {
   display: block;
   float: left;
}

nav.horizontalNavigation a {
   display: block;
   text-align: center;
}
/* ---------Left Column Styles---------- */

section#leftColumn p {
   color: rgb(0, 0, 0);
   font-size: 0.9em;
   line-height: 1.6em;
}

section#leftColumn{
   color: rgb(82, 82, 82);
   font-size: 0.9em;
   line-height: 1.6em;
}

section#leftColumn h1, h2{
   color: rgb(255, 255, 255);
   font-size: 1.0em;
   line-height: 1.6em;
   background-color: rgb(32, 31, 97);
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
}


section#leftColumn {
   clear: left;
   float:left;
   width: 60%;
   padding: 1.5em;

}

section#leftColumn img {
   display: block;
   width: 100%;
}
/* ---------Left Column Styles 2---------- */
section#leftColumn2{
   clear: left;
   color: rgb(82, 82, 82);
   font-size: 0.9em;
   line-height: 1.6em;
   float:left;
   width: 63%;
   padding: 1.5em;
}

section#leftColumn2 p {
   color: rgb(0, 0, 0);
   font-size: 0.9em;
   line-height: 1.6em;
}



section#leftColumn2 h1, h2{
   color: rgb(255, 255, 255);
   font-size: 1.0em;
   line-height: 1.6em;
   background-color: rgb(32, 31, 97);
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
}
section#leftColumn2 img {
   display: block;
   width: 100%;
}
section#leftColumn2 img {
   float: left;
   width: 50%;
}

/* ---------Left Column Styles 3---------- */
section#leftColumn3{
   clear: left;
   color: rgb(82, 82, 82);
   font-size: 0.9em;
   line-height: 1.6em;
   float:left;
   width: 100%;
   padding: 1.5em;
}

section#leftColumn3 p {
   color: rgb(0, 0, 0);
   font-size: 0.9em;
   line-height: 1.6em;
}



section#leftColumn3 h1, h2{
   color: rgb(255, 255, 255);
   font-size: 1.0em;
   line-height: 1.6em;
   background-color: rgb(32, 31, 97);
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
}
section#leftColumn3 img {
   float: left;
   width: 10%;
}
/* -----------------Right Column Styles----------------- */
section#rightColumn {
   float: right;
   width: 35%;
   text-align: center;
   background-color: rgb(61, 61, 61);
   padding-bottom: 2em;
   margin-left: 1em;
}

section#rightColumn h2 {
   text-align: center;
   background-color: rgb(31, 31, 31);
   color: rgb(201, 201, 201);
   padding: 9px;
}

section#rightColumn h3 {
   
   font-size: 1.2em;
   color: rgb(201, 201, 201);
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: rgb(31, 31, 31);
   padding-top:10px;
   padding-bottom:10px;
}

section#rightColumn li{
   
   display: block;
   float: left;
   width: 50%;             /* BNav lengths become */
   list-style: none;
   padding: 5px;
   text-align: center;
   font-size: 0.7em;
   color: white;
}

section#rightColumn img {
   display: block;
   width: 100%;
   text-align: center;
   padding-top: 20px;
  

}



/* Horizontal Navigation Styles */

nav.horizontalNavigation li {
   display: block;
   float: left;
}
section#rightColumn > nav.horizontalNavigation ul {
   width: 25%;
}

/* Footer Styles */

footer {
   Clear: both;
   color: rgb(255, 255, 255);
   background-color: rgb(32, 31, 97);
   text-align: center;

}