
body {

  margin: 0;
  padding: 0;
  font-size: 16px;
  background-color: #574; 
  color: #fff;
  font-family: serif;

}








div.lmast {


background-image:url(/images/iptop.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #b62;
padding: 0 4% 0 4%;
color: #fff;
text-align: right;
font-family: serif;
height: 138px;
margin: 0;
border: 1px solid black;
}

div.mast {


background-image:url(/images/sunwz.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #b62;
padding: 0 4% 0 4%;
color: #fff;
text-align: right;
font-family: serif;
height: 220px;
margin: 0;
border: 1px solid black;
}




div.mast p {
 text-align: left;
  margin-left: 35px;
}




div.mast h1 {
 text-align: left;
  font-size: 300%;
  color: #000;
  margin-left: 35px;
  padding: 0; 

}


div.quote  {
 background-color: #000;
 color: #fff;
 margin: 0;
 padding-left: 7%;
 text-align: left;
 border: 1px solid black;
}



div.belt {

/*
background-image:url(/images/skyw.jpg);
background-position: center;
background-repeat: no-repeat;

padding-left: 4%;
padding-right: 4%;

*/


color: #fff;
text-align: right;
font-family: serif;
height: 60px;
margin: 0;
background-color: #b62;
padding: 0;
border: 1px solid black;
padding-bottom: 16px;
}


div.belt h1 {
 text-align: left;
  font-size: 200%;
  color: #fff;
  margin-left: 55px;
  padding: 0; 

}

 h1.text {
  background-color: transparent;
  color: #fb4;
  padding-left: 0em;
  border-bottom: 1px solid white;
  text-align: center;
}



div.links  {
 margin:0;
 font-size: 10pt;
padding-right: 55px;
 padding-left: 55px;
 text-align: right;
 background-color: #000;
 border-bottom: 1px solid #dd7;
 border-right: 0px solid #dd7;

}




a:link, a:visited  {
color: #ffd;
text-decoration: underline;
}


a:hover  {
text-decoration: none;
}







div.links a, div.links a:link, div.links  a:visited

{
 color: #ff0;
 text-decoration: none;
 background-color: #333;
 padding: 0 6px 0 6px;
 border: 1px solid #999;

}


div.links  a:hover {
 color: #000;
 background-color: #f94;
border: 1px solid #888;

}

div.links a, div.links a:link, div.links  a:visited

{
 color: #ff0;
 text-decoration: none;
 background-color: #333;
 padding: 0 6px 0 6px;
 border: 1px solid #999;

}


div.links  a:hover {
 color: #000;
 background-color: #f94;
border: 1px solid #888;
}



div.slinks  {
 margin: 2em 55px 0 55px;
 font-size: 10pt;
 padding: 0;
 text-align: right;
 background-color: #c85;
 border: 1px solid #444;
}

body.art div.slinks, body.art div.links{
 background-color: #333;
border-bottom: 1px solid #444;
}

div.slinks a, div.slinks a:link, div.slinks  a:visited

{
 color: #ff0;
 text-decoration: none;
 background-color: #333;
 padding: 0 6px 0 6px;
 margin: 0;
 border: 1px solid #444;

}


div.slinks  a:hover {
 color: #000;
 background-color: #f94;

}


 a.it:hover
 {
 color: #000;
 background-color: #f94;
}



div.slinks a.it, div.slinks a.it:link, div.slinks  a.it:visited

{
 color: #eee;
  background-color: #565; 


}



div.links a.it, div.links a.it:link, div.links a.it:visited

{
 color: #ddd;
 background-color: #000;

}



div.utilitext

{

 border: 0px solid #222;
 background-color: transparent;

 text-align: left;
 float: left;
 font-size: 80%
}

div.utilitext a.validate, div.utilitext a.validate:link, div.utilitext  a.validate:visited


{

 border: 0px solid #666;
 color: #555;
 background-color: transparent;
 padding: 0px 6px 0px 0px;
}

a.validate {


 color: #222;
 background-color: transparent;

 border: 0px solid black;
 font-size: 80%
}



body.contact {
  background-color: #aaa;
}


img.logo {
  float: left;
  margin: 0 35px 0 0;
  padding: 0px 12px 0px 12px;

}

h2.attention {

background-color: #933;
color: #fff;
padding: 3px;
text-align:center;
margin: 0px;
border-top: 1px solid #fff;

}


h2.section { 
  color: red;
  text-align: left;
  font-size: 135%;
  padding: 0;

}

h3.donate {
 margin-top: 0px;
font-family: verdana, sans-serif;
font-size: 12pt;
 }

h3 { 

  text-align: left;
  font-size: 110%;
  padding: 0;

}




h2.orange {
color: #fff;
background-color: #8c4400;
padding: 10px 10px 10px 30px;
font-family: verdana, sans-serif;
border: 1px solid #333;
width: 750px;
float; left;
font-size: 11pt;
}


div.main {

/*

  float: left;
  width: 68%;
  border: 1px dashed white;
  border-top: 1px dotted blue;
  padding-top: 1em;
  padding-left: 200px;
  border-top: 1px dotted blue;
  border-left: 1px dotted green;
  border-left: 1px dotted #44f;
  border-bottom: 1px solid #44f;
  border-left: 1px dotted #fff;
   border: 1px dashed black;

  padding-left: 5em;
  padding-right: 5em;

*/
  margin: 1.5em 55px 1em 55px;

}


div.nav {

/*
position: fixed;
height: 500px;
position: fixed;
width: 200px;
height: 35em;
float: left;
margin: 0 0 0 0 ;
margin-bottom: 992em;
border: 1px solid black;

width: 13em;
float: left;
padding: 0;
*/

background-color: #33d;
padding: 1px 0px 1px 1em;
color: #fff;
text-align: left;
font-family: serif;
margin: 0;

}


div.mast a, div.mast a:link, div.mast a:visited {
color: #fff;

}


div.nav a {

color: #fff;
text-decoration: none;
font-family: serif;
}


div.navcontent

{ 

color: #ff8;
margin: 10px 8px 8px 12px;

}

div.nav div.blocks a, div.nav div.blocks a:link, div.nav div.blocks a:visited
 {
color: #fff;
text-decoration: none;
/* display: block;
break: no-break;
 */
margin-top: 3px;
background-color: #eee;

background-color: #f00;
color: #a33;
padding: 5px 9px 5px 9px;

}

div.nav div.blocks a:hover {

text-decoration: none;
background-color: #77d;
color: #a33;

}

a.within, a.within:link ,a.within:visited {
 color : #00a;
 text-decoration: none;
}
a.within:hover {
  color: #000;
  background-color: #ff6;
}

p { margin-top: 0 }

br.fresh  { clear: both;}



div.newitem {

  border: 0px solid #aa7;
  margin: 0 0 0 0; 
  padding: 0px;
  width: 445px;
  float: right;
  border: 0px solid yellow;

}

div.newitem h2 {
margin-bottom: 5px;
margin-top: 7px;

}
div.item {

  border: 0px solid #aa7;
  margin: 0 0 0 0; 
  padding: 0px;
  width: 135px;
  float: right;
  border: 0px solid yellow;

}

div.basket {

  border: 0px solid #aa7;
  margin: 0 14px 0 0; 
  padding: 0px;
  width: 200px;
  float: right;
  text-align: right;

}

div.orphan {

/*


  background-color: #888;
 */

  border-top: 1px solid #aa7;
  margin: 20px 0 0 0; 
  padding: 8px;
  width: 46%;
  float: left;

  background-color: #648454;

}


div.wideitem {

/*


  background-color: #888;
  float: left;
width: 46%;
 */

  border-top: 1px solid #aa7;
  margin: 0;
  padding: 8px;
width: 778px;


  background-color: #648454;

}


div.hspace {

width: 18px;
height: 55px;
border: 0px dotted white;
float: left;
}


 


img.orphan {  
  float: left;
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 0px 16px 0 0;  
  background-color: #aaa;
}


div.learn { 
/* float: left;
border: 1px solid #574;
 */
margin-top: 16px;

 }


div.meta { 
/*
position: absolute;
*/
float: right;
width: 20px;

border: 1px solid #574;
border: 1px solid transparent;
color: #574;
font-size: 75%;
font-family: tahoma, arial, sans-serif;

 }

div.learn a, div.learn a:link, div.learn a:visited {
border: 1px solid #aa7;
text-decoration: none;
padding: 0px 10px 0px 10px;
background-color: #bb5;
color: #000;

}

div.learn a:hover {

background-color: #7a7;
color: #000;
}



div.art {

padding: 20px 140px;
border: 0px solid #555;
background-color: #648454;
background-color: #000;
margin: 15px;

}



div.gallery { 

/* 
width: 220px;
float: right;
*/

text-align: center;
margin: 20px auto 20px auto;
border: 0px solid #222;
width:690px;
/* background-color: #000; */
}



div.piece{
width: 174px;
float: left;
text-align: center;
border: 0px solid #555;
margin: 20px 80px 40px 80px;
padding: 0px;
}


div.piece div.name{
border: 0px solid yellow;
background-color: #574; 
background-color: #000;
color: #fff;
font-style: italics;
padding: 8px 8px 8px 25px;
text-align: left;
margin: 4px;
}


div.piece img  {
border: 1px solid #333;
background-color: #111;
padding: 13px;

}




div.zoomart {

width: 500px;
float : right;
text-align: center;

}

div.zoomart img  {
border: 1px solid #333;
background-color: #111;
padding: 19px;

}



div.video {
width: 580px;
padding: 18px;
border: 0px solid #555;
background-color: #648454;

text-align: center;
font-weight: bold;
font-size: 14pt;
margin: 50px auto 50px auto;

}

#vid8 {  

  padding: 3px;
  border: 1px solid #000;
  margin: 0px auto 1em auto;
  background-color: #aaa;
}


img.confirmorphan {  
  float: left;
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 0px 36px 0 0;  
  background-color: #aaa;
}


div.vid{
  float : right;
  width: 300px;
  margin: 0em 0 1.2em 2em;
  padding: 0px;
border: 1px solid #ddd;
}


img.fr {  
  float: right; 
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 1em 0 1em 1em;
  background-color: #aaa;
}

img.frclear {  
  float: right; 
  padding: -px;
  border: 0px solid #ff5416;
  margin:  0;

}

img.fl {  
  float: left;
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 1em 1em 1em 0;  
  background-color: #aaa;
}


img.frt {  
  float: right; 
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 0em 0 1.2em 2em;
  background-color: #aaa;
}


img.flt {  

  float: left;
  padding: 3px;
  border: 1px solid #ff5416;
  margin: 0em 2em 2em 0;  
  background-color: #aaa;

}


div.frc {

float : right;
width: 300px;
margin: 1em 0 2em 2em;
border: 1px solid white;
background-color: #fff;
color: #030;
padding: 12px 12px 10px 12px;
}

div.flc {
border: 1px solid white;
float : left;
width: 300px;
margin: 1em 2em 2em 0;
background-color: #fff;
color: #030;
padding: 12px 12px 10px 12px;
}



div.frtc, div.fltc {
 width: 300px;
 margin: 0em 0 2em 2em;
/* background-color: #444; */
 border: 0px solid black;
 color: #fff;

}

/* float right at the top with caption wide */

div.frtc{
  float : right;
  width: 308px;
  margin: 0em 0 1.2em 2em;
  padding: 0px;
}

div.fltc {
  float : left;
  width: 308px;
  margin: 0em 2em 1.2em 0;
  padding: 0px 0px 0px 0px;
}


/* float right at the top with caption narrow */

div.fltcn {
  float : left;
  width: 233px;
  margin: 0em 2em 1.2em 0;
  padding: 0px 0px 0px 0px;
}


div.frtcn{
  float : right;
  width: 233px;
  margin: 0em 0 1.2em 2em;
  padding: 0px;
}


/* float at the top with caption undefined width */

div.fltcx {
  float : left;
  margin: 0em 2em 1.2em 0;
  padding: 0px 0px 0px 0px;
}


div.frtcx{
  float : right;
  margin: 0em 0 1.2em 2em;
  padding: 0px;
}





div.photor, div.photol {

  width: 340px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px 0px 0px 0px;
}

div.photor { 

float: right;
margin-left: 0px;
margin-right: 10px;
}



div.photol {

  float : left;
  margin-right: 0px;
  margin-left: 10px;


}

/* float left|right side by side with caption  */


div.frsc{
  float : right;
  width: 308px;
  margin: 0em 0 1.2em 3px;
  padding: 0px;
}



div.flsc {
  float : left;
  width: 308px;
  margin: 0em 25px 1.2em 0;
  padding: 0px 0px 0px 0px;
}





div.frtc img, div.fltc img, div.fltcn img, div.frtcn img,  div.frsc img, div.flsc img, div.fltcx img, div.frtcx img, div.photor img, div.photol img {
  margin: 0;
  padding: 3px;
  border: 1px solid #ff5416;
  background-color: #aaa;
  display: block;

/* border: 1px solid black; */
}



p.caption {

/*
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 background-color: #444; 
 padding: 6px 8px 6px 8px;
 background-color: #574; 
 color: #f88;
 color: #fa6;
 border: 1px solid #ddd;
*/

 margin: 3px 0 0 0 ;
 padding: 5px 6px 5px 6px;
 font-size: 80%;
 font-family: sans-serif;
 background-color: #648454;
 color: #fff;


}

p.special {

 background-color: #648454;
 padding: 8px 8px 8px 45px;
}

ul.long li {
margin: 10px;
padding-right: 45px;

}


div.hrule {
 border-bottom: 1px solid black;

}

div.volunteer {
 border-top: 1px solid black;
margin: 35px 0px;
padding-top: 15px;

}

hr.divider {
 
margin-top: 40px;
border: 0px solid black;
border-bottom: 4px solid orange;
height: 1px;



}

a.white:link, a.white:visited, a.white {
color: #fff;
text-decoration: underline;
}

textarea { 
font-size: 10pt;
}


div.utility a {

 text-decoration: none;

}


div.utility {
text-align: right;
font-size: 75%;
background-color: transparent;
/*
border-bottom: 1px solid #449;
border-left: 1px dotted green;
*/
text-decoration: none;
font-family: serif;
}


div.bat {

border-left: 1px dotted #44f;
background-color: #fff;
padding: 12px 0 0 0; 
color: #000;
text-align: left;
font-family: serif;
margin-bottom: 0px;

/* border: 1px solid red; */

/*
background-image:url(/images/blegtext.gif.jpg);
background-position: left;
background-repeat: repeat-y;
border-bottom: 1px dotted blue;
*/

}



/* NEW STYLE SHEET HERE */


body {

margin: 0;
padding: 0;
font-size: 16px;
background-color: #574;
color: #fff;
font-family: serif;

<?php

$foo = rand(1, 5);
$foo = 1;
print "background-image:url(/images/objects/$foo.png);";

?>


background-image:url(/images/objects/backred.jpg);
background-image:url(/images/objects/1.png);
background-image:url(/images/objects/background.jpg);
background-image:url(/images/objects/backgroundcrop.jpg);




background-position: left 100px;
background-repeat: repeat;
background-attachment: fixed;
}




div.content, div.kontent {
border: 1px solid #222;

width: 900px;
margin: 18px auto 0px auto;
 background-color: #574;
/*  background-color: #574;  */
}

div.mast { height: 130px;}

div.mast h1 {
 text-align: left;
  font-size: 32pt;
  color: #000;

  margin-left: 35px;
  margin-top: 9px;
  padding: 0; 

}

div.kontent {

  background-color: #000;

}

div.mast {


background-image:url(/images/sunew.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #b62;
padding: 0 4% 0 4%;
color: #fff;
text-align: right;
font-family: serif;
height: 140px;
margin: 0;
border: 0px solid black;
}

div.blocklinks {

width: 126px;
border: 0px solid white;
float: left;
text-align: center;
margin-left: -8px;

}



div.quote  {

 color: #fff;
border: 0px solid black;
 margin: 0;
 padding-left: 10px;
padding-bottom: 15px;
 text-align: left;
background-color: transparent;

}

a.bigbutton, 
a.bigbutton:link,
a.bigbutton:visited,
a.bigbutton:active

{
display: block;
color: #fff;
font-weight: bold;
margin: 0px;
padding: 21px 0px 20px 0px;
border: 2px solid black;
text-decoration: none;
background-color: #800;
background-color: #333;
background-color: #800;

background-image:url(/images/objects/dkredsm.jpg);
background-position: center;
background-repeat: no-repeat;

}

a.bigbutton:hover

{

background-color: #600;
color: #000;

background-image:url(/images/objects/orangesm.jpg);
background-position: center;
background-repeat: no-repeat;

}



div.links  {
 margin:0;
 font-size: 10pt;
 padding: 10px 55px 10px 55px;
 text-align: right;
 background-color: #000;

 border-top: 1px solid #544;
 border-bottom: 1px solid #544;


}



