body{
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 0;  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 12px;
}

h1{
  margin: 4px 0px;
  padding: 0px;
  font-size: 17px;
}
h2{
  margin: 4px 0px;
  padding: 0px;
  font-size: 14px;
}
h3{
  margin: 4px 0px;
  padding: 0px;
  font-size: 12px;
}
h4{
  margin: 4px 0px;
  padding: 0px;
  font-size: 11px;
}
h5{
  margin: 4px 0px;
  padding: 0px;
  font-size: 11px;
}
h6{
  margin: 4px 0px;
  padding: 0px;
  font-size: 11px;
}

/* Use class layout on images and tables used for layout */
img.layout, a img.layout{
  margin: 0px;
  padding: 0px;
  border: 0px;
}
table.layout{
  margin: 0px;
  padding: 0px;
}
td.layout{
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

img.dynimage, img.artpic, img.artpiclarge, img.artimage{
  padding: 2px;
  /*border: 1px solid #E1F2FB;*/
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  margin-bottom: 4px;
}
div.body img{
  border-style: solid;
  border-color: #CCCCCC;
}

div.body img{
  margin: 4px 0px;
}

div.body ul{
  list-style-position: inside;
  border: 1px solid #999999;
  color: #000000;
  padding: 11px 12px;
  margin: 4px 0px 12px 0px;  
  line-height: 1.2;
}
div.body ul li{
  padding: 1px 0px 1px 0px;
  margin: 0px;
}

a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #000000; text-decoration: none;}

.headline a.headlinelink:link{text-decoration: none;}
.headline a.headlinelink:visited{text-decoration: none;}
.headline a.headlinelink:hover{text-decoration: none;}

/* SECTION: listing/view styles */

div.pagedescription{}
.pagedescription{
  font-size: 14px;
  font-weight: bold;
}


.headline, h1.headline {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.headlineview, h1.headlineview, h1.pagetitle{
	font-size: 17px; 
	font-weight: normal; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
}

.subheadline, h2.subheadline {
	font-size: 11px; 
	font-weight: normal; 
	padding: 0px;
  margin: 0px;
  line-height: 1.0;
}
.ingress, p.ingress{
	margin: 6px 0px; padding: 0px;
}
.ingressview, p.ingressview{
	margin: 6px 0px; padding: 0px;
}
p.byline, .byline{
	margin: 0px; padding: 0px;
}


/* SECTION: viewarea block/spacing elements */
.block{
	margin-bottom: 15px;
}
hr{
clear: both;
}
div.hr{
	/* Replacement for hr. This is easier to style */
	font-size: 1px;
	clear: both;
	height: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
div.body{
	clear: both; 
	margin: 0px 0px 22px 0px;
}

/* SECTION ARTPICS */

#artpics{
  float: right;
  width: 263px;
  margin-left: 7px;  
  /*border: 1px solid blue;*/
}
#artpics img{
 display: block;
 margin-top: 5px;
}

td.artpic{
  padding: 5px;
  vertical-align: top;
  text-align: left;
}




#page{}

div.contentwrapper{
  clear: both;
  margin: 0px auto;
}

#top{
}
#top div.contentwrapper{
}
#topnav{
  display: none;
}
#logo{
}
#middle{
}
#middle div.contentwrapper{
  min-height: 500px;
  position: relative;  
  padding-bottom: 20px;
}


#frontpageviewarea{
  clear: both;  
  padding-top: 10px;
}
#viewarea{
  clear: both;
  padding-top: 10px;
}
#navbar{
  display: none;  
}

#footer{
  clear: both;
  padding-top: 4px;
  padding-bottom: 25px;  
  font-size: 11px;  
}
#footer p#contactinfo{
  float: left;
  text-align: left;
  width: 45%;
}
#footer p#sitecredits{
  float: right;
  text-align: right;
  width: 45%;
}