body {
font-family: tahoma; 
font-size: 14px; 
margin: 0px;
}

h1 {
font-weight: bold;
}

/* classes */

a.buttonLink {
font-weight: bold; 
text-decoration: none; 
color: #000000; 
background: #DDDDDD; 
border-style: outset; 
padding: 2px; 
}

a.buttonLink:active{
border-style: inset;
}

div.pageContent {
position: static;
width: 75%;
min-width: 808px;
margin: 40px auto 80px auto;
border: 1px solid black;
overflow: visible; 
padding: 7px; 
background-color: #E3E1E1;
text-align: left;
z-index: 1;
}

div.news {
position: static;
float: left;
width: 70%;
margin: 0px 0px 0px 10px;
}

div.clear {
clear: both;
}

span.update {
font-style: italic;
color: #0000FF;
font-size: 10px;
}

/* individual element */

#banner {
position: absolute;
border-bottom: 2px solid black; 
top: 0px; 
left: 0px;
background-color: #333366; 
height: 82px; 
width: 100%;
min-width: 660px;
z-index: 1; 
}

#logo2 {
position: absolute; 
top: 0px; 
left: 0px;
}

#banner5 {
position: absolute; 
top: 0px; 
right: 0px;
}

#menu {
position: static;
width: 410px;
margin: 0px auto 0px auto;
background-color: #B58F65; 
padding: 10px; 
border: 1px solid black;
text-align: center;
}

#footer {
text-align: center;
color: #000000; 
font-size: 12px; 
z-index: 1; 
position:fixed; 
bottom: 0px; 
background-color: #333366; 
width: 100%; 
height: 17px; 
border-top: 2px solid black; 
margin: 0px;
}

#cornLeft {
position: fixed;
width: 323px;
height: 323px;
left: 0px;
bottom: 19px;
margin: 0px;
z-index: -1;
background-image:url('/images/cornLeft.jpg');
}

#cornRight {
position: fixed;
width: 323px;
height: 323px;
right: 0px;
bottom: 19px;
margin: 0px;
z-index: -1;
background-image:url('/images/cornRight.jpg');
}

#calFrame {
border: 1px solid black;
height: 600px;
width: 800px;
overflow: visible;
}

#newsWrapper {
position: static;
float: left;
max-width: 25%;
border: 1px solid black;
padding: 3px;
background-color: #333366;
}

#newsWrapper div {
position: static;
border: 1px solid black;
background-color: #B58F65;
margin: 4px;
padding: 4px;
cursor: default;
}

#newsWrapper div:hover{
border: 3px solid black;
padding: 2px;
}

#flickrBox {
width: 400px;
height: 300px;
}

#spacer {
position: static;
width: 100%;
height: 110px;
}