#banner {
background-image: url('images/banner.gif');
height:612px;
width:200px;
position:fixed;
top:10px;
left:40px;}

#header {
color: #bc0000;
font-family:"Matura MT Script Capitals";
text-align:center;
font-size:3em;
position:relative;
left:-30px;}

.tlcorner {
background-image: url('images/tlcorner.gif'); 
float: left; 
left:-2px; 
top:-2px;
background-repeat: no-repeat;
position:relative;
height:21px;
width:21px;}

.trcorner {
background-image: url('images/trcorner.gif'); 
float: right; 
right:-2px; 
top:-2px;
background-repeat: no-repeat;
position:relative;
height:21px;
width:21px;}

.blcorner {
background-image: url('images/blcorner.gif'); 
float: left; 
left:-2px; 
bottom:-2px;
background-repeat: no-repeat;
position:relative;
height:21px;
width:21px;}

.brcorner {
background-image: url('images/brcorner.gif');
float: right; 
right:-2px; 
bottom:-2px;
background-repeat: no-repeat;
position:relative;
height:21px;
width:21px;}

#content {
font-family:"Trebuchet MS","Helvetica","Arial";
background: #ff5d00 url('images/gradient.gif') repeat-x top left;
border: solid #000 2px;
margin-left: 270px;
width: 667px;
float:left;
display:block;
color:#440000;}

#contenttext {
padding:15px;}

#contenttext a:link {color:#440000;}
a:visited {color:#440000}
a:hover {color:#440000}
a:active {color:#440000}

#navbar {
position:fixed;
margin-left:954px;
top:85px;}

#home {
background: #fff url(images/home.gif) no-repeat;
height: 89px;
width: 184px;
position:relative;}

#home a {
position: absolute;
top: 0;
left: 0;
height: 89px;
width: 184px;}

#home a span {visibility: hidden;}
#home a:link {text-decoration:none;}
#home a:visited {text-decoration:none;}
#home a:hover {text-decoration:none; background-image:url('images/homehover.gif'); width: 184px; height: 89px;}
#home a:active {text-decoration:none;}

#calendar {
background: #fff url(images/calendar.gif) no-repeat;
height: 89px;
width: 293px;
position:relative;}

#calendar a {
position: absolute;
top: 0;
left: 0;
height: 89px;
width: 293px;}

#calendar a span {visibility: hidden;}
#calendar a:link {text-decoration:none;}
#calendar a:visited {text-decoration:none;}
#calendar a:hover {text-decoration:none; background-image:url('images/calendarhover.gif'); width: 293px; height: 89px;}
#calendar a:active {text-decoration:none;}

#news {
background: #fff url(images/news.gif) no-repeat;
height: 89px;
width: 189px;
position:relative;
top:14px;}

#news a {
position: absolute;
top: 0;
left: 0;
height: 89px;
width: 189px;}

#news a span {visibility: hidden;}
#news a:link {text-decoration:none;}
#news a:visited {text-decoration:none;}
#news a:hover {text-decoration:none; background-image:url('images/newshover.gif'); width: 189px; height: 89px;}
#news a:active {text-decoration:none;}

#contact {
background: #fff url(images/contact.gif) no-repeat;
height: 89px;
width: 255px;
position:relative;}

#contact a {
position: absolute;
top: 0;
left: 0;
height: 89px;
width: 255px;}

#contact a span {visibility: hidden;}
#contact a:link {text-decoration:none;}
#contact a:visited {text-decoration:none;}
#contact a:hover {text-decoration:none; background-image:url('images/contacthover.gif'); width: 255px; height: 89px;}
#contact a:active {text-decoration:none;}

#lodge {
background: #fff url(images/lodge.gif) no-repeat;
height: 89px;
width: 188px;
position:relative;}

#lodge a {
position: absolute;
top: 0;
left: 0;
height: 89px;
width: 188px;}

#lodge a span {visibility: hidden;}
#lodge a:link {text-decoration:none;}
#lodge a:visited {text-decoration:none;}
#lodge a:hover {text-decoration:none; background-image:url('images/lodgehover.gif'); width: 188px; height: 89px;}
#lodge a:active {text-decoration:none;}