body
{
background-color:#fafafa;
padding:2px;
font-size:medium;
font-family: Arial;
max-width:720px;
font-size:14px;
margin:auto;
text-align:left;
}

img
{
vertical-align:center;
max-width:100%;
}

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

a:hover, a:active 
{ 
color: #000;
}



a:link img, a:visited img
{ 
border: 1px solid #ecd5d2;
padding: 1px;
}

a:hover img, a:active img 
{ 
border: 1px solid #000;
}



a.next:link, a.next:visited, a.back:link, a.back:visited 
{ 
text-decoration:none;
color: #a862a8;
background-color:#f0dded;
border: 1px solid #d9b0d5;
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
}

a.next
{
padding-right:4px;
margin-left:5px;
}

a.back
{
padding-left:4px;
margin:right:5px;
}

a.next:hover, a.next:active, a.back:hover, a.back:active 
{ 
color: #000;
}



.logo
{
  background-color: #555;
  border: 1px solid #000;
color: #fafafa;
padding:4px;
padding-bottom:0px;

  margin-bottom: 2px;
  font-weight: bold;
font-size: 1.5em;
text-align:center;
}


.header
{
background-color:#a862a8;

  padding:2px;
  
  margin-bottom: 2px;
  
text-align:center;  
font-weight:bold;
color: #fff;
}


.subheader
{
background-color:#a862a8;

  padding:2px;
  
  margin-bottom: 2px;
  
text-align:center;  
font-weight:bold;
color: #fff;
}


.content
{
text-align:center;

  padding:2px;
  
  margin-bottom: 2px;
  
background-color:#eeecec;
border: 1px solid #dfdfdf;
color: #000;
}


.listwrapper
{  
  color: #000;
}

.list1
{
border-bottom: 1px solid #ecd5d2;
padding:2px;	
}

.list2
{
background-color:#eeecec;
border-bottom: 1px solid #ecd5d2;
padding:2px;	
}

.footer
{
  background-color: #555;
  border: 1px solid #000;
color: #fafafa;
padding:4px;
text-align:center;
}