/* --------------------links-------------------- */

a {color: #000000;}
a:link {color: #336633;}
a:visited {color: #007F00;}
a:active {color: #BD0043;}

/* --------------------image sizes--------------- */

img.titchyportrait {width: 2.5em; height: 3.5em;}
img.titchylandscape {width: 3.5em; height: 2.5em;}
img.smallportrait {width: 5em; height: 7em;}
img.smalllandscape {width: 7em; height: 5em;}
img.mediumportrait {width: 10em; height: 14em;}
img.mediumlandscape {width: 14em; height: 10em;}
img.largeportrait {width: 25em; height: 35em;}
img.largelandscape {width: 35em; height: 25em;}

img.smallportrait2 {width: 4em; height: 6em;}
img.smalllandscape2 {width: 6em; height: 4em;}
img.mediumportrait2 {width: 8em; height: 12em;}
img.mediumlandscape2 {width: 12em; height: 8em;}

img.mediumportrait3 {width: 12em; height: 18em;}

/* --------------------image surrounds--------------- */

img {border: none;}

img {margin: 0em 0em 1em 0em; padding: 0em 2em 0em 0em;}
img.left {padding: 0em 1em 0em 0em;}
img.right {padding: 0em 0em 0em 1em;}

.listpage img.titchyportrait {padding: 0em 4.5em 0em 0.5em;}
.listpage img.titchylandscape {padding: 0em 3em 0em 0em;}
.listpage img.smallportrait {padding: 0em 4em 0em 1em;}
.listpage img.smalllandscape {padding: 0em 3em 0em 0em;}
.listpage img.smallportrait2 {padding: 0em 4em 0em 1em;}
.listpage img.smalllandscape2 {padding: 0em 3em 0em 0em;}

/* --------------------navigation-------------------- */

/* --------------------identity-------------------- */

/* #identity {position: absolute; top: 1em; padding-left: 1em;} */

/* ------------------upper top navigation line-------- */

#navtop1 {padding-top: 0.2em; padding-bottom: 0.3em; padding-left: 2em; font-family: sans-serif; font-weight: bold; background-color: #336633;}
#navtop1 span {padding-left: 0.5em;}
#navtop1 .rightarrow {font-weight: bold; color: #00FF00;}
#navtop1 .downarrow {font-size: 0.8em; font-weight: bold; color: #00FF00;}
#navtop1 .current {padding-left: 0.5em; padding-right: 0.5em; color: #336633; background-color: #CCFFCC;}

#navtop a:link {color: #FF9966;}
#navtop a:visited {color: #99FF66;}
#navtop a:active {color: #FFCC33;}

/* ------------------lower top navigation line-------- */

#navtop2 {padding-top: 0.2em; padding-bottom: 0.3em; padding-left: 5em; font-family: sans-serif; font-weight: bold; background-color: #669966;}
#navtop2 span {padding-left: 1em;}
#navtop2 .current {padding-left: 0.5em; padding-right: 0.5em; font-weight: bold;color: #336633; background-color: #CCFFCC;}

/* ------------------bottom navigation lines-------- */

.navbottom1 {text-align: left; font-weight: bold;}
.navbottom2 {padding-top: 0.5em; padding-right: 4em; text-align: right; font-weight: bold;}
.gotop {padding-top: 0.5em; padding-right: 4em; text-align: right; font-weight: bold;}

/* --------------------pages and headings-------------------- */

.whole_page {background-color: #FFFFFF;}
#pageheading {padding-left: 1em; padding-right: 2em; margin-top: 0.5em; font-size: 1.5em;}
#pageheading .heading1 {text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.5em; font-weight: bold; color: #336633;}
#pageheading .heading2 {margin-top: 0.5em; text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1.2em; font-weight: bold; color: #669966;}
#pageheading .heading3 {margin-top: 0.3em; text-align: left; font-family: sans-serif; font-size: 1em; font-weight: normal; color: #669966;}

#content {padding-left: 2em; padding-right: 4em; margin-top: 1.5em; text-align: justify; color: #000000;}

#content .heading1 {text-align: left; font-family: serif; font-size: 2em; font-weight: bold; color: #FF00FF;}
div.heading2 {margin: 1em 0em 0.5em 0em; text-align: left; font-family: sans-serif; font-size: 1.2em; font-weight: bold; color: #FF9966;}

div.content2 {margin-left: 1em; width: 60%; padding: 1em 1.5em 0.5em 2em; font-family: serif; font-size: 1em; background-color: #99CC99;}
div.content2 p {margin: 0em 0em 0.5em 0em; text-align: justify; text-indent: -1em;}
div.content2 ul,ol {margin: 0em 0em 0.5em 0em;}
div.content2 ul li {margin: 0em 2em 0.2em 0.2em; text-align: justify;}
div.content2 ol.simple li {margin: 0em 2em 0em 0.6em; text-align: justify;}
div.content2 ul li p {margin: 0em 2em 0.2em 0.2em; text-align: justify;}
div.content2 li p {margin: 0em 0em 0.5em 0.5em; text-align: justify; text-indent: 0em; font-family: serif; font-size: 1em;}

/* 
div.content2 p a {color: #336633;}
 */

div.content2 p.attribution {padding-top: 0em; padding-bottom: 0em; text-align: right;}
div.content2 p.attribution a {padding: 0.2em 0.5em 0.2em 0.5em; color: #FF9966; background-color: #336633;}

div.content3 {margin-left: 0em; width: 100%; padding: 0.5em 0em 1em 0em; font-family: serif; font-size: 1em; background-color: #99CC99;}
div.content3 p {margin: 0em 0em 0.2em 4em; text-align: justify; text-indent: -2em;}

dt.next_topic {padding-top: 1em;}

div.content2 p.heading3 {padding-top: 0.5em; padding-bottom: 0em; text-align: left; font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1em; font-weight: bold; color: #0040C0;}

div.white_box {margin: 1em 1em 1em 1em; padding: 1em; background-color: #FFFFFF;}
div.white_box p {text-indent: 0em;}

span.unspoken_thought_1 {color: #9900FF;}
span.unspoken_thought_2 {font-family: "Palatino", "Times", "Times New Roman", serif; font-size: 1em; color: #999999;}
span.unspoken_thought_3 {font-family: "Arial", sans-serif; font-size: 1em; font-weight: 600;}

/* --------------------new stuff for html5-------------------- */
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}

#dictionaries ol {list-style-type: upper-alpha;}

/* ---------------------page provenance--------------------- */

#url {padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 5em; font-family: sans-serif; font-size: 0.5em; background-color: #669966;}

#dates {padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 3em; font-family: sans-serif; font-size: 0.5em; color: #669966; background-color: #336633;}
#dates span {padding-left: 2em;}

#dates a:link {color: #FF9966;}
#dates a:visited {color: #99FF66;}
#dates a:active {color: #FFCC33;}