body  {
font-family:Georgia, "Times New Roman", Times, serif;
background: #ddd;
margin: 0; 
padding: 0;
text-align: center; 
color: #000000;
}

#container { 
width: 910px;  
background: #FFFFFF;
margin: 0 auto; 
border: 1px solid #ccc;
border-top:0 ; 
text-align: left; 
} 
#header { margin:0 auto;width:900px;height:170px;background-image:url('/images/site/header-saddlegals-blank.png');} 
#header h1 {
color:white;
margin-right: 20px;
margin-top:20px;  
float:right;
text-transform:lowercase;

}

#header h1 a {color: white; text-decoration:none;  }
#header h1 a:hover {color:#ddd;}

#sidebar1 {
float: left; 
width: 200px; /* since this element is floated, a width must be given */
background: #eaeaea; 
padding: 5px 0; 
}

#sidebar1 a {text-decoration:none;}
#sidebar1 a:hover {text-decoration:underline;}

#sidebar1 ul {margin-top:5px;}
#sidebar1 li {list-style-type:square;}

#sidebar1 h3, #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}

#sidebar1 h3 {margin-bottom:5px;}

#mainContent {
margin: 0 1.5em 0 15em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
#footer { 
padding: 5px 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#eaeaea;
} 
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer p.copyright {margin: 0 10px; padding: 0 2px; font-size:small; text-align:right;}

#nav-footer {text-align:right; margin:10px; padding: 2px; }


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

a:link, a:visited, a:active { color: #CC0000; }
a:hover { color: #000000; } 

p {line-height:1.3em ; }
h4 { font-style: italic; font-weight: normal; text-decoration: underline; }

/* sybian attachments */
div.thumb {
margin: 2px;
border: 1px solid lightblue;
height: auto;
float: left;
text-align: center;
}
.thumb img{
display: inline;
margin: 2px;
border: 1px solid lightblue;
}
.thumb a {color: #333; text-decoration:none;}

.attachment-photo {margin:2px auto;padding: 2px; text-align:center; }

.attachment-photo img { border: 1px solid #A0ACC0; margin: 2px; padding: 2px; }
/* sybian attachments end */

img.index {border:1px solid #A0ACC0; padding:2px;  }
img.floatright {float:right; border:1px solid #A0ACC0; padding:2px; margin-left: 5px; }