body {
text-align: center; 
background-color: #222222;
/*background-image: url('../images/background2.png');*/
margin-top: 15px;
margin-bottom: 15px;
}

img {border: solid black 2px;}

h2 {
text-align: center;
border: solid black 1px;
/*background-color: silver;*/
background-image: url('../images/h2back.png');
/*color: #333333;*/
color: #FFFFFF;
width: 95%;
}

table {
border: none;
width: 100%;
}

td {text-align: center;}

div.c2 {text-align: center;}
img.c1 {border: none;}

#header {
background-image: url('../header.jpg');
background-color: black;
border: solid black 2px;
text-align: center; 
height: 256px;
width: 800px;
border-bottom: none;
}

#footer {
color: white;
}

#box {
background-color: gold;
border: solid black 2px;
color: blue;
text-align: center; 
width: 800px;
height: 8px;
}

/******************/
/*      MENU      */
/******************/
.menu-container {
text-align: center;
border-left: solid black 1px;
border-right: solid black 2px;
width: 800px;
height: 40px;
}

.menu-container div {
position: relative;
float: left;
text-align: center;
vertical-align: middle;
font-weight: bold;
width: 158px;
height: 32px;
border-top: solid black 1px;
border-bottom: solid #111111 8px;
background-color: #111111;
background-image: url('../images/h2back.png');
}

.menu-container div a p{
margin: 0px;
vertical-align: middle;
line-height: 32px;
}

.menu-container div a {
color: white;
display:block; 
width:100%; 
height:40px; 
text-decoration:none;  
}

.menu-container div :hover{
/*background-color: #DDDDDD;*/
}

#menu-spacer {
width:0px;
height:39px;
border: solid black 1px;
background-color:black;
}


#menu1:hover {
height: 32px;
border-bottom: solid red 8px;
border-top: solid red 1px;
}
#menu1-active {
height: 32px;
border-bottom: solid red 8px;
border-top: solid red 1px;
}

#menu2:hover{
height: 32px;
border-bottom: solid yellow 8px;
border-top: solid yellow 1px;
}
#menu2-active{
height: 32px;
border-bottom: solid yellow 8px;
border-top: solid yellow 1px;
}

#menu3:hover {
height: 32px;
border-bottom: solid blue 8px;
border-top: solid blue 1px;
}
#menu3-active {
height: 32px;
border-bottom: solid blue 8px;
border-top: solid blue 1px;
}

#menu4:hover {
height: 32px;
border-bottom: solid purple 8px;
border-top: solid purple 1px;
}
#menu4-active {
height: 32px;
border-bottom: solid purple 8px;
border-top: solid purple 1px;
}

#menu5:hover {
height: 32px;
border-bottom: solid orange 8px;
border-top: solid orange 1px;
}
#menu5-active{
height: 32px;
border-bottom: solid orange 8px;
border-top: solid orange 1px;
}

#tabs {
background-color: #FFF8DC;
border: solid black 2px;
/*border-top: none;*/
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
/*background-image: url('../welcome.jpg');*/
}

.content {
background-color: #FFFFCC;
height: auto;
color: black;
border: solid black 2px;
border-top: none;
width: 800px;

}

.content p{
text-align: center;
}

.welcome {
border-top: solid black 1px;
border-left: solid black 1px;
border-right: solid black 1px;
border-bottom: solid red 5px;
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
}

.welcome p{
font-style: italic;
font-size: 120%;
text-align: left;
}

.welcome h1{
font-style: italic;
text-align: center;
}

.information {
border-top: solid black 1px;
border-left: solid black 1px;
border-right: solid black 1px;
border-bottom: solid yellow 5px;
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
}

.registration {
border-top: solid black 1px;
border-left: solid black 1px;
border-right: solid black 1px;
border-bottom: solid blue 5px;
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
}

.calendars {
border-top: solid black 1px;
border-left: solid black 1px;
border-right: solid black 1px;
border-bottom: solid purple 5px;
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
}

.contact {
border-top: solid black 1px;
border-left: solid black 1px;
border-right: solid black 1px;
border-bottom: solid orange 5px;
text-align: left; 
padding-left: 15px;
padding-right: 15px;
width: 770px;
height:auto;
}


