.graphic
   {
   position: absolute;
   width: 80%;
   height: 80%;
   top: 155px;
   left: 120px;   
   background-image: url("../images/DSC_0046_white.jpg");
   background-repeat: no-repeat;
   background-color: transparent;
   background-position: 5% 10%;
   }
   
.text
   {
   font-size: .8em;   
   position: absolute;
   width: 30%;
   top: 240px;
   left: 280px;   
   background-image: none;;
   background-color: transparent;
   }
   
body
   {
   font-family: arial, helvetica, sans-serif;
   background-color: #ffffff;
   margin-left: 5%;
   }

head
   {
   font-family: arial, helvetica, sans-serif;
   }

h1
   {
   font-family: arial, helvetica, sans-serif;
   color: #356CA4
;
   font-style: italic;
   font-weight: bold;
   font-size: 110%; 
   }

h2   
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 100%; 
   } 
   
h3   
   {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-weight: bold;
   font-size: 80%; 
   margin-bottom: 0;
   }

   


/* NAV BAR */
 
#navcontainer ul
   {
   padding-left: .01em;
   padding-right: .01em;
   padding-top: .01em;
   padding-bottom: .01em;
   margin-left: 0;
   margin-top: 7px;
   color: White;
   float: left;
   }

#navcontainer ul li 
   { 
   display: inline; 
   }

#navcontainer ul li a
   {
   padding: .2em 4em;
   background-color: #3452cb;
   color: White;
   text-decoration: none;
   float: left;
   font-weight: bold;
   font-size: .9em;
   border-style: solid;
   border-width: .01em;
/*   border-color: #3452cb;*/
   border-color: #ffffff;
   
   }

#navcontainer ul li a:hover
   {
   background-color: #ffffff;
   color: #0033cc;
   border-color: #3452cb;
   border-style: solid;
   border-width: .01em;
   
   }
   
#navrtborder
   {
   border-right: 2px solid #fff;
   }  
   
   
/* NAV VERT */

#navvert
   {
   margin-left: 0px;
   }
  
#navvert ul
   {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-family: arial;
   }
      
#navvert li
   {
   margin: 0;
   }
      
#navvert a
   {
   display: block;
   padding: 5px 10px;
   width: 140px;
   color: #000;
   background-color: #c1ddf9;
   text-decoration: none;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
   font-weight: bold;
   font-size: .8em;
   background-image: url(../images/BlueGradient.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   }
      
#navvert a:hover
   {
   color: #000;
   background-color: #bfffbf;
   text-decoration: none;
   border-top: 1px solid #333;
   border-left: 1px solid #333;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   background-image: url(../images/BlueGradienta.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   }
 
#navvert ul ul li 
   { 
   margin: 0;
   }
   
#navvert ul ul a
   {
   display: block;
   padding: 5px 5px 5px 30px;
   width: 125px;
   color: #000;
   background-color: #c1ddf9;
   text-decoration: none;
   font-weight: normal;
   }
   
#navvert ul ul a:hover
   {
   color: #000;
   background-color: #bfffbf;
   text-decoration: none;
   }
   
#active a
   {
   display: block;
   padding: 5px 10px;
   width: 140px;
   color: #000;
   background-color: #c1ddf9;
   text-decoration: none;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
   font-weight: bold;
   font-size: .8em;
   background-image: url(../images/BlueGradienta.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   }
   
#schedulehead
   {
   font-family: arial, helvetica, sans-serif;
   color: #356CA4;
   font-style: italic;
   font-weight: bold;
   font-size: 125%; 
   }
   
#rightcol
   {
   margin-top:20%;
   margin-right:15%;
   float:right;  
   width:20%;
   }