/* Wendi's Wagons Stylesheet */

body {
margin: 0;
padding: 0;
}

#header {
height: 90px;
background: #336699;
text-align: center;
}

h1 {
text-align: center;
font-family: Papyrus;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
border-bottom: 2px solid #191970;
border-top: 2px solid #191970;
font-size: 1.6em;
color: #ffd700;
background: #336699;
}

#bannerphoto {
position: absolute;
left: 0;
top: 0;
width: 140px;
height: 90px;
}

#bannerphoto2 {
position: absolute;
right: 0;
top: 0;
width: 140px;
height: 90px;
}

p.contact {
color:white;
text-align: center;
margin: 0;
padding: 0 15px 0 15px;
font-weight: bold;
background: #191970;
}

#content {
position: relative;
}

#maintxt {
position: relative;
margin-left: 160px;
margin-right: 20px;
}

/* Hides from IE-mac \*/
* html #maintxt {height: 1%;}
* html #content {height: 1%;}
/* End hide from IE-mac */

h2 {
color: #2f4f4f;
font-family: Georgia, serif;
font-size: 1.3em;
font-style: italic;
margin-top: 15px;
}

#content p {
color: #333333;
font-family: Arial, sans-serif;
font-size: 1em;
}

#navigation {
position: absolute;
top: 20px;
left: 20px;
width: 120px;
}

#navigation ul {
list-style: none;
margin:0;
padding:0;
width: 100px;
}

#navigation li {
background: url('imgs/horseshoe.gif');
background-repeat: no-repeat;
background-position: 3px 0px;
padding-left: 0;
margin-top: 0;
padding-top: 30px;
height: 80px;
width: 97px;
text-align: center;
color: black;
}

#navigation li a:link, #navigation li a:visited {
background: #f0e68c;
color: black;
border: 1px solid gray;
font-weight: bold;
display: block;
text-decoration: none;
}

#navigation li a:link.lineone, #navigation li a:visited.lineone {
margin-top: -5px;
}

#navigation li a:hover {
border: 1px solid blue !important;
color: blue;
}

#navigation a:link.current, #navigation a:visited.current {
background: #ffefd5;
}

#footer {
background: #336699;
border-top: 1px solid #191970;
text-align: center;
color: white;
padding: 20px;
margin-top: 20px;
margin-bottom: -1.5em;
}

#botnav a:link, #botnav a:visited {
color: #f5deb3;
font-weight: bold;
}

#botnav a:link.current, #botnav a:visited.current {
text-decoration: none;
}


#mainpic {
float: right;
margin-left: 20px;
margin-top: 10px;
}

.floatleft {
float: left;
margin-right: 20px;
}

.floatright {

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

div.padder {
float: right;
padding: 10px 10px 0 10px;
}

.img {
border: 3px double #bdb76b;
margin-bottom: 10px;
}

#clearall {
clear: both;
height: 10px;
}

.clearcontactbott {
clear: both;
height: 10px;
margin-top: 140px;
}

#maintxt ul {
font-family: "Arial", sans-serif;
font-size: 1em;
list-style-image: url('imgs/bullet2.jpg');

}

#maintxt li {
margin-top: 0.5em;
margin-left: 0;
}

* html #maintxt li {padding-left: 5px;}


div.diagrambox {
text-align: center;
}

#diagram {
padding: 5px;
border: none !important;
}

ol {
font-family: "Trebuchet MS", sans-serif;
font-size: 0.95em;
font-weight: bold;
letter-spacing: 0.03em;
color: black;
padding: 10px 10px 10px 40px;
margin-left: 0;
text-align: left;
}

ol p {
text-align: center;
color: black;
}

h3 {
font-family: Georgia;
color: #006400;
}

h4 {
font-family: Georgia;
font-size: 1em;
color: #000080;
}

ul b {
font-size: 1em;
color: maroon;
}

p.layout {
text-align: center;
color: black;
font-size: 0.8em;
font-weight: bold;
margin-bottom: 0;
}

div.cartlayout {
border: 3px double #bdb76b;
text-align: center;
}

.divider {
text-align: center;
}

#instructions {
background: #e0ffff;
text-align: center;
padding-top: 0;
border: 2px dotted #b0c4de;
}

p.firstparagraph {
font-family: Tahoma, sans-serif !important;
letter-spacing: 0.03em;
}

p.unharness {
margin-top: 30px;
}

#sidebar {
float: right;
margin-right: 20px;
margin-top: 20px;
margin-left: 20px;
}

#pricelist {
text-align: center;
background: #fffacd;
border: 2px solid #bdb76b;
font-weight: bold;
width: 400px;
padding: 10px;
}

#pricelist p, #pricelist li {
color: black;
font-family: "Trebuchet MS";
text-align: left;
font-size: 95%;
}

#pricelist h4 {
text-align: left;
color: #8b0000;
}

#pricelist h3 {
color: navy;
}

form fieldset {
border: 2px groove #bdb76b;
padding: 10px;
}

form legend {
font-weight: bold;
font-family: Georgia, Times, serif;
font-size: 90%;
letter-spacing: 0.05em;
color: #000080;
padding: 0 5px;
}

form label {
font-weight: bold;
color: #333;
line-height: 150%;
font-size: 90%;
}

form label.tidy {
display: block;
width: 200px;
float: left;
text-align: right;
margin-right: 1em;
}

form fieldset.details {
float: left;
width: 45%;
height: 170px;
margin-right: 10px;
}

form fieldset.holiday {
height: 170px;
width: 48%;
}

p.submit {
text-align: center;
}

#submit {
color: black !important;
font-weight: bold;
}

legend.heading {
color: #006400;
font-size: 1em;
}

p.formintro {
font-weight: bold;
text-align: center;
}

form textarea {
width: 98%;
}

ul.photogallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.photogallery li {
    display: block;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    text-align: center;
    width: 290px;
}

ul.photogallery li a {
    text-decoration: none;
    font-size: 0.7em;
}

ul.photogallery li a img {
    border: 3px double #bdb76b;
}

#footer a:link.gwd, #footer a:visited.gwd {
color: white;
}

#footer a:link.link, #footer a:visited.link {
color: #d6dfd0;
}

.twoline {
    margin-top: -0.5em !important;
}