body { font: .8em verdana, "Trebuchet MS", arial, sans-serif; color: #666; background-color: #eee; text-align: center; margin: 1em; line-height: 120%; background: url(images/bg.png); } small { font: .7em verdana, "Trebuchet MS", arial, sans-serif; } /* Notes: - IE width = width + margin - FF width = width + margin + padding + border */ #wrapper { /*position:relative; display:block; height: auto; margin: 0 auto; padding: 0; text-align: left;*/ width: 867px; margin: 0 auto; text-align: left; height: auto; } #header { clear: both; height: 75px; /*background-color: aqua;*/ background: url(images/top_bar.png) no-repeat 0 0; color: #eee; background-color: #eee; padding: 0px; } #main_content { width: 867px; padding-top: 5px; } #main { float: left; padding: 5px; margin: 3px 0px 3px 5px; border: 1px solid #ccc; width: 862px; height: auto; color: #666; line-height: 100%; /*background: url(images/gray_to_white.png) repeat-x 0 0;*/ background-color: #fff; } #left_content { /* encapsulates left and middle */ float: left; width: 677px; padding-top: 5px; } #left { float: left; padding: 5px; margin: 3px 0px 3px 5px; border: 1px solid #ccc; width: 181px; height: 433px; color: #666; line-height: 110%; background: url(images/michigan_m.png) no-repeat bottom center; /*background: url(images/gray_to_white.png) repeat-x 0 0;*/ background-color: #fff; } #middle { float: right; padding: 5px; margin: 3px; border: 1px solid #ccc; background-color: #fff; width: 481px; height: 433px; /*font-size: 1.1em !important;*/ /*line-height: 120%;*/ } #right_content { padding-top: 8px; float: right; } #right { padding: 5px; margin: 3px 5px 3px 0px; border: 1px solid #ccc; background: url(images/gray_to_white.png) repeat-x 0 0; background-color: #fff; width: 181px; height: 433px; line-height: 105%; /*font-size: .8em;*/ } #footer { clear: both; padding: 0px 5px 0px 5px; margin: 0px; } img { border: 0px; } #middle img { margin: 0em .5em .5em 0em; float: left; } #join { } #join img { margin: .3em 1em 1em 1em; float: left; } #left img { margin: 0em 0em 1em 0em; } h3 { padding: 0px 0px 10px 0px; font: 1.2em verdana, "Trebuchet MS", arial, sans-serif; font-weight: bold; color: #666; line-height: 90%; font-variant: small-caps; } /* middle */ h1 { padding: 0px 0px 10px 0px; font: 2.4em verdana, "Trebuchet MS", arial, sans-serif; line-height: 90%; font-weight: bold; } h1 a { border-bottom: none !important; } #arch { color: #957f63; } #rr_entry { color: #5a483e; } #window { color: #345613; } h2 { padding: 0px 0px 10px 0px; color: #957f63; font: 1.2em verdana, "Trebuchet MS", arial, sans-serif; /*font-weight: bold;*/ font-style: italic; line-height: 100%; } strong { font-weight: bold; } p { padding: 0 0 1em 0; } a { color: #666; border-bottom: 1px dotted #999; text-decoration: none; font-variant: small-caps; } a:visited { } a:hover { border-bottom: 1px solid #999; } #menu { width: 845px; margin: 0 auto; padding: 0; text-align: center; display:block; } #menu ul { margin: 0 auto; padding: 0; line-height: normal; } #menu ul li { list-style: none; font-weight: bold; font-variant: small-caps; text-align: center; float: left; /*border-right: 1px solid #ccc;*/ } #menu ul li.last_item { border-right: none !important; } #menu ul li a { /*width: 11.9em;*/ margin: 0; width: 160px; display: block; padding: 0.2em 0 0.2em 0; /*padding-top: 0.2em;*/ text-decoration: none; border-bottom: none; } #menu ul li a:hover { background-image: url(images/menu_back2.png); background-repeat: no-repeat; background-position: 0 -11; /*background-color: #949494;*/ color: #eee; } #officers { } #officers table { width: 100%; } #officers table tr td { width: 25%; text-align: center; padding: 1.5em 0 1.5em 0; } #photos table { width: 100%; } #photos table tr td { width: 50%; text-align: center; padding: 1.5em 0 1.5em 0; } #image { float: left; margin: .5em 1em .5em .5em; } #image #caption { font-size: .7em; }