#container{
min-height:100%;
position:relative;
height:auto 
height:100%;
margin:0 auto -22px; 
}

#mybanner {
margin-left:auto;
margin-right:auto;
width:840px;
}

#indexbox{
padding:6px;
width:840px;
height:600px;
display:block;
margin-left:auto;
margin-right:auto;
background-image:url('images/watermark.png');
background-position:center top;
background-repeat:no-repeat;
}

#indextextbox{
border:1px solid white;
width:44%;
position:absolute;
margin-left:130px;
margin-top:-265px;
background-color:black;
opacity:.74;
}

#textbox{
border:1px solid white;
width:770px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:black;
opacity:.74;
}

#calendarbox{
border:1px solid white;
width:318px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:430px;
background-color:black;
opacity:.79;
}


#indexqw{
font-family:cursive;
font-size:.9em;
color:#ffccff;
}

body {
background-color:black;
background-repeat:repeat-xy1;
}


h1 {
font-family:Helvetica;
}


p{
text-indent:30px;
font-family:cursive;
font-size:.9em;
color:#FF0000;
}

h2{
font-family:cursive;
color:#FF0000;
}

ul{
font-family:cursive;
color:#FF0000;
}

table{
color:#FF0000;
}

#indexpic{
border:1px solid white;
width:200px;
height:248px;
position:relative;
margin-left:-8%;
}

#indexpic2{
border:1px solid white;
width:230px;
height:150px;
position:relative;
margin-left:70%;
margin-top:-14%;
}

#indexcalendar{
border:0px solid white;
width:248px;
height:248px;
position:absolute;
top:680px;
left:145px;
}

#imgfloatright { 
    float:right; 
    margin:4px; 
}


#imgfloatleft { 
    float:left; 
    margin:4px; 
}

#indexnavi{
width:900px;
height:23px;
margin-left:auto;
margin-right:auto;
background-image:url('images/navibar.jpg');
background-repeat:x;
font-size:14pt;
text-indent:18pt;
}

	a {
	text-decoration:none
	}
	
	a:hover{
	color:yellow; 
	text-decoration:none; 
	
	}
	

#indexnavibottom{
margin-left:auto;
margin-right:auto;
width:535px;
height:22x;
background-color:#ffccff;
text-indent:15pt;
}