@charset "utf-8";
/* CSS Document */

.image {
  padding-right: 20px;
  padding-left:20px;
  margin:10px;
  margin-left:10px;
  margin-right:10px;
}


/*----------------   font  ---------------------- */
p{font-family:Arial, Helvetica, sans-serif} ;
h1{font-family:Arial, Helvetica, sans-serif};

body {
	background-image: url();
}

/* ----------- Middle blurb ------------------ */
.middle {float:left; width:450px ;  
margin:90px;}


/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}@charset "utf-8";

#content {
  width: 800px;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center ;
  font-family:Arial, Helvetica, sans-serif;
}

#contentEvents {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center ;
  font-family:Arial, Helvetica, sans-serif;
}
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 300px;
font-family:Arial, Helvetica, sans-serif;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 150px;
	clear:both;} 
	
	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




table.menu a {                        
width: 75px;                              
border:1px dotted #999999;               
Display: block;
}
div.menu a {                            
color: #FFF;                        
background: #ffffff;                  
text-decoration:none;                  
font-weight:bold;                      
font-size:14px;                       
line-height:16px;
text-align: center;
font-family: arial;
}
div.menu a:link {                      
     color: #fff;
     background: #ffffff; }
div.menu a:active {                    
     color: #fff;
     background: #ffffff; }
div.menu a:visited {
     color: #fff;
     background: #ffffff; }
div.menu a:hover {                      
     color: #000;
     background: #ffffff;
     border:1px dotted #ff9933; }
	 
div.menu (
	position:absolute;
	top:0;
	left:0;
	)
#about
{
  display: block;
  width: 80px;
  height: 78px;
  background: url("Images/button-about.jpg") no-repeat 0 0;

}

#about:hover
{ 
  background-position: 0 -23px;
}

#about span
{
  display: none;
}
.floatright
{
	margin-left:150px;
}

.image-wrapper {
	position: relative;
	width: 250px;
}
.image-wrapper p {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	border: 1px solid #FFF;
	width: 218px;
	color: #FFF;
	margin: 5px;
}