.box {
 background: #FFFFFF;
 width: 690px;
 text-align: left;
 margin: 40px auto;
}

.boxtop div {
 background: url(images/box-tl.jpg) no-repeat top left;
}
 
.boxtop {
 background: url(images/box-tr.jpg) no-repeat top right;
}

.boxbottom div {
 background: url(images/box-bl.jpg) no-repeat bottom left;
}
                             
.boxbottom {
 background: url(images/box-br.jpg) no-repeat bottom right;
}

.boxtop div, .boxtop, .boxbottom div, .boxbottom {
 width: 100%;
 height: 25px;
 font-size: 25px;
}

.content {
 width:690px;
 margin 0 auto;
}

.header {
 margin-left:0px;
 margin-right:0px;
 background-color:#CCFFCC;
 height:87px;
} 

.navigation {
 margin:20px 0px 20px 0px;
 font-size: 1em;
}

.navigation a:link {
 color: #000000;
 text-decoration: none;
}

.navigation a:visited {
 color: #000000;
 text-decoration: none;
}

.navigation a:hover {
 color: #CCFFCC;
 text-decoration: none;
}

.navigation a:active {
 color: #000000;
 text-decoration: none;
}

.logo {
 color: #FFFFFF;
 display: inline;
 font-size: 55px;
 margin-left:20px;
 line-height:90px;
}

.sidebar {
 width:150px;
 float:left;
 margin: 0px 20px 0px 20px;
 display:inline;
}

.main {
 /*width: 430px;
 margin-left:200px;*/
 margin-left:20px;
 margin-right:20px;
 padding-top:15px;
 font-size: 1em;
}

.main h1, h2, h3 {
 text-align: center;
}

body {
 background: url(images/background_gradient.jpg);
 background-repeat: repeat-x;
 background-color:#CCFFCC;
 text-align:center;
 font-size: 1em;
 font-family: Tahoma,Verdana, Helvetica, Arial; }

.footer {
 font-size: .8em;
 text-align:center;
 width: 690px;
}

.clear {
 float: none;
 clear: both;
 height: 1px;
 margin: 1;
 padding: 0;
} 

.quote {

  margin-left: 15%;
  margin-right: 15%;

}

#events-border {
    margin-left: 6%;
    margin-right: 6%;
    border: 3px solid;
    background-color: #ccffcc;
    border-color    : #33ffcc;

}

#events {
    margin: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #FFF;


}