* {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
  color: #000;
  
  font-size: 12px;
  font-family: Arial, sans-serif;
  
  text-align: center;
    
  background-color: #fff;
}

#frame {
   width: 100%;
   height: 100%;
   
   background-image: url('../images/layout/footer-bg.jpg');
   background-position: center bottom;
   background-repeat: no-repeat;
}

#wrapper {
  width: 1000px;
  
  margin: 0px auto;
  
  text-align: left;
}

#header {
  width: 100%;
  height: 180px;
  
  margin-bottom: 4px;
  
  position: relative;
}

#footer {
  width: 100%;
  height: 75px;
  
  position: relative;  
}

#left-column {
  width: 180px;
  
  float: left;
}

#mid-column {
  width: 598px;
  
  float: left;
  
  overflow: hidden;
  
  margin-left: 4px;
}

#mid-column div.inside {
	padding: 20px 10px 10px 10px;
}

#right-column {
  width: 216px;
  
  float: right;
}

#mid-column div#current-events-overview {
	width: 365px;
	
	float: left;
}

#mid-column div#upcoming-events-overview {
	width: 228px;
	
	float: left;
}