/* Get rid of all default margins and padding */

*{
   margin: 0;
   padding: 0;
   
   /* Put in a temporary border so we can div where our divs are */
   /*border: dashed 1px #f00;*/
}
   
body{
   background: #5F0604;
   font-family: Georgia, "Times New Roman", Times, serif;      
}

#branding {
   height: 5.8em;
   background-color: #004800; /* dk green */
   display: block;   
}

#wrapper{
   width: 62.7em;
   background-color: #E5E5AC;
   margin: 0 auto 0 auto;
   border: solid 2px;
}
 
#content {
   position: relative;
   margin: 0;
   padding: 30px;
   background: #E5E5AC url("pix/content/contentgradient.jpg") repeat-x; 
}

#backgroundimg {
   margin: 0 0 0 0;
   background: url("pix/bkg/doublelranchbackground.gif") no-repeat center 50%; 
}

h1 {
   font-style: italic;
   font-size: 1.3em;
   color: #660000; 
   margin: 0 0 .5em 0;
   padding: 0 0 0 10px;
}

h2 {
   font-style: normal;
   font-size: 1.1em;
   padding: 20px 0 0 10px;
   color: #660000; 
}

/* Quote text */
h4 {
   font-size: 110%;
   line-height: 2.5em;           
}

/* Float image to left of paragraph */
img.floatLeft {   
   float: left;
   margin: 0 15px 10px 0;   
}

/* Float image to right of paragraph */
img.floatRight {   
   float: right;
   margin: 0 0 10px 15px;   
}

/* Center something between margins */
div.center {
   text-align: center;  
   margin: 0 auto;
}

#content p,
#content ul,
#content ol {
  text-align: justify;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 10px;
}

#content ul,
#content ol {
   padding: 5px 0px 5px 30px;
}

#content img {
   border: solid 2px #660000;
   position: relative;
}

#footer,
#navbar {
   margin: 0;
   padding: 0 0 0 4em;
   background: #004800;
}


#footer {
   clear: both;
   height: 1.8em;  
   text-align: center;
   margin: 0 auto;
   <!--[if IE]>
      border: solid red 2px;
      padding: 0 5em .3em 0;
   <![endif]-->
   border-top: solid 1px;
}   

#navbar {
   height: 2.2em;   
   border-bottom: solid #E9E9BE 3px;
}

#navbar ul,
#footer ul {
   list-style-type: none;
}

#navbar li,
#footer li {
   float: right;      
}

#navbar a,
#navbar a:link,
#navbar a:visited,
#footer a {
   text-decoration: none;
   color: #E9E9BE; /* light tan */
   font-size:80%;
   display: inline-block;
   height:2.2em;
   text-align: right;
   line-height: 2em;
   outline-style: none;
   font-weight: bold;
   padding: .5em 2.3em 0 0;
}

#footer a {
   font-size 50%;
   text-align: center;   
   font-weight: normal;
}

/* Navbar and footer hover and active links */
#navbar a:hover,
#navbar a:active,
#footer a:hover,
#footer a:active {
  color: #BABA4A; /* dark tan */  
}

#navbar li.selected a:link,
#navbar li.selected a:visited,
#footer li.selected a:link,
#footer li.selected a:visited {
   text-decoration: none;   
   color: #BABA4A; /* dark tan */
}

div.vertcenter{
   padding: 3em 0 3em 0;
}

/* Unordered lists in the content section */
#content ul {
   margin: 0 0 0 10px;
   list-style-image: url("pix/bullets/navbullet.gif");
}

/* Style for tables of thumbnail images */
table.thumbs {
   position: relative;
   text-align: center;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
}

/* Style for table cells that contain thumbnails */
td.thumbs {  
   padding: 5px;
}

/* Style for thumbnail images */
img.thumbs {
   height: 7.8em;    
}

/* Style for links in thumbnail tables */
table.thumbs a {
   color: #660000;
}

/* Image used for main display */

img.display {
   height: 21.8em;  
}  

div.backgroundimage {
   position: absolute;
   border: none;
   padding: 0 auto;
   z-index: -1;
}