/* BASIC */

body {
  font: 66.7% Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  text-align: center;
}

h1, h2, h3, h4, p, ul, ol {
  margin: 0px;
  padding: 0px;
}

a img, img{ 
  border: none;
}
 
 /* MISC */ 
 
 #main #intro .imacca {
   color: #00FF00;
 }
 
.highlight {
  color:#FF0000;
  font-weight: bold;
}

.highlight2 {
  color: #00FF00;
  font-weight: bold;
}

.pic-right {
  float: right;
  padding: 10px;
}

.pic-left {
  float: left;
  padding: 10px;
}

.clearfix { /* fix */
  clear:both;
}


/* LAYOUT */

#wrapper {
  width: 808px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #FFFFFF;
  text-align: center;
}

#header {
  height: 151px;
  width: 808px;
}

/* MAIN */

#main {
  width: 808px;
  margin-top: 10px;
}

#main a {
  text-decoration: underline;
  color: #0033CC;
}

#main h1 {
  color: #339933;
  margin-top: 15px;
  margin-bottom: 15px;
  font: normal 2em Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  word-spacing: 3px;
  font-weight: bold;
}

#main h2 {
  font: normal 2.2em Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #339933;
}

#main h3 {
  font: normal 1.7em Verdana, Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #339933;
}

#main h4 {
  font: normal 1.7em Verdana, Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  color: red;
}

#main h5 {
  font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration: underline;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #339933;
}

#main p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

#main .cloud {
  float: left;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
}

/* intro  */
#main #intro {
  font-style:italic;
}


/* banner ad  */
#main .banner-ad {
  width: 808px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

#main #comp {
  width: 808px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

#main #yelp-ad {
  width: 808px;
  background:#CCCCCC;
  color:#339933;
  padding: 20px;
  font-weight:bold;
}
#main .story {
  width: 808px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  display:block;
}
/* Hides from IE-mac \*/
* html .story {height: 1%;}
/* End hide from IE-mac */



#main .events {
  background: #C9C17A;
  width: 808px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  display:block;
}

/* Hides from IE-mac \*/
* html .events {height: 1%;}
/* End hide from IE-mac */


#main .session {
  background: #99CC66;
  width: 808px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  display:block;
}

/* Hides from IE-mac \*/
* html .session {height: 1%;}
/* End hide from IE-mac */


#main #calendar {
  background: #99CC66;
  border: #006633 solid 5px;
  width: 608px;
  font-size: 1.2em;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  display:block;
  margin-right: auto;
  margin-left: auto;
}

/* Hides from IE-mac \*/
* html #calendar {height: 1%;}
/* End hide from IE-mac */

#main .footer {
  width: 808px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  display:block;
}

/* Hides from IE-mac \*/
* html .footer {height: 1%;}
/* End hide from IE-mac */