#sidebar ul li.selected { list-style-image: url(images/arrow_black.gif) }

h1, h2 { color: #644E3A }

#sidebar ul li.selected,
#sidebar ul li a:hover {
   color: #644E3A;
}

#main a { text-decoration: none; color:#333333; }
#main a:hover { text-decoration: underline; color:#333333; }

#main p a { text-decoration:underline }

.section {
  border-bottom: solid #ddd 1px;
  padding-bottom: 6px;
}

.section_freja {
  border-bottom: solid #ddd 1px;
  padding-bottom: 6px;
  background:none;
}

.lastSection { border-bottom: none; }

@media screen {
  #hdrDownloads {
    height:33px;
    background:url(images/h_downloads.gif) no-repeat;
    text-indent:-9000px;
  }
}

#main ul { padding-left: 0; margin-top: 8px}

#main ul li {
  display: block;
  padding: 6px 0 6px 30px; margin-left: 0;
  background: url(images/pdf.gif) left 4px no-repeat;
}

#demoPages h3 {
  border-top: solid #000 1px;
  padding-top: 16px;
  margin-top: 12px;  
}
#demoPages .imageLink {
  float: left; width: 23%;
  padding-top: 9px;
}
#demoPages .description {
  float: right; width: 72%;
  font-size: 11px; line-height: 15px;
  margin-bottom: 6px; padding-right: 10px; 
}
#demoPages .description p {
  margin-top: 9px; margin-bottom: 6px;
  text-align: left;
}
#demoAthena, #demoWebshop { 
  float: left;
  width: 100%;
}
#demoAthena {
  border-top: solid #ddd 1px; padding-top: 3px;
  page-break-inside: avoid;
  clear: both;
}

#main .description ul li {
  background: url(images/arrow_blue.gif) left 2px no-repeat;
  padding: 0 0 0 11px;
}