body {
background: url(grass.jpg);
margin: 60px;
font-size: 76%;
font-family: Georgia, serif;
min-width: 940px;

}

#site_identity {
display: block;
height: 109px;
width: 680px;
background: url(mayofarmyurts.png) top left no-repeat transparent;
position: absolute;
top: 30px;
left: 30px;
line-height: 1em;
text-indent: -999px;
margin: 0;
z-index: 10;
}

* html #site_identity {
background: url(mayofarmyurts.gif) top left no-repeat transparent;
}

#tagline {
line-height: 1.2em;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1.2em;
}

h1 {
font-size: 1.5em;
margin: 1.5em 0 1em 0;
text-transform: capitalize;
}

#content {

font-size: 1.3em;
line-height: 1.5em;
background: url(paper.jpg);
min-height: 500px;
-webkit-box-shadow: 10px 10px 30px #000;
filter: dropshadow(color=#000, offx=10, offy=10);
padding: 5em 30px 30px 30px;

}


* html .left {
display: inline;

}

.left {
position: relative;
float: left;
clear: both;
margin: 10px 20px 10px -90px;
padding: 10px;
}

* html .right {
display: inline;

}

.right {
position: relative;
float: right;
clear: both;
margin: 10px -90px 10px 20px;
padding: 10px;
}

#postcard {
position: absolute;
top: 50px;
right: 60px;
/*background: url(ist2_5674196_postcard_template.jpg) no-repeat;
background: url(postcard.gif) no-repeat;*/
height: 179px;
width: 304px;
padding: 20px;
font-size: 0.8em;
line-height: 1.2em;
padding: 75px 0px 0px 80px;
}

#address {
position: absolute;
top: 80px;
right: 20px;
}

#message {
position: absolute;
top: 80px;
left: 55px;
width: 120px;
}

#tariffgif {
float: left;
clear: left;
margin: 20px 10px 10px -60px;
height: 21em;
}

#tariff {
margin-left: 50px;
padding: 20px 30px;
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
border: 3px double black;
display: inline-block;
float: left;
}

/* try floating the image instead so it can scale with the text, which can be absolutely positioned over the top */


p {
margin: 10px;
padding: 10px;
}

#navpanel, #nav {
list-style-type: none;
position: absolute;
top: 30px;
right: 15px;

font-family: sans-serif;
font-size: 0.8em;
text-transform: capitalize;
}

#nav {
padding: 0;
margin: 10px 15px;
}

#nav li {
padding: 2px 10px;
margin: 7px 0;
}

a:link { color: #111; }
a:visited { color: #444; }
a:hover { color: #111; }
a:active { color: #111; }

/*
#skyline {

background: url(skyline.png) no-repeat top left;
}
*/

* html #skyline {
width: 444px;
height: 221px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='skyline.png');
}

* html #skyline img {
visibility: hidden;
}

* html #hut {
width: 325px;
height: 269px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hut.png');
}

* html #hut img {
visibility: hidden;
}

* html #interior {
width: 323px;
height: 268px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='interior.png');
}

* html #interior img {
visibility: hidden;
}

* html #flag {
width: 288px;
height: 221px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='flag.png');
}

* html #flag img {
visibility: hidden;
}

* html #newyurt {
width: 288px;
height: 221px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='newyurt.png');
}

* html #newyurt img {
visibility: hidden;
}

* html #donkeys {
width: 288px;
height: 221px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='donkeys.png');
}

* html #donkeys img {
visibility: hidden;
}


#navpanel {
width: 260px;
height: 100px;
background: url(navpanel.png) no-repeat top left;
}

* html #navpanel {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='navpanel.png');
}

#addressfooter {
clear: both;
padding-top: 1.5em;
}

#addressfooter p {
text-align: right;
}