BODY, P {  
 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D6E0EC;
  color: #2D629C;
     padding: 0;
 margin: 0;
}

body#art, body#flyer,body#distro {
    padding: 10px;
}

A {  
   color: #2D629C;
     text-decoration: underline;
 font-weight: bold;
}

A:LINK {
     
}

A:VISITED {
    color: #672D9D; 
}

/* note that A:HOVER isn't supported by all browsers */
A:HOVER {
}

A:ACTIVE {
   color: #9D2D62;
}

H1 {  
  margin: 0 0 .3em 0;
 padding: 0 0 0 0;
   font-size: 1.4em;
}

H2 {  
        margin: 0 0 0 0;
    padding: .3em 0 .3em 0;
     font-size: 1.2em;
}

div.design-ack {
   position: relative;
    border-top: 4px solid #fff;
 padding-top: .4em;      
    margin-top: 5em;
    text-align: right;
  font-size: .9em;
}
#art .design-ack,
#distro .design-ack,
#flyer .design-ack {
  margin-top: .5em;
}
#flyer p, #distro p {
        text-align: center;
}
#flyer p img, #distro p img {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

#homepage .design-ack {  
  border: none;
       position: absolute;
 top: 580px;
 right: 10%;
   left: auto;
       width: auto;
        height: 15px;
       margin: 0;
  padding: 0 10px;
    font-size: .8em;
}


/* unique IDs */
#homepage h1 {
 background-image: url(images/homebg.gif);
   background-position: top left;
      background-repeat: no-repeat;
       width: 485px;
       height: 497px;
      text-indent: -9999px;
       position: absolute;
 top: 20px;
  right: 10%; 
        padding: 0;
 margin: 0;
}
#homepage h2 {
   position: absolute;
 top: 517px;
 right: 10%;
 height: 15px;
       margin: 0;
  padding: 0 10px;
    color: #2D629C;
}
#homepage #nav {
    position: absolute;
 top: 360px;
 left: 0;
    width: 200px; 
}
#nav {
       position: absolute;
 top: 210px;
 left: 0;
    width: 200px; 
}

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#nav a
{
display: block;
padding: 3px 15px 3px 15px;
width: 160px;
background-color: #2D629C;
border-bottom: 1px solid #eee;
font-weight: bold;
margin: 20px;
text-align: right;
}
#nav a.active {
    margin-bottom: 4px;
}

#nav a:link, #nav a:visited
{
color: #EEE;
text-decoration: none;
}

#nav a:hover
{
background-color: #0092BA;
color: #fff;
}

#nav a.active,#nav a.active:visited,#nav a.active:hover
{
background-color: #fff;
color: #2D629C;
padding: 3px 15px 1px 15px;
border-bottom: 2px solid #2D629C; 
}
#nav a.active:hover {
background-color: #0092BA;
color: #fff;
}


div.navlevel2 {
      position: relative;
 top: auto;
  left: auto;
 width: auto;
}
#nav .navlevel2 a,#nav .navlevel2 a:visited
{
display: block;
padding: 3px 15px 3px 15px;
width: 130px;
background-color: transparent;
color: #2D629C;
border-bottom: 1px solid #eee;
font-weight: bold;
margin: 5px 0 5px 50px;
text-align: right;
}
#nav .navlevel2 a:hover
{
background-color: #0092BA;
color: #fff;
}

ul.no-bullets {
       list-style: none;
   margin: .3em 0 0 3px;
       padding-left: 3px;
}
ul.no-bullets li {
       padding-bottom: .5em;
}
ul.thumblist {
        list-style: none;
   margin: .3em 0 0 3px;
       padding-left: 3px;
}
ul.thumblist li {
        padding-bottom: .5em;
}

#content {


        position: absolute;
 left: 240px;
        top: 15px;
  right: auto;
        width: auto;
        font-size: .9em;
        padding-right: 10%;
}
div.artcaption {
    margin-left: 20px;
}
#distro div.artcaption {
    margin-left:0;
}
#art img {
    float: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#art .artcaption, #art p {
    text-align: center;
}
#distro .artcaption, #distro p {
    text-align: center;
}
#art ul.no-bullets li {
   margin: 0;
   padding: 0;
}
img.other-logo {
background-color: transparent;
float: right;
margin-left: 30px;
}
#distro p {
margin-bottom: .8em;
margin-left:0;
}
.long-text p {
margin-bottom: .5em;
}