/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: verdana,helvetica,arial,sans-serif; font-size: 12px; color: #464646; padding: 0; background-color: #bb7b65; background-image: url(../images/common/bg_body.gif); background-repeat: repeat-x; margin: 0; }
p { line-height: 28px; margin: 0 0 32px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-size: 12px; vertical-align: top; padding: 0; border: 0; }
a { color: #64973f; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { padding: 0; margin: 0 0 2px 0; }
h2 { padding: 0; margin: 0 0 20px 0; }
h3 { font-size: 12px; color: #fff; cursor: pointer; padding: 10px; background-color: #9a7f68; margin: 0; }
h4 { font-size: 12px; color: #464646; line-height: 16px; padding: 0; margin: 0 0 15px 0; }
h5 { font-size: 12px; padding: 10px; background-color: #ede8e4; margin: 0 0 10px 0; }
h6 { font-size: 11px; font-weight: bold; margin: 0 0 5px 0; }

h3:hover { text-decoration: underline; }



/*

Primary layout styles

*/

#page { position: relative; width: 900px; margin-left: auto; margin-right: auto; }
#content { width: 892px; border: 4px solid #fff; background-color: #fff; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#content #columnLeft { float: left; width: 308px; }
#content #columnMain { float: left; width: 584px; padding: 0 0 30px 0; }

#header { width: 100%; height: 137px; }
#header #logo { position: absolute; margin: 36px 0 0 21px; }
#header #nav { position: absolute; margin: 86px 0 0 17px; }
#header #nav ul li { float: left; }

#footer { height: 53px; font-size: 11px; color: #fff; padding: 15px 0 0 22px; background-image: url(../images/common/bg_footer.png); background-repeat: no-repeat; }
#footer a { color: #fff; }





/*

Additional styles

*/

#cornerPhoto { margin: 0 0 2px 0; }
#copy { padding: 40px 40px 20px 40px; }

#sidenav { background-color: #e7e0db; }
#sidenav ul li { cursor: pointer; padding: 10px 10px 10px 24px; background-color: #c4b4a7; background-image: url(../images/common/bullet_square.gif); background-repeat: no-repeat; background-position: 10px 15px; margin: 0 0 1px 0; }
#sidenav ul li:hover { text-decoration: underline; }
#sidenav ul li.selected { background-color: #fff; }
#sidenav ul li.selected:hover { text-decoration: none; background-color: #fff; }

#content #columnMain span.moreLink { font-size: 11px; white-space: nowrap; padding: 0 0 0 10px; background-image: url(../images/common/bullet_arrow_double2.gif); background-repeat: no-repeat; background-position: 0px 4px; margin: 0 0 0 5px; }

ul.list li { padding: 0 0 0 10px; background-image: url(../images/common/bullet_square.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 0 0 14px 0; }
ul.list.para li { background-position: 0px 12px; }
ul.list.para li p { margin-bottom: 0; }

p.large { font-size: 16px; }

table.clients tr td.first { padding-right: 25px; }
table.clients tr ul.list li { font-family: arial,helvetica,sans-serif; font-size: 11px; margin-bottom: 3px; }

div.footnote { font-size: 10px; margin: 50px 0 0 0; }
#home div.footnote { margin: 0 0 20px 0; }





/*

Home styles

*/

#homeLink { position: absolute; font-size: 11px; padding: 0 0 0 10px; background-image: url(../images/common/bullet_arrow_double.gif); background-repeat: no-repeat; background-position: 0px 4px; margin: 269px 0 0 675px; }
#homeLink a { color: #d9c9c4; }