/*
   Styles for Home page

           Main: #a89682
     Dark lines: #66523d
   Side Overlay: #a78662
*/

/* General styles. */

body { font-family: helvetica, arial, sans-serif; margin: 0; }
img, table, tr, td, div, a, form, input { border: 0; padding: 0; margin: 0; }
a { text-decoration: none; color: black; }


/* Main page container. */

#container { width: 900px; margin: auto; }


/* Redesigning Lives banner. */

#redesigning-lives { width: 100%; height: 112px; }
#redesigning-lives #spirograph-top { display: none; }


/* Images of people banner. */

#people-banner { display: none; }


/* Main menu. */

#main-menu { display: none; }


/* Main content & sidebar. */

#main { width: 100%; border-bottom: 3px solid #66523d; }
#maintable { width: 100%; margin-top: 10px; margin-bottom: 10px; }

h1 { font-size: 140%; letter-spacing: +2px; margin: 0 0 0 20px; padding-top: 1em; color: #990000; }

.focuscolumn { width: 350px; vertical-align: top; }

.focusblock { margin: 0px 10px 10px 10px; padding: 5px 10px 10px 10px;
              border: 1px solid white; background-color: white; clear: both; }
.focusblock img { float: right; margin: 5px; border: 5px solid #eeeeee; }
.focusblock p { font-size: 80%; color: #666666; margin: 0; padding: 0;
                line-height: 140%; }
.focusblock .focustitle { font-size: 100%; font-weight: bold;
                          line-height: 120%; margin: 5px 0 5px 0; padding: 0; }
.focusblock .focustitle a { color: #66523d; }
.focusblock .focustext a { color: black; }

.newscolumn { display: none; }


#content { width: 700px; font-size: 75%; line-height: 175%; vertical-align: top;
               padding: 0 100px 20px 20px; }
#content p, li { color: #333333; }
#content a { text-decoration: none; color: #66523d; font-weight: bold; border-bottom: 1px solid #cccccc; }
#content a:after { content: " ("attr(href)") "; }