body  {background-color: #fdf2ec;
       background-image: url(binding-light.png);
       text-align: center;
	   margin: 0;
	   font-family: Tahoma, Geneva, sans-serif;
	   font-size: 12px;
       behavior:url("csshover2.htc");
}

#container {width: 750px;
 			margin: 20px auto;
            background: #fff url(lighthouse.jpg) 0 0 no-repeat;
            padding-top: 253px;
}



#titleimg {margin: 0 0 30px 10px;
           text-align: left;
}

#content {text-align: left;
          font-size: 1.35em;
		  padding: 10px;
		  line-height: 1.35em;
}

#content a {background: transparent;
                       color: blue;
}

#nav {background: transparent;
	  width: 750px;
	  font-size: 1.30em;
	  font-weight: bold;
	  padding: 12px 0;
      margin: 0 auto 0 auto;
}

#nav a, a:visited {color: #000;
	 			   text-decoration: none;
				   border-right: 1px solid #33375f;
				   padding: 4px 5px;
				   border-bottom: 1px solid #33375f;
				   border-left: 1px solid #788497;
			       border-top: 1px solid #788497;
				   background: #dfd6f9;
}

#nav a:hover {border-left: 1px solid #33375f;
			  border-top: 1px solid #33375f;
			  border-bottom: 1px solid #788497;
			  border-right: 1px solid #788497;
			  background-color: #e4bcb6;
              color: #000;
}

.button {margin: 0 auto;
         text-align: center;
         width: 200px;
         border-right: 2px outset #33375f;
		   padding: 4px 5px;
		   border-bottom: 2px outset #33375f;
           border-right: 2px outset #33375f;
		   border-left: 2px outset #788497;
		   border-top: 2px outset #788497;
           background: #8ba0bf;
           line-height: 2.5em;
}

.button a, a:visited {color: #000;
           font-weight: bold;
	 	   text-decoration: none;
		   
}

.button a:hover {color: #000;
}

.button:hover {border-left: 2px inset #33375f;
			  border-top: 2px inset #33375f;
              border-left: 2px inset #33375f;
			  border-bottom: 2px inset #788497;
			  border-right: 2px inset #788497;
			  background: #7795BF;
}


.box {float: left;
	  width: 200px;
      margin: 10px 10px 15px 0;  
	  border: 1px dotted #96a7bf;
	  font-size: 1em;
	  color: #000;
	  text-align: left;
	  padding: 10px;
}

.box a, a:visited {color: #000079; /*navy blue*/
}

.box a:hover {color: white;
}

.box2 {float: right;
      width: 450px;
	  margin: 0 0 10px 10px;
	  border: 1px dotted #96a7bf;
	  font-size: 1em;
	  color: #000;
	  text-align: left;
	  padding: 10px;
}

.box2 a, a:visited {color: #000079; /*navy blue*/
                    border: none;
					text-decoration: underline;
}

.box2 a:hover {color: red;
}

.box3 {float: right;
	  width: 220px;
      margin: 10px 5px 10px 10px; 
	  border: 1px solid black;
	  font-size: 1em;
	  color: #000;
	  text-align: left;
	  padding: 10px;
	  background-color: #dfd6f9;
}

.box3 a, a:visited {color: #000079; /*navy blue*/
}

.box3 a:hover {color: #554278;  /*purple*/
}

.box4 {float: left;
	  width: 200px;
      margin: 10px 10px 10px 5px; 
	  border: 1px solid #a29de3;
	  font-size: 1em;
	  color: #000;
	  text-align: left;
	  padding: 10px;
}

.box5 {width: 90%;
      margin: 10px auto; 
	  border: 1px solid black;
	  font-size: 1em;
	  color: #fff;
	  text-align: left;
	  padding: 10px;
	  background-color: #a29de3;
}

.box5 a, a:visited {color: #000079; /*navy blue*/
}

.box5 a:hover {color: #000079; /*navy blue*/
}

.box6 {width: 90%;
      margin: 10px auto; 
	  border: 1px solid black;
	  font-size: 1em;
	  color: #000;
	  text-align: left;
	  padding: 10px;
	  background-color: #fff;
}

/*This controls the table at the top of the Schedule page*/
.table3 {width: 100%;
      margin: 10px 0;  
	  font-size: .90em;
	  color: #000;
	  text-align: center;
      border: none;
}

.table3 td {border: 1px dotted #8ba0bf;
            padding: 6px;
}

.table3 a, a:visited {color: blue;
}

.table3 a:hover {color: red;
}


table {border: 2px solid #8ba0bf;
       padding: 2px;
}

table td {width: 50%;
          padding: 8px;
          border: 1px dotted #8ba0bf;
}

table a, a:visited {background: transparent;
                    color: blue;
                    text-decoration: underline;
					border: none;
}

table a:hover {color: red;
}

#imgtop  {float: left;
          margin: 3px 10px 10px 3px;
}



/*This controls internal headings*/

h2  {text-align: center;
     font-size: 1.50em;
     font-weight: bold;
     font-family: Georgia, Georgia, serif;
}

h3  {text-align: center;
     font-size: 1.25em;
     font-weight: bold;
     font-family: Georgia, Georgia, serif;
}

h4 {text-align: center;
     font-size: 1.10em;
     font-weight: bold;
     font-family: Georgia, Georgia, serif;
}

.indent {margin-left: 260px;
}

.red {font-weight: bold;
}

.center {text-align: center;
}

.small {font-size: .80em;
}


.browserbox {margin: 10px 0;  
	         font-size: .90em;
	         color: #000;
	        text-align: left;
            border: 1px dotted #96a7bf;
            padding: 10px;
}

.browserbox a {background: transparent;
}

.browserbox a:hover {font-weight: bold;
}



/*This controls the copyright*/
#copyright  {font-size: 1em;
             text-align: center;
			 background-color: #96a7bf;
	         border: 1px solid black;
			 padding: 10px;
}

.blockquote {margin: 0 20%;
}

.cc-video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.cc-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}