/* CSS Document */
html,body
{
margin:0;
padding:0
}
body
{
text-align:center;
background-color: #CC99CC;
}
a:link
{
color:#990099;
font-family: "century gothic", arial, sans-serif;
text-decoration: none;
font-weight:bold;
}
a:visited
{color: #990099;
font-weight:bold;
}
a:hover
{color: #990099;
font-weight:bold;
text-decoration:none;
}
a:active
{
color: #990099;
font-weight:bold;
}
img
{  border-style: none;
}
#container
{
text-align:center;
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
top:0px;
height:700px;
background: url("background.gif") repeat-y;
border: 1px solid #990099;
}
#logo
{
text-align:left;
width:225px;
height:121px;
position:absolute;
left:0;
top:0;
background: white url("mylogo.gif") no-repeat;
background-position-y: 13px;
border-bottom: 1px solid #990099;
}
#menu
{
text-align:left;
width:575px;
height:121px;
position:absolute;
left:225px;
top:0;
background-color: white;
border-bottom:1px solid #990099;
}
#main
{
padding:10px;
text-align: center;
width: 770px;
height:560px;
position:absolute;
top:121px;
left:0;
color: black;
padding:10px;
}
 .floatleft
{
float: left;
margin: 0 0 10px 10px;
padding: 8px;
}
 .floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 8px;
}
#right
{
padding:10px;
text-align:center;
width:380px;
height:560px;
position:absolute;
top:121px;
left:400px;
color:black;
padding:5px;
}
#footer
{
text-align:left;
width:100%;
height:20px;
top:670px;
position:absolute;
left:0;
color:black;
}
#left
{
width:380px;
height:560px;
position:absolute;
padding:10px;
top:121px;
left:0px;
color:black;
padding:5px;
}
.headertext
{
font-family: "century gothic", arial, "sans serif";
font-size:1em;
color:#990099;
text-align:center;
letter-spacing: .8em;
font-weight:bold;
}
.context
{
font-family: "century gothic", arial, "sans serif";
font-size:.8em;
color:black;
}
.scheduletext
{
font-family: "century gothic", arial, "sans serif";
font-size:.8em;
color:black;
text-align:left;
}
.directionstext
{
font-family:arial, "sans serif";
font-size:.7em;
color:black;
text-align:left;
}
.footertext
{font-family: "century gothic",arial, "sans serif";
font-size:.7em;
color:black;
text-align:center;
}
#nav ul 
{
padding:0; 
list-style:none; 
display:table; 
white-space:nowrap; 
font-family: arial, sans-serif; 
font-size:.7em;
height: 120px;
}
#nav li 
{display:table-cell; 
margin:0; padding:0;
}
#nav a 
{float:left; 
color: #CC9900; 
background-color:white; 
text-decoration:none; 
}
#nav a b 
{
float:left; 
display:block;  
padding:100px 7px 5px 10px;
}
#nav a:hover 
{
color:#990099;
cursor:pointer;
height:100px;
} 
#nav #current a 
{
background: url("ball.gif") no-repeat center;
background-position-y:60px;
height:100px;
color:#990099;
} 
#nav 
{ 
position: absolute;
top:0;
right:0px;
background-color:white;
}