/* The background properties */
body { background-color: #003;
}

/* The container is where the text of the website will reside */
#container {
position: relative;
margin: 0 auto;  /* This is necessary for centering the container */
width: 768px;
height:800px;     /*I liked 548, but Charity wanted it larger */
background-color: #fff;
text-align: left;   /* This prevents the text within the container from being centered */
overflow: auto;
border-style: solid;
border-width: 1px;
border-color: white;
}

/* This is the container for the banner at the top of the page */
#header {
background-image: url('banner.jpg'); 
background-color: #003;
height:147px;
width:768px;
}

/* navigation positioning */
#navigation {
position:absolute;
left:0px;
top:148px;
background-color: #003;
}

/* Attributes governing the links when not hovered over */
a.menu {
display: block;
font-size: 14px;
font-weight: bold;
color: white;
background-color: #003;
width: 150px;
text-align: center;
padding: 5px;
text-decoration: none;
border-style: solid;
border-width: 0px;
border-color: white;
}

/* This is makes the links turn white when hovered over */
a.menu:hover {
background-color: #850000;
color: white;
border-style: solid;
border-width: 0px;
border-color: white;
}

/* This is the info container */
#info {
position: absolute;
top: 148px;
left: 162px;
width: 594px;
height: 350px;
/* background-color: #ccc; */
color: black;
padding: 5px;
border-style: solid;
overflow: hidden;
border-width: 1px;
background-image: url(background-long.jpg);
background-repeat: repeat-x
}

/* This is a generic page container */
#page {
position: absolute;
top: 148px;
left: 162px;
width: 594px;
height: 619px;
/* background-color: #ccc; */
color: black;
padding: 5px;
border-style: solid;
overflow: hidden;
border-width: 1px;
background-image: url(background-long.jpg);
background-repeat: repeat-x
}

/* This sets the attributes for the p tag */
p {
font-size: 16px;
}

/* This sets the attributes for the li tag */
ul{
font-size: 16px;
}

/* This sets the attributes for the h1 tag */
h1 {
text-align: center;
font-size: 16px;
}

/* This is the news container */
#calendar_sum {
position: absolute;
top: 512px;
left: 162px;
width: 594px;
height: 254px;
/* background-color: #ccc; */
color: black;
padding: 5px;
border-style: solid;
overflow: hidden;
border-width: 1px;
background-image: url(background-short.jpg);
background-repeat: repeat-x
height: 75%
}

/* Setting the attributes for the credits at the bottom of the page */
#credits {
position: absolute;
bottom: 5px;
font-size: 11px;
text-align: center;
left: 0px;
right: 0px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: black;
}

img.floatLeft { 
    float: right; 
    margin: 4px; 
}