/* Layout: format and position of elements for standard layout of all pages on the site */

* { padding: 0; margin: 0; } /* Removes unpredictable default spacing assigned by browsers to various elements */

body { margin: 0; padding: 0; background-color: #FFFFF0; }

div#container {  } /* Creates the illusion of a continuous sidebar column for IE, which doesn't support fixed positioning (see below) */

div#sidebar { position: fixed; top: 0; left: 0; width: 13%; height: 100%; background: #00461A; overflow: hidden; } /* Styles sidebar column. */
div#sidebar h2 { margin-top: .5em; font-family: "Trebuchet MS", Verdana, sans-serif; color: #CCCCCC; line-height: 100%; font-size: 1em; margin-left: 1em; text-indent: -.65em; margin-right: .25em; font-variant: small-caps; font-weight: normal;  } /* Styles sidebar headings and links for root-level pages */
div#sidebar h2 a { text-decoration: underline; }
div#sidebar a:link { color: #ffffcc; } /* Sets color for sidebar links*/
div#sidebar a:visited { color: #CCCCCC; }
div#sidebar a:hover { color: #FFFFFF; }
div#sidebar ul { margin-top: .2em; }
div#sidebar li { margin-left: 13%; margin-top: 0; list-style-type: circle; list-style-image: none; list-style-position: outside; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .6em; color: #CCCCCC; line-height: 120%; margin-right: .25em; } /* Styles sidebar list items */
div#sidebar h3 { margin-left: 5%; margin-top: .5em; margin-bottom: -.2em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .7em; color: #CCCCCC; line-height: 100%; }
div#sidebar h3 a { text-decoration: underline; }
div#sidebar p { margin-right: .25em; color: #999999; margin-bottom: 1.5em; }

div#masthead { margin-left: 13%; padding-left: 4%; padding-right: 4%; background: #00461A; } /* The masthead depends upon the aspect ratio of masthead.gif in order to scale properly with the sidebar. If a new image file is generated for the masthead at some point, it must either have the same aspect ratio, or the padding must be adjusted here in order to get <div id="masthead"> to scale to the appropriate height at any given screen size. */

div#mastheadimg { position: absolute; top: 0; left: 0; width: 13%; padding-bottom: .25em; background: #00461A; } /* Used to present ecssba.gif, on pages with no sidebar ONLY */
div#mastheadimg p { margin-right: .25em; color: #999999; }

div#main { margin-left: 13%; padding-left: 2%; padding-right: 2%; padding-top: .5em; background-color: #FFFFF0; }

div#cover { float: left; margin-top: 1em; margin-right: 2%; margin-bottom: 1em; width: 25%; text-align: center; } /* Styles the box in which publication covers are shown on the publications detail pages */

div#voltext { margin-top: 1em; float: right; width: 73%; } /* Styles a right-floated text box on the publications detail pages*/
div#voltext li { margin-left: 35px; }
div#voltext p { margin-top: 0; }
div#voltext h4 { margin-top: 1em; margin-left: 0; font-size: .9em; }

div#ednote { float: right; width: 45%; background-color: #CCCCCC; margin-left: 1em; padding: .25em; text-indent: 0; display: inline; } /* Styles editorial note box for use in the Documents section. Note that IE cannot successfully wrap text around an ednote or any other floated div if the text is enclosed in a sibling-level div such as <div class="indentp">. See note in ecswoman1.html source for an example and solutions. */
div#ednote p { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .75em; text-indent: 0;}
div#ednote h3 { margin-top: 0; }

div#bodytext { margin-left: 3%; margin-right: 3%; font-weight: normal; } /* Styles an indented text box to distinguish body text from headlines and introductory notes on pages with lots of text, e.g. newsletter articles on editing */
div#bodytext li { margin-top: 1em; margin-left: 0; list-style-position: inside; }
div#bodytext > p { line-height: 1.3em; }

div#faqsansw h3 { margin-top: 2em; padding-top: .5em; border-top-width: 1px; border-top-style: solid; border-top-color: #00461A; }
div#faqsansw img { float: right; margin-left: .5em; display: inline; }

div#tl p { margin-top: 0; } /* Formats text on the timeline */

div.indentp p { text-indent: 1.5em; } /* Used to mark sections of documents with indented paragraphs. Note that IE cannot successfully wrap text around a volboxR15 or any other floated div if the text is enclosed in a sibling-level div such as <div class="indentp">. See note in ecswoman1.html source for an example and solutions. */

div#footnotes { margin-top: 1em; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; }
div#footnotes p { font-size: .8em; text-indent: 3em; }
div#footnotes h2 { margin-top: 0; }

div#footer { height: 3em; color: #837742; text-align: center; clear: both; }
div#footer p { font-size: .8em; font-family: "Trebuchet MS", Verdana, sans-serif; }
div#footer a:link { color: #837742; }
div#footer a:visited { color: #837742; }

div#imgboxR50 { float: right; width: 50%; margin-left: 1em; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 40% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#imgboxR40 { float: right; width: 40%; margin-left: 1em; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 40% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#imgboxR30 { float: right; width: 30%; margin-left: 1em; margin-top: 1em; padding-left: .75em; padding-top: .75em; padding-right: .75em; padding-bottom: .5em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 30% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#imgboxR25 { float: right; width: 25%; margin-left: 1em; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 40% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#volboxR25 { width: 24%; float: right; text-align: left; margin-left: .25em; padding-left: .25em; padding-right: .25em; margin-bottom: .25em; border-style: solid; border-width: 1px; border-color: #CCCCCC; display: inline; }
div#volboxR25 p { font-size: .6em; font-family: "Trebuchet MS", Verdana, sans-serif; line-height: 105%; margin-top: .5em; }
div#volboxR25 img { height: 2.1em; float: right; margin-left: .5em; margin-top: .25em; margin-bottom: .25em; }

div#volboxR15 { float: right; margin-left: .5em; margin-top: 0; width: 15%; padding-left: .75em; padding-right: .75em; text-align: center; text-indent: 0; border-style: solid; border-width: 1px; border-color: #CCCCCC; display: inline; } /* Creates right-floated image box for displaying the cover of the volume a document is taken from. Note that IE cannot successfully wrap text around a volboxR15 or any other floated div if the text is enclosed in a sibling-level div such as <div class="indentp">. See note in ecswoman1.html source for an example and solutions. "display:inline" fixes the IE doubled-margins bug. */
div#volboxR15 p { font-size: .6em; margin-top: .25em; margin-bottom: .25em; font-family: "Trebuchet MS", Verdana, sans-serif; text-indent: 0; }

div#imgboxL75 { float: left; width: 75%; }

div#imgboxL40 { float: left; width: 40%; display: inline; padding: .5em 1em 0em 0em; }

div#imgboxL40B { float: left; width: 40%; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 40% of its container. "display:inline" fixes the IE doubled-margins bug. */

div.imgboxL35 { float: left; width: 35%; margin-left: 6.5%; margin-right: 6.5%; display: inline; }
div.imgboxL35 ul { margin-top: .75em; }
div.imgboxL35 li { margin-left: 0; list-style-position: inside; }

div.imgboxL30 { float: left; width: 30%; margin-left: 1%; margin-right: 1%; text-align: center; display: inline; }

div#imgboxL30B { float: left; width: 30%; margin-right: 1em; margin-top: 1em; padding: .75em .75em .5em .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a left-floated image box that will scale to 30% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#imgboxL20 { float: left; width: 20%; margin-top: 1em; margin-bottom: 1em; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a left-floated image box that will scale to 20% of its container. "display:inline" fixes the IE doubled-margins bug. */

div#imgboxC70 { float: left; width: 70%; padding-left: 4.5%; padding-bottom: 5.5%; display: inline; max-width: 142px; } /* Used to display the Rutgers Logo */

div.imgboxC60 { float: left; width: 60%; margin-left: 20%; padding: .75em; border-style: solid; border-width: 1px; border-color: #CCCCCC; text-align: center; display: inline; } /* Creates a right-floated image box that will scale to 40% of its container. "display:inline" fixes the IE doubled-margins bug. */

div.imgboxC35 { float: left; width: 35%; margin-left: 30.5%; display: inline; }

div#textboxR80 { float: right; width: 74%; margin-top: 1em; display: inline; } /* Styles a right-floated text box to go with imgboxL20 */
div#textboxR80 h2 { margin-top: 0; }

div#textboxR85 { float: center; width 50%; margin-top: .25em; display: outline; background-color: #ffff00} /* styles a center-floated text box to point out the failure of the link to the "Travels for Reform" website hosted at the University of South Carolina. */ 

div#dollar { float: left; width: 105px; margin-top: .25em; padding: 0 1em 0 0; }

div#printableR { float: right; text-align: left; margin-left: .25em; padding-left: .25em; padding-right: .25em; margin-bottom: .25em; border-style: solid; border-width: 1px; border-color: #CCCCCC; display: inline; }
div#printableR p { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .8em; line-height: 100%; margin-top: .5em; display: inline; }
div#printableR img { height: 2em; float: left; margin-right: .5em; margin-top: .25em; margin-bottom: .25em; }

div.col { float: left; width: 48%; } /* Used to create columns- create two successive divs; the first one will be the left column, the second will be the right column */
div.col > div.imgboxL35 { width: 73%; margin-left: 13.5% } /* Keeps the dimensions of an imgboxL35 enclosed in a col identical to one that is not. Used on the Resources page. */

div#scrolltbl { } /* This div is used to format scrolling table in IE- see below */


/* Table */ 

table#toc { margin-left: 5%; margin-right: 5%; empty-cells: hide; background-color: #ffffcc; border-bottom-width: 1px; border-bottom-style: solid; } /* Styles tables-of-content */
table#abbrev { width: 100%; empty-cells: hide; background-color: #ffffcc; border-bottom-width: 1px; border-bottom-style: solid; }
table#voters { border-bottom-width: 1px; border-bottom-style: solid; background-color: #ffffcc; width: 100%; }
table#voterspr { margin-top: .5em; border-bottom-width: 1px; border-bottom-style: solid; background-color: #ffffcc; }

table#toc caption { display: table-caption; margin-left: 5%; margin-right: 5%; padding-bottom: .25em; border-bottom-width: 1px; border-bottom-style: solid; font-family: "Trebuchet MS", Verdana; font-size: 1.1em; font-style: normal; font-weight: normal; text-align: left; } /* Styles the caption (title) of "toc" tables. This is NOT the style for image captions- see "p.caption" and "p.credit" */
table#abbrev caption { padding-bottom: .25em; border-bottom-width: 1px; border-bottom-style: solid; text-align: left; margin-top: .45em; font-family: "Trebuchet MS", Verdana; font-size: 1em; font-style: normal; font-weight: bold; }
table#voterspr caption { padding-bottom: .5em; text-align: left; }

col.toc1 { width: 3em; } /* sets column widths */
col.toc2 { width: 10em; } /* " */
col.toc3 { width: 25em; } /* " */
col#ab1 { width: 12em; } /* " */
col.v1 { width: 3%; } /* " */
col.v2 { width: 4%; } /* " */
col.v3 { width: 4%; } /* " */
col.v4 { width: 4%; } /* " */
col.v5 { width: 3%; } /* " */
col.v6 { width: 10%; } /* " */
col.v7 { width: 45%; } /* " */
col.v8 { width: 17%; } /* " */
col.v9 { width: 16px; }  /* This width is for an extra column, hidden in IE; used in firefox to make room for the scrollbar in the scrolling tables on the "Women Who Voted" pages*/
 
table#toc td { vertical-align: top; padding-right: .5em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } /* Styles table-of-content cells */
table#toc td.indent { padding-left: 2em; font-style: italic; border: 0; }
table#toc td.indentpp { font-style: italic; border: 0; }
table#abbrev td { vertical-align: top; padding-right: .5em; font-size: .8em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } 
table#abbrev td.abbrev { font-weight: bold; }
table#voters td { vertical-align: top; padding-right: .5em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } /* Styles table-of-content cells */
table#voters th { text-align: left; font-size: .75em; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; }
table#voters tbody { height: 22em; overflow: auto; overflow-x: hidden; } /* Styles the scrolling table body for the "Women Who Voted" pages. See below for workaround rules that format it for IE 6 */
table#voterspr td { vertical-align: top; padding-right: .5em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } /* Styles table-of-content cells */
table#voterspr th { text-align: left; font-size: .75em; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; }
table#contact td { vertical-align: top; }


/* Block: Styles for paragraphs, headers, etc. */ 

h1 { margin-top: .25em;  font-size: 1.5em; font-family: "Trebuchet MS", Verdana, sans-serif; font-style: normal; font-weight: bold; white-space: nowrap; }

h1:first-letter { font-size: 1.6em; }

h2 {  margin-top: .5em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 1.2em; }
h2 a { text-decoration: none; }

h3 {  margin-top: .45em; font-family: "Trebuchet MS", Verdana; font-size: 1em; font-style: normal; font-weight: bold; }

h4 {  margin-left: 3em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .9em; font-style: normal; font-weight: normal; }
h4 a { font-weight: bold; }

h5 { margin-left: 6em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .75em; font-style: normal; font-weight: normal; }

p { margin-top: 1em; font-family: "Times New Roman", Times, serif; font-size: 1em; font-style: normal; font-weight: normal; }

p.caption { margin-top: .3em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .75em; } /* Style for image captions */

p.credit { margin-top: 0; font-family: "Trebuchet MS", Verdana, sans-serif; line-height: 100%; text-align: right; font-size: .65em; } /* Style for image credits */

p.note { font-family: "Trebuchet MS", Verdana, sans-serif; font-style: italic; font-size: .95em; } /* Style for introductory notes */

p.sourcenote {  margin-top: 1em; font-weight: bold; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .75em; text-align: right; } /* Style for source notes */

p.copyright { margin-top: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .75em; text-align: center; } /* Style for copyright statements */

p.placedate { text-align: right } /* Style for place-date lines that are a part of the document text */

p.poem { margin-left: 3em; white-space: nowrap; }

a:link {  }

a:visited { color: #330033; }

a.note { vertical-align: super; font-size: smaller; }

ul li {  margin-left: 50px; margin-top: .25em; list-style-image: url(images/leaf_28X11.gif); list-style-position: outside; } /* Style for list items */

ol { margin-top: 1em; margin-left: 1.3em; }

.sub { margin-top: 0; } /* Removes default spacing so that subheadings immediately below the main heading that precedes them */

.clear { clear: both; } /* Moves the element below any floating object */

.inline { display: inline; } /* When applied to two successive block-level elements, they will display as if they were inline elements. */

.h2quote {  font-family: "Trebuchet MS", Verdana, sans-serif; font-style: italic; font-size: 1.25em; font-weight: bold; }

.quote {  margin-left: 3em; margin-right: 3em; font-size: 1em; font-weight: bold; text-align: justify; }

.indentp { text-indent: 1.5em; } /* Used to indent individual paragraphs */

.indentpsub { text-indent: 1.5em; margin-top: 0; }

.indent { margin-left: 3em; }

.dateline { float: right; }

.pagenav { text-align: right; text-indent: 0; color: #888888; font-size: .75em; font-variant: small-caps; margin-top: 0; }
.pagenav a:link { color: #888888; }
.pagenav a:visited { color: #888888; }
.pagenav a:hover { color: #996633; }

#behemoth { font-size: 15em; float: right; margin-top: -.07em; margin-bottom: -.3em; display: inline; }


/* Inline: classes used to set styles for specially formatted text within paragraphs or other block elements */
 
.title { font-style: italic; }

.strike { text-decoration: line-through; }

.normal { font-style: normal; }

.center { text-align: center; }

.right {text-align: right; }

.larger { font-size: larger; }

.smaller { font-size: smaller; }

.dropcap { font-size: 2.6em; float: left; line-height: 100%; margin-bottom: -.4em; text-indent: 0; }


/* Images: styles used to control display of images */

img.scaled { width: 100%; }

a img { border: 0;} /* Eliminates ugly borders around linked images */

img.inline { height: 2.5em; vertical-align: text-top; }

img#r1 { max-width: 517px; } /* This and subsequent selectors used to prevent images on resources pages from growing larger than actual pixel dimensions */
img#r2 { max-width: 239px; text-align: center; }

img#d1 { width: 78.5%; max-width: 615px; margin-right: -1em; } /* This and subsequent selectors used to prevent images on documents pages from growing larger than actual pixel dimensions */
img#d2 { width: 100%; max-width: 663px; }
img#d3 { width: 240px; float: left; margin-top: 1em; margin-right: 20px; } /* This selector creates a fixed-width style for *Travels for Reform*'s cover image, the only way to get the screenshot to render nicely... */

img#petuniv { width: 100%; max-width: 600px; }


/* Bug fixes: CSS rules used to trick buggy browsers like IE 6 into behaving properly */

/*\*/ * html div { height: 1%; }/**/ /* Keeps IE 6 from hiding text flowing around floated objects */

* html div#sidebar { position: absolute; top: 0; left: 0; width: 13%; min-width: 5.98em; background :#00461A; padding-bottom: 1em; } /* Styles sidebar column for IE, which does not support fixed position. */

* html div#masthead { margin-left: 13%; padding-left: 2%; padding-right: 2%; background :#00461A; } /* The masthead depends upon the aspect ratio of masthead.gif in order to scale properly with the sidebar. padding-left and padding-right can be adjusted here in order to get <div id="masthead"> to scale to the appropriate height at any given screen size. */

* html div#container { background: #00461A; min-width: 46em; } /* Gives a container div the same bg color as the sidebar. When div#main, with its white background is then positioned over the container, with a margin equivalent to the sidebar width, it creates the illusion of a continous sidebar. */

* html div#scrolltbl { overflow: auto; height: 23em; } /* Formats the scrolling tables used on the "Women Who Voted" pages for IE6 */
* html table#voters tbody { height: auto; overflow-x: visible; }
* html table#voters thead tr { position: relative; background-color: #ffffcc }
* html col.v9 { display: none; }
* html #oversize_C { line-height: .7em; margin-top: 0; }