/*
   Styles for Academics section

           Main: #ba9e66
     Dark lines: #82591f
   Side Overlay: #9e7439
*/

/* General styles. */

html { background-color: #eeeeee; }

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; background-color: white;
                  border-left: 10px solid white; border-right: 10px solid white; }


/* Redesigning Lives banner. */

#redesigning-lives { width: 100%; height: 112px;
                     background-color: #ba9e66;
                     border-top: 3px solid #82591f;
                     border-bottom: 3px solid #82591f; }
#redesigning-lives #spirograph-top { float: right; margin-top: 26px; }


/* Images of people banner. */

#people-banner { width: 100%; height: 125px; z-index: 5; }
#people-banner .portrait { width: 120px; height: 125px; }
#people-banner .landscape { width: 180px; height: 125px; }


/* Main menu. */

#main-menu { width: 100%; height: 29px;
             background-color: #ba9e66;
             border-top: 3px solid #82591f;
             border-bottom: 3px solid #82591f; }


/* Main content & sidebar. */

#main { width: 100%; clear: left; border-bottom: 3px solid #82591f; }
#main #sidebar { width: 170px; border-right: 4px solid #82591f;
                          background-color: #ba9e66; vertical-align: top; }
#main #sidebar #side-menu { font-size: 75%; line-height: 140%; padding: 0;
                                           list-style-type: none; border: 0; margin: 1.5em 0 0 0; }
#main #sidebar #side-menu li a { display: block; padding: 7px 7px 7px 18px;
                                                color: white; font-weight: bold; }
#main #sidebar #side-menu li a#current { background-color: #9e7439; color: #990000; }
#main #sidebar #side-menu li a:hover { background-color: #9e7439; }

#main #sidebar #sub-menu { font-size: 90%; line-height: 100%; list-style-type: none;
                                          padding: 0 0 10px 2em; margin: 0; }
#main #sidebar #sub-menu li { background-image: none; }
#main #sidebar #sub-menu li a { padding-right: 1em; }
#main #sidebar #sub-menu li a#current-sub { background-color: #9e7439; color: #990000; }
#main #sidebar #sub-menu li a:hover { background-color: #9e7439; }

#main #content { width: 430px; font-size: 75%; line-height: 175%; vertical-align: top;
                         padding: 15px 10px 20px 20px; }
#main #content h1 { font-size: 140%; letter-spacing: +2px;
                              margin-top: 0.5em; margin-bottom: 0.75em;
                              color: #990000; }
#main #content h2 { font-size: 140%; color: black;
                              margin-top: 0.5em; margin-bottom: 0.75em; }
#main #content p, li { color: #333333; }
#main #content a { text-decoration: none; font-weight: bold; color: #82591f; border-bottom: 1px solid #cccccc; }
#main #content a:hover { border-bottom: 1px solid black; color: black; background-color: #eeeeee; }

#main #content table { width: 100%; text-align: center;
                                 border-left: 1px solid #333333; border-top: 1px solid #333333; }
#main #content table td, #main #content table th { padding: 3px;
                                                                         border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
#main #content table th { font-weight: bold; background-color: #eeeeee; }

#main #spirograph { vertical-align: top; text-align: right; }