/*
Colors used in this site:

800000 is maroon
7f5e3b is dark brown
9d7b4e is medium brown
c7af83 is light brown
fdfbf7 is off-white
222222 is black for text
000000 is true black

*/
/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */
body{
font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
color: #222222;
background-color: #fdfbf7;
line-height: 1.4em;
}

h1{
font-family: Arial, Helvetica, "Comic Sans MS", sans-serif;
color: #800000;
text-align: center;
border-bottom: 2px solid #9d7b4e;
font-size: 145%;
margin-bottom: 20px;
padding-bottom: 10px;
}

h2{
color: #800000;
text-align: center;
text-transform: uppercase;
font-size: 120%;
margin-bottom: 10px;
}

h3{
color: #800000;
}

h4{
color: red;
text-align: center;
}

p{
font-size: 85%;
font-weight: normal;
margin-top: 0;
margin-bottom: 10px;
margin-left: 25px;
}

ul{
list-style-type: none;
}

li {
font-size: 85%;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}

#container {
width: 840px;
margin: 0 auto; /*Center container on page*/
background-color: #fdfbf7;
background-image: url('OHDImages/leftcolumn.jpg');
background-repeat: repeat-y;
border: 2px solid #000000
}

#banner {
height: 121px;
background-color: #7f5e3b;  
margin: 0; 
padding: 0;
}

#banner img{
width: 840px;
height: 121px;
margin: 0;
padding: 0;
border: 0;
color: #fdfbf7; /* color of text if image doesn't show */
}

#nav {
float: left;
width: 160px;
margin-left: 10px;
padding-top: 4em;
}

#nav img{
width: 140px;
height: 140px;
margin: 0;
padding-top: 40px;
padding-left: 10px;
border: 0;
color: #800000; /* color of text if image doesn't show */}

#content { 
padding: 0;
margin: 0 2em 0 200px;  
}

#footer{
clear: both;
background-color: #fdfbf7;
color: #222222;
text-align: center;
border-top: 1px solid #000000;
font-size: 1.0em;
}

#footer ul{
list-style-type: none;
margin: 0;
padding: 0; 
}

#footer li{
padding: 0;
margin: 0;
font-style: normal;
line-height: 1.0em;
}

#nav ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#nav ul li {
margin: 0px;
padding: 0px;
font-size: 105%;
}

#nav ul li a {
display: block;
border-bottom: 1px dashed #666666;
padding: 5px 0px 2px 0px;
text-decoration: none;
text-align: center; 
color: #800000;
}

#nav ul li a:hover, #nav ul li a:focus { 
background-color: #fdfbf7;
}

/* -------------------------------------------  */
/* Boxes for displaying text.	 				*/
/* 	- can contain a header and a dividing line	*/
/* ------------------------------------------- 	*/
.holderdiv {
  width: 225px;
  float: right;
}
 
.holderdiv div {
  margin: 0 10px 10px 10px;
  color: black; 				/* default text color. It will be overwritten below. */
  background-color: #fdfbf7;	/* background color for box */
  border: 1px solid #800000; 	/* border for box */
}

.holderdiv h2 {
  margin: 0;
  font-size: 0.9em;
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #800000;
  
 	color: #c7af83;	/* color of text for header */
    background-color: #a50101;  /* background color and image for header */  

 
}
 
.holderdiv p {
  margin: 5px 0; /* Only vertical margins on the p */
  padding: 0 5px; /* Also side padding */
}
 
.holderdiv .p-divider {
  border-top: 1px solid #800000;	/* inserts a line between paragraph text */
  padding-top: 5px; /* This one gets top padding */
}


.box {/*this is a centered box */
margin: 0px auto;
width: 500px;
text-align: center;
padding: 5px;
border : 3px solid #800000;  
}


 
/*--------------MISCELLANEOUS-------------------------*/
.emphasizeit{
font-size: 110%;
color: #800000; 
font-weight: bold;
}

.emphasizeit2{
color: #800000;
}

.centerit{
text-align: center;
}

.nobottommargin{
margin-bottom: 0;
}

.notopmargin{
margin-top: 0;
}

/*----------------SCHEDULE----------------------*/

/* -------------------------------------------  */
/* Boxes for displaying text.	 				*/
/* 	- can contain a header and a dividing line	*/
/* ------------------------------------------- 	*/
.eventdiv {   
}
 
.eventdiv div {
  margin: 0 10px 10px 10px;
  color: black; 				/* default text color. It will be overwritten below. */
  background-color: #fdfbf7;	/* background color for box */
  border: 3px solid #800000; 	/* border for box */
}

.eventdiv h2 {
  margin: 0;
  color: #800000;				/* color of text for header */
  font-size: 100%; 
  padding: 5px; 
  text-align: center;
  border-bottom: 1px solid #800000;   
    
  
 	color: #c7af83;	/* color of text for header */
    background-color: #a50101;  /* background color and image for header */  
}

.eventdiv h3 {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-top: 10px;
  color: #800000;
  font-size: 100%;  
  text-transform: uppercase;
}
 
.eventdiv p {
  margin: 5px 0; /* Only vertical margins on the p */
  padding: 0 5px; /* Also side padding */
  padding-left: 30px;
  font-size: 85%;
}
 
table.generic { 
margin: 0 10px 10px 10px;
/* 
border-right: 2px solid #800000;
border-top: 2px solid #800000;
border-bottom: 2px solid #800000;
border-left: 2px solid #800000;
*/
border: 2px solid #800000;
 
}

table.generic td{
font-size: 85%;
text-align: left;
font-weight: bold;
/*
border-right: 1px solid #FFFFFF;
border-top: 1px solid #800000;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #800000;
*/
 
}

table.generic th{
font-size: 85%;
text-align: left; 
color: #800000;
/*
border-right: 1px solid #FFFFFF;
border-top: 1px solid #800000;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #800000;
*/
border-bottom: 1px solid #800000;
 	color: #c7af83;	/* color of text for header */
    background-color: #a50101;  /* background color and image for header */  
	color: black;
	background-color: white;
 
}
.desc1{
font-weight: normal;
}

.table_heading{
margin: 0 10px 0 10px;
padding: 5px;
color: #800000;
text-align: center;
text-transform: uppercase;
font-size: 100%;
/*
border-top: 2px solid #800000;   
border-left: 2px solid #800000;  
border-right: 2px solid #800000;  
*/
 	color: #c7af83;	/* color of text for header */
    background-color: #a50101;  /* background color and image for header */  
	 	color: #800000;	/* color of text for header */
      background-color: white;/* background color and image for header */  
 
}

.underconstruction
{
	border: 2px solid #880000;
	margin: 10px 0px;
	padding:15px 10px 15px 150px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #880000;
	background-color: #c7af83;
	background-image: url('OHDImages/underconstruction.gif');
	font-weight: bold;
	font-size: 85%;
}