body {
  margin: 0;
  padding: 0;
  text-align:center;
  background-color: #333333;
  background-image:url(WebsitePics/Project3.jpg);
  background-repeat:repeat;
  color: white;
  font: small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
  text-align:left;
  background-color: #333333;
  color: black;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  width:800px;
}
#wrapper2 {
  text-align:left;
  background-color: #333333;
  color: black;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  width:600px;
}
#wrapper3 {
  text-align:left;
  background-color: #333333;
  color: black;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  width:900px;
}
#header{
background-color:#333333}

div.menubar{
color: white;
background-color:#333333;
width:100%;
height: 40px;
text-align:center;
}

a.menu{
width :150px;
height: 20px;
text-align : center;
 
font-family:  "Albertus MT";
	font-size: large;
font-style : normal ;

font-weight :bold;
color :white;
text-decoration : none;
background-color :#333333;
padding :10px 5px 10px 5px;
 }

a.menu:hover{
color: #990000;
background-color:#AEAE5E;
padding: 10px 5px 10px 5px;
 }
a.menu_on{
background-color:#AEAE5E;
font-size: large;
font-style : normal ;
font-weight :bold;
color: #990000;
padding: 10px 5px 10px 5px}
#main {
	position: relative;
	top:0;
	left:  0;
	width: 100%;
	margin-top: 10px;
	background-color: #333333;
}
#content {
  margin: 10px;
  border: 1px solid #b9d2e3;
  background-color: white;
  color: #990000;
  padding:5px;
}


#sidebar {
  float:left;
  top: 0;
  right: 0;
  width: 150px;
  background-color: #333333;
  color: white;
  margin: 0;
  padding: 2px;
}
#sidebar h1, #content h1 {
  background-color:#aeae5e;
  color:#000033;
  font:"Albertus MT";
  font-size:18px;
  text-align:center;
}
#sidebar h2, #content h2{
 background-color:#aeae5e;
  color:#000033;
  font:"Albertus MT";
  font-size:15px;
  text-align:center;
}


#sidebar
a:link, #sidebar a:visited, #sidebar a:hover {
COLOR:#AEAE5E;
}

#sidebar a:active {
COLOR: #00FF00;
}
#searchform .text {
  width: 196px;
  border: 1px solid #45bac0;
}
#searchform .searchbutton {
  text-align: right;
  margin-top: 4px;
}
#searchform .btn {
  border: 1px solid #45bac0;
  background-color: #256290;
  color: white;
}
#sidebar .motm-image {
  float: right;
  margin: 0 30px 0 20px;
}

#sidebar p.more a:link, #sidebar p.more a:visited {
  color: white;
  padding-left: 14px;
}


#footer{
clear:both;
border: 1px solid red;
color:white;
background-color:black;
margin-top:10px;
text-align:center;
}
#calendarbox{
width:750px;
height:550px;
overflow:hidden;
}
<style type="text/css">
div#thirtyBoxes { width:130px; margin:0; padding:8px; font-size: 10px;
font-family:"Lucida Grande", Verdana,sans-serif; background-color:#333; 
border-right:1px solid #ADAABD;border-bottom:1px solid #ADAABD; }

div#thirtyBoxes .avatar { float: left; margin-right: 8px; }
div#thirtyBoxes .tags { font-size: 10px; font-weight: bold; margin-bottom: 6px; margin-top: 8px;}
div#thirtyBoxes .eventItem {}
div#thirtyBoxes .eventDate {font-size:12px; font-weight:bold; color:#AEAE5E; }
div#thirtyBoxes .eventSummary {color:white; font-size:10px; }
div#thirtyBoxes .header {font-weight: bold; margin-bottom: 6px; font-size:14px; background-color:#AEAE5E; color:333333;}
div#thirtyBoxes .footer {margin-top: 6px; background-color: #333333; font-size: 10px;  }
div#thirtyBoxes .eventBlock { cursor: pointer;  }
div#thirtyBoxes .repeatType { display: none; }

</style>