/* general */

body   { background-color: white; margin: 5px 0px 0px }
img { display: block }
.content  { padding-top: 10px; padding-left: 10px }

p { font-size: 76%; font-family: Verdana, Arial, Helvetica }
UL { font-family: Verdana, Arial, Helvetica }
LI  { font-size: 76%; font-family: Verdana, Arial, Helvetica  }
LI LI { font-size: 100%; font-family: Verdana, Arial, Helvetica }
h1  { color: #2c2c47; font-size: 90%; font-family: Verdana, Arial, Helvetica;  }
h2 { font-size: 85%; font-family: Verdana, Arial, Helvetica  }
h3 { font-size: 80%; font-family: Verdana, Arial, Helvetica }
h4 { font-size: 76%; font-family: Verdana, Arial, Helvetica  }
h5 { font-size: 70%; font-family: Verdana, Arial, Helvetica  }
h6 { font-size: 60%; font-family: Verdana, Arial, Helvetica  }
a { color: #154CBD }

/* citipast header - note this has been changed to make the cpast header smaller for project pages */
.headerrule { background-color: #333 }
.globalnav  { color: white; font-size: 0.7em; font-family: Verdana, Arial, Helvetica; background-color: #465677 }
.globalnavlink { color: white; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color: #465677 }

/* header */
.herstoryheader   { background-image: url(../images/herstory_header_tile.gif) }
.headerline  { background-color: #527265 }

/* search */
.search    { font-size: 0.7em; font-family: Verdana, Arial, Helvetica; background-color: #d4d2ef; border-bottom: 1px solid #565677 }
.searchform  { font-size: 100% }

/* sidenav */
.sidenavlink     { text-align: left; margin: 0px; display: block }
.sidenavlink  a          { font-weight: bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; margin: 0px; padding: 4px 5px;  display: block}

/* footer */
.footer { font-size: 0.7em; font-family: Verdana, Arial, Helvetica }

/* content */
.content   { padding-right: 10px; padding-bottom: 10px }

/* breadcrumbs */
.breadcrumbs { color: #575756; font-size: 0.68em; line-height: 1.3em; font-family: Verdana, Arial, Helvetica; margin-top: 0px; margin-bottom: 0px }

/* resize text */
.resizebuttons   { visibility: hidden; display: none }

/* use this class to add emphasis to a paragraph */
.emphasis       { line-height: 1.4em; font-family: Verdana, Arial, Helvetica; background-color: #f3f3f4; padding: 10px; border: dashed 1px #999 }

/* right hand content */
.rightcontent  { font-size: 90%; background-color: white; margin-top: 10px; margin-right: 10px }
.rightcontent li  { margin-left: -15px }
.rightcontent h3  { color: #35304d; font-size: 76%; margin-top: 0px; padding: 5px 5px 2px 0px; border-bottom: 1px solid #999 }
.associatedlinks li  { list-style-image: url(../images/list_arrow.gif); margin-left: -20px }

/* pagenumbers */
.pagenumbers { font-size: 70% }

/* inlineimage */
.inlineimage { border: 1px solid #333 }
.inlineimagetablecell { font-size: 60%; font-family: Verdana, Arial, Helvetica; padding-top: 3px }
.inlineimagetable  { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding: 5px; background-color: #E1E0F4; border: 1px solid #666}
.largerbutton { background-color: white }
.largerbutton:hover { background-color: #eeeeee }

/* inlineimage 2 */
.inlineimage2 { border: 1px solid #333 }
.inlineimagetablecell2 { font-size: 60%; font-family: Verdana, Arial, Helvetica; padding-top: 2px; padding-bottom: 2px }
.inlineimagetable2  { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding: 5px }
.largerbutton2 { background-image: url(../images/button_gradient.gif) }
.largerbutton2:hover { background-image: url(../images/button_gradient_over.gif) }

/* women in history */
.archivetopics li { list-style-image: url(../images/list_arrow.gif); margin-left: -20px; font-size: 0.8em }
.archivetext { padding-bottom: 7px; padding-top: 5px }
.archivetext h3 { font-size: 80%; padding-left: 5px; margin-bottom: -15px }
.archivetext p { font-size: 70%; padding-left: 5px }
.archiveimage { padding-bottom: 7px; padding-top: 5px }
.archiveimage img { border: 1px solid #333 }
.featuredarchive { border-top: solid 1px #999 }
.small { font-size: 80%; margin-bottom: 2px }

/* learning materials */

.lmpage { background-color: #807EAF; margin-top: 0px }
.lmheader { background-color: #4F4D7C }
.lmintro   { color: #f5f4fd }
.lmintro a { color: #92E89A; font-weight: bold  }
.lmintro a:hover { color: #59DB65; font-weight: bold }
.lmimage    { font-size: 70%; line-height: 1.5em; font-family: Verdana, Arial, Helvetica }
.learningmaterial  { background-color: #646292 }
.lmtext   { color: #ecebfa; font-size: 70%; font-family: Verdana, Arial, Helvetica; background-color: #6F6D9B }
.lmtext a { color: #92E89A; font-weight: bold }
.lmtext a:hover { color: #59DB65; font-weight: bold }
.casestudy { color: #1B193C; font-weight: bold }
.lmtablecell { background-color: #807EAF }
.lmthumbnail    { background-color: #6F6D9B }
.lmnav  { font-size: 70%; font-family: Verdana, Arial, Helvetica; background-color: #d4d2ef }
.lmnav a { color: #1B193C; text-decoration: none; }
.lmnav a:hover { color: #1B193C; text-decoration: underline }
.lmnav a:visited { color: #1B193C; text-decoration: none }
.lmnav a:visited:hover { color: #1B193C; text-decoration: underline }
.lmfooter a { color: #1B193C }
.lmfooter a:hover { color: #1B193C }
.lmfooter a:visited { color: #1B193C }
.lmfooter a:visited:hover { color: #1B193C }
.lmfooterrule  { color: #4a496d }

/* women in history */
.imageindextext { font-size: 76%; font-family: Verdana, Arial, Helvetica; font-weight: bold; background-color: #eeeeee }
.imageindextext img { display: inline }
.inline { display: inline }
.small { font-size: 70% }

/* learning material module */
.lmpage a { color: #9EE676;  }
.lmpage a:hover { color: #82D753 }

/* learning materials header */
.lmtopbar { background-color: #585685 }
.lmtopbar h1 { font-size: 100%; font-family: Verdana, Arial, Helvetica; color: #E6E6F3;  }
.lmtopbar h2 { font-size: 60%; font-family: Verdana, Arial, Helvetica; color: #CFCFE5 }
.lmtopbar .resizebuttons { font-size: 60%; background-color: #7270A1  }
.lmtopbar .resizetext { color: #dfdef5; font-weight: normal }
.lmfooterbar { background-color: #585685 }

/* learning material sidenav */

.lmsidenav .sidenav    { margin-top: 0px }
.lmsidenav .sidenavlink     { text-align: left; margin: 0px; display: block }
.lmsidenav .sidenavlink  a           { color: #dfdef5; font-weight: normal; font-size: 90%; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color: #807eaf; margin: 0px; display: block }
.lmsidenav .sidenavlink a:hover        { color: #eae9fb; font-weight: normal; font-size: 90%; font-family: Verdana, Arial, Helvetica; background-color: #8f8ebb; display: block }



/* emphasis */
.lmemphasis  { color: #f2f2fb; background-color: #7270a1 }


/* styling for borders around content */
.lmborder { color: #F2F2FB }


.lmmodule { background-color: #8f8ebb; }
.lmmoduletext { color: #f2f2fb; font-size: 70%; font-family: Verdana, Arial, Helvetica }


.lmsubjectintro { font-size: 70%; font-family: Verdana, Arial, Helvetica  }
.lmsubjectintro p { font-size: 110% }


/* case notes */
.casenote   {  background-color: #F5F5F7  }
.casenote p   { color: #333; font-size: 76%; font-family: Georgia, Verdana, Arial, Helvetica }
.casenote h3 { font-family: Verdana, Arial, Helvetica; font-size: 85% }
.casenote h4 { font-family: Verdana, Arial, Helvetica; font-size: 72%; font-weight: normal }
.casenotescan p  { color: #39393B }
.casenotescan   {  background-color: #F5F5F7 }

.casenotescan h3 { font-family: Verdana, Arial, Helvetica; color: #39393B; font-size: 76% }
.casenotescan a { color: #154CBD }
.casenotescan a:hover { color: #5182E6 }
.casenote a { color: #154CBD }
.casenote a:hover { color: #5182E6 }
.casenotenav { font-family: Verdana, Arial, Helvetica; font-size: 76%; background-color: #f3f3f4  }
.casenotenavbottom { font-family: Verdana, Arial, Helvetica; font-size: 76%; background-color: #f3f3f4  }


/* case notes popup */
.largecasenote { margin: 10px }
.largecasenote img { border: 1px solid #333 }