body {
background: url('images/parchment.jpg');
}

#finals {
color: #000;
float: left;
width: 360px;
padding: 10px;
background: gold;
border-color: orange;
margin-top: 10px;
margin-bottom: 10px;
}

#headlines a {
color: yellow;
}

#meet {
background: transparent;
}

.biop {
margin-top: 30px;
margin-bottom: 30px;
}

.bioimages {
display: block;
width: 215px;
height: 152px;
}

.left {
float: left;
margin: 0 10px 3px 0;
}

.right {
float: right;
margin: 0 0 3px 10px;
}

.whoisyourcounselorbox {
width: 390px;
float: left;
padding: 5px;
height: 90px;
border: 0px groove navy;
}

.counselorname {
font-family: sans-serif;
font-size: 120%;
}

.whoisyourcounselorbox img {
width: 120px;
height: 90px;
padding: 4 px;
border: 1px solid navy;
display: block;
float: left;
margin-right: 10px;
}

#chsaddress {
width: 240px;
float: right;
}

#chsaddress:first-line {
font-weight: bold;
}

#all {
width: 830px;
padding: 10px;
font-family: arial;
text-align: left;
font-size: 13px;
}

#title {
height: 100px;
font-size: 43px;
}

#photos, #motif, #headlines, #meet {
border: 0px solid #000;
}

#photos {
float: left;
background-image: url('images/leonardseminar.jpg');
width: 400px;
height: 200px;
}

#motif {
float: left;
width: 390px;
height: 180px;
padding: 10px;
margin-left: 10px;
background: orange;
color: navy;
}

#motif h4 {
color: #000;
}

#headlines {
float: left;
width: 380px;
padding: 10px;
background: navy;
color: orange;
margin-top: 10px;
}

#headlines h5 {
color: yellow;
font-size: 109%;
}

#meet {
float: left;
width: 380px;
padding: 10px;
}

#footer {
width: 800px;
float: left;
border-top: 3px groove maroon;
padding-bottom: 60px;
margin-top: 60px;
}

h2 {
color: #FF4500;
}

h4 {
margin-top: 3px;
}
 
/* Floating Boxes CSS */

.float {
  float: left;
  width: 120px;
  padding: 10px;
  }

.float img {
width: 90px;
height: 90px;
}
  
.float p {
   text-align: center;
   }

/* Nav CSS */


#navcontainer
{
background: #369;
border-top: 1px solid #9CC;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #900;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
font-weight: bold;
}

#navlist a:hover
{
background: #C00;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}