body {
 margin: 0px;
 padding: 0px;
 background-image: url('/images/sweet-dreams-background.jpg');
 background-repeat: repeat-y;
 background-position: top center;
 background-color: #333366 ;
 font: normal 11px verdana, sans-serif;
 color: #330033;
}

a, a.visited {
color: #660066;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #666699;
}

a:active {
color: #666699;
text-decoration: underline;
}

#pagecontainer {
 margin: 0px auto;
 width: 861px;
 padding: 0px;
 top: 0px;
}


#addressbar {
 float:left; 
 width: 657px;
 background-color: #666699;
 height: 22px;
 text-align: right;
 color: #ccccff;
 font: normal 11px verdana, sans-serif;
 padding: 10px 0px 0px 0px;
}

#addressbar a, #addressbar a:visited {
 font: normal 11px verdana, sans-serif;
 color: #ccccff;
 text-decoration:none;
}

#addressbar a:hover, #addressbar a:active {
 font: normal 11px verdana, sans-serif;
 color: #ffffcc;
 text-decoration:none;
}

table.event {
width: 80%;
margin: 10px auto;
text-align: left;
}

table.event h4 {
color: #660066;
font: bold 12px verdana, sans-serif;
margin: 50px 0px 5px 0px;
}

td.eventinfo {
padding-left: 20px;
width: 300px;
}

#side {
  float: left;
  width: 203px;
  min-height: 900px;
  background-image: url('/images/suite-dreams-logo.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0px;
}


#side ul {
 margin-top: 160px;
 margin-left: 0px;
 padding-left: 0px;
 list-style-type: none;
 width: 180px;
}

#side ul li {
text-align:right;
margin: 8px 0px;
padding-left: 0px;
}

/* side navigation hover color */
#side ul a:hover, #side ul a:active {
color: #382193;
text-decoration: underline;
}


#side ul li a {
text-decoration: none;
display: block;
font: bold 10px verdana, sans-serif;
color: #660066;
width: 170px;
}

#side ul li ul {
margin-top: 2px;
padding-left: 0px;
 width: 180px;
}
#side ul li ul li {
padding-left: 0px;
margin: 2px 0px;
}


#side ul li ul li a {
color: #666699;
font: normal 10px verdana, sans-serif;
}


#main {
float: left;
height: 100%;
width: 658px;
background-color: transparent;
}


#main ul {
 margin-left: 80px; 
 width: 400px;
 list-style-position: outside;
 list-style-type: square;
 padding: 0px 30px;
}

#main ul.sponsor {
 margin-left: 80px; 
 list-style-position: outside;
 list-style-type: none;
}

#main ul li {
margin: 10px 0px;
}

#main ul li ul {
 margin-left: 10px; 
 width: 300px;

}
#main ul li ul li {
 margin-left: 0px; 
 width: 300px;
}

#main ol {
 margin-left: 80px; 
 width: 400px;
 list-style-position: outside;
 padding: 0px 30px;
}

#main ol li {
margin: 10px 0px;
}


#main h1 {
color: #666699;
width: 80%;
margin: 16px auto;
font-size: 16px;
}

#main h5 {
color: #666699;
margin: 25px 0px 0px 65px;
width: 527px;
border-bottom: solid 1px #666699;
padding: 0px;
font-size: 12px;
}

#main p {
width: 80%;
margin: 10px auto;
text-align: justify;
line-height: 1.75;
}


#center-wrap { 
float: left;
width: 861px;
margin: 0px;
padding: 0px;
top: 0px;
 background-image: url('/images/main-bg.jpg');
 background-repeat: repeat-y;
 background-position: top left;
}

.topimg {
margin: 40px 0px 10px 0px;
}

#footer {
float: left;
width: 860px;
font: normal 10px verdana, sans-serif;
color: #ccccff; 
margin-bottom: 40px;
text-align: center;
background-color: #666699;
height: 42px;
padding: 4px 0px 8px 0px;
}

#footer a, #footer a:visited {
color: #ccccff;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: #ffffcc;
text-decoration: underline;
}

#subcenter {
  width: 400px; 
  float: left; 
  margin-top: 0px;
  margin-left: 25px;
}

#subside {
  width: 180px; 
  float: left; 
  margin-top: 25px;
}

#subside a {
  display: block;
  margin: 5px 0px;
}

#subside2 {
  width: 220px; 
  float: left; 
  margin-top: 185px;
  line-height: 1.5;
}