<STYLE type="text/css">
html { margin: 0; padding: 0; }

body { 
	 background-color: #ffffff;
	 background-image:url('images/bunnytile.gif');
/*	 background-position: 50% 50%; 
     background-attachment: fixed;
     background-repeat: no-repeat; */
	 font-family: "Helvetica", sans-serif; 
     font-style:normal; 
     font-weight:normal; 
     font-size: 16px;
	 }

P { color: #000000;}
A:link    { color: #2A8036; font-style:strong ; text-decoration: none;}
A:active  { color: #59bf48; font-size: 100%;text-decoration: none;}
A:visited { color: #2A8036; font-size: 100%;text-decoration: none;}
A:hover { text-decoration: underline;}
ul { color: #000000; list-style-image:url('images/paw.gif');}
li { margin: 0px 0px 0px 0px;}
hr { width: 90%; border: 1px solid #497A50;}
hr.dotted { height: 0; width: 75%; border-top: none; border-bottom: 3px dotted #497A50;}
 
ul#paw {list-style-image:url('images/paw.gif'); }

table { background-color: #EDFFEF; 
	  	/*border: 5px solid #09850f; */ 
	  	/* width: 100%;  
	  	height: 50px; 
		color: #000000;*/
        font-family: "Helvetica", sans-serif;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background: transparent; border-left:1px solid #497A50; border-right:1px solid #497A50;}

.xb1 {margin:0 8px; background:  #497A50;}
.xb2 {margin:0 6px; background:  #497A50;}
.xb3 {margin:0 4px; background: #497A50;}
.xb4 {margin:0 3px; background:#497A50; border-width:0 5px;}

.xb5 {margin:0 2px; background:#497A50; border-width:0 4px;}
.xb6 {margin:0 2px; background:#497A50; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#497A50; border-width:0 3px; height:2px;} 

.round {background: transparent; margin:1em; width: 940px; margin-left: auto; margin-right: auto;}

.round em {display:block; width:0; height:0; color:#497A50; overflow:hidden; border-top:12px solid transparent; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 
* html .round em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.rounded span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .round span {width:20px; height:10px; w\idth:0; hei\ght:0;} */



table#main { background-color: #EDFFEF; 
	  	border-left: 8px solid #497A50; 
	  	border-right: 8px solid #497A50;
	  	width: 100%;  
	  	height: 50px; 
		color: #000000;
        font-family: "Helvetica", sans-serif;}

#container { width: 90%;
		background-color: #C1D5C4; 
	 position: static;
	 margin: 3em auto; padding: .5em;
	}

#banner{ float: top;
position: relative;
clear: both;
	background-color: #EDFFEF; 
	  	 margin: .5em; padding: 0.5em;
	  	  	border-top: 2px solid #497A50; 
	  	border-left: 2px solid #497A50; 
	  	border-right: 2px solid #497A50;
	  	border-bottom: 2px solid #497A50; /* width: 100%;  
	  	height: 50px; */ 
		color: #000000;
        font-family: "Helvetica", sans-serif;}
#menu {clear: both;
	 position: relative;
	  width: auto;
	   margin: .5em; padding: .5em;
		background-color: #EDFFEF; 
	  	border-top: 2px solid #497A50; 
	  	border-left: 2px solid #497A50; 
	  	border-right: 2px solid #497A50;
	  	border-bottom: 2px solid #497A50; 
	 		color: #000000;
        font-family: "Helvetica", sans-serif;}
        
td.tab { width: 120px;
		background-color: #EDFFEF; 
	  	border: 2px solid #EDFFEF;
	  	text-align: center;		
		font-family: "Helvetica", sans-serif;}
		
td.tab:hover { background-color: #86DC79;
					border: 2px solid #c1d5c4;}

div.popup {display:none;
				position:absolute;
				z-index:100;
				border:solid 1px #497A50;
				text-align: left;
				padding: 1em; margin: 0em;
				background-color:#EDFFEF;}

a.popup:hover + div.popup { display:block;
z-index:100;}

div.popup:hover { display:block; }


#content {position: relative;
float: right;
	  width: 70%;
	  margin: .5em; padding: .5em;
	  background-color: #ffffff; 
	  	border-top: 2px solid #497A50; 
	  	border-left: 2px solid #497A50; 
	  	border-right: 2px solid #497A50;
	  	border-bottom: 2px solid #497A50; 
			color: #000000;
        font-family: "Helvetica", sans-serif;}

#events {float: left;
position: relative;
	  /* clear: left; */
	  width: 25%;
	  margin: .5em; padding: 0;
	 background-color: #FFFFFF; 
	  	border-top: 2px solid #497A50; 
	  	border-left: 2px solid #497A50; 
	  	border-right: 2px solid #497A50;
	  	border-bottom: 2px solid #497A50; 
	  		color: #000000;
        font-family: "Helvetica", sans-serif;}


#footer { float: bottom;
position: relative;
	  clear: both;
	  /*  width: 100%; */
	  margin: 0; padding: 0;
	  background-color: #EDFFEF; 
	  	border-top: 2px solid #497A50; 
	  	border-left: 2px solid #497A50; 
	  	border-right: 2px solid #497A50;
	  	border-bottom: 2px solid #497A50; 
		font-size: 12px;	color: #000000;
        font-family: "Helvetica", sans-serif;}

</STYLE>
