/* general */
body { font-family: Verdana, Arial, Helvetica; background-color: white; margin: 0px; }
img { display: block }
.content { padding-top: 10px; padding-left: 10px }
p { line-height: 130% }
LI { line-height: 140% }
LI LI { line-height: 140% }
h1 { font-size: 120% }
h2 { font-size: 110% }
h3 { font-size: 110% }
h4 { font-size: 110% }
h5 { font-size: 110% }
h6 { font-size: 110% }
a { color: #154cbd }
a:hover { color: #5182e6 }
a:visited { color: #686847}
a:visited:hover { color: #A6A668}
.inline { display: inline }
form { margin: 0px }

/* 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: 90%; background-color: #465677 }
.globalnavlink { color: white; text-decoration: none; background-color: #465677 }
.globalnavlink:hover { color: #e9d36b; text-decoration: none; background-color: #465677 }
/* header */
.hiddenlivesheader { background-image: url(/images/hiddenlives_tile.gif) }
.headerline { background-color: #527265 }
/* search */
.search { font-size: 90%; background-color: #f4e99c; border-bottom: 1px solid #7f794e }
.searchform { font-size: 100% }
.searchbutton { color: #000; font-size: 100%; font-family: Verdana, Arial; background-image: url(/images/button_gradient.gif); margin-right: 5px; margin-left: 2px; border-width: 1px; border-color: #999 #191919 #191919 #999 }
/* sidenav */
.navtop { background-color: #e5eaf0; border-bottom: 1px solid #b3b3b3 }
.sidenav { margin: 0px }
.sidenavlink { text-align: left; margin: 0px; display: block }
.sidenavlink a, .sidenavlink a:visited { color: #454f3d; font-weight: bold; font-size: 90%; text-decoration: none; background-color: #eeeeee; margin: 0px; padding: 4px 5px; border-bottom: 1px solid #b3b3b3; display: block }
.sidenavlink a:hover, .sidenavlink a:visited:hover  { color: #454f3d; font-weight: bold; font-size: 90%; background-color: #d9d9d9; margin: 0px; padding: 4px 5px; border-bottom: 1px solid #b3b3b3; display: block }
/* footer */
.footer { font-size: 90%; margin-bottom: 10px; padding-right: 5px; padding-left: 5px }
/* content */
.content { padding-right: 10px; padding-bottom: 10px }
.content h1 { margin-top: 3px }
/* breadcrumbs */
.breadcrumbs { color: #575756; font-size: 90%; line-height: 1.3em; margin-top: 0px; margin-bottom: 0px }
/* resize text */
.resizetext { color: #35304d; font-weight: bold; font-size: 100% }

.buttongroup { margin-top: 5px }
.resizebuttons { margin-right: 10px; visibility: visible; display: block }
.smalltextsize { font-size: 100%; text-decoration: underline; margin-right: 2px; margin-left: 2px }
.mediumtextsize { font-size: 115%; text-decoration: underline; margin-right: 2px; margin-left: 2px }
.largetextsize { font-size: 130%; text-decoration: underline; margin-right: 2px; margin-left: 2px }
/* use this class to add emphasis to a paragraph */
.emphasis { line-height: 140%; background-color: #fcfce2; padding: 10px; border: dashed 1px #999 }
.emphasis h1 { margin-bottom: 0px; }
/* right hand content */
.rightcontent { font-size: 90%; background-color: white; padding-top: 10px; padding-right: 5px }
.rightcontent p { background-color: #eeeeee; margin-top: 5px; margin-bottom: 0px; padding: 4px; border: solid 1px #8a8a7b }
.rightcontent img { margin-bottom: 2px; border: solid 1px #333 }
.rightcontent h3 { color: #35304d; font-size: 90%; margin-top: 0px; margin-bottom: 0px; padding: 5px 5px 2px 0px; border-bottom: 1px solid #999 }
.rightcontent .small { font-size: 90% }
/* pagenumbers */
.pagenumbers { font-size: 90% }
/* inlineimage */
.inlineimage { border: solid 1px #333 }
.inlineimagetablecell { font-size: 90%; padding-top: 2px; padding-bottom: 2px }
.inlineimagetable { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding: 5px }
.searchemphasis { font-size: 90%; line-height: 140%; background-color: #fcfce2; padding: 10px; border: dashed 1px #999 }
/* results */
.resultsgrey { font-size: 90%; line-height: 1.4em; background-color: #f3f3f4; padding: 5px 4px; border-bottom: 1px solid #666 }
.resultswhite { font-size: 90%; line-height: 1.4em; background-color: white; padding: 5px 5px 5px 4px; border-bottom: 1px solid #666 }
.resultsheader { color: #fff; font-size: 80%; line-height: 1.4em; background-color: #333; word-spacing: 1px; letter-spacing: 1px; padding: 5px 5px 5px 4px; border-top: 1px solid #666; border-bottom: 1px solid #666 }
.results { color: #333333; font-weight: bold; font-size: 80% }
.resultsbopcris { background-color: #c6f0de; padding-right: 2px; padding-left: 2px }
.resultshiddenlives { background-color: #eaeacc; padding-right: 2px; padding-left: 2px }
/* advanced search */
.advancedsearch { font-size: 90%; line-height: 1.4em; margin: 20px }
.searchfield { margin-top: 2px; margin-bottom: 5px }
/* archive style */
.archivetext { padding-top: 5px; padding-right: 5px; padding-bottom: 7px; border-top: 1px solid #b0aeae }
.archivethumbtext { padding-top: 5px; padding-right: 5px; padding-bottom: 7px; border-top: 1px solid #b0aeae }
.archivethumbtext p { font-size: 90%; padding-left: 5px }
.archivetitle { font-weight: bold; font-size: 105%; line-height: 140% }
.archivetext h3 {  margin-top: 0px; margin-bottom: 0px; padding-left: 5px }
.archivetext p { font-size: 90%; margin-top: 0px; padding-left: 5px }
.archiveimage { padding: 7px 3px }
.archiveimage img { border: solid 1px #333 }
.featuredarchive { border-right: none }
.small { font-size: 90%; margin-bottom: 2px }
.pagenav { font-size: 90% }

/* Virtual children's home */
.vchrightcolumn { padding-top: 10px; padding-right: 5px }
.vchrightcolumn h3 { color: #35304d; font-size: 90%; margin-top: 0px; margin-bottom: 5px; padding: 5px 5px 2px 0px; border-bottom: 1px solid #999 }
.vchgoto { font-size: 90%; background-color: #eee; margin: 5px 5px 10px; padding: 5px; border: solid 1px #999 }
.vchrightcolumn li { margin-left: -20px }
.vchoutsidetile { background-image: url(/images/virtual_home/vch_tile.jpg); padding: 10px }
.vchoutside { background-image: url(/images/virtual_home/vch_tile.jpg) }
.vchstart   { background-color: #F3E2C0; padding: 5px 10px 5px 7px; border: solid 1px #7c7052 }

/* learning materials (based on revised history2herstory) */
#lm   { color: #000000; background: #FAC830; padding-bottom: 10px;  }
#lm-content-table { margin-bottom: 10px }

#lm-nav     { padding-top: 10px; padding-bottom: 6px }
#lm-nav ul   { margin: 0px; padding: 5px 0px 0px; display: inline }
#lm-nav ul li      { background-color: #F464B3; list-style-type: none; margin: 5px 5px 0px 0px; padding: 8px 10px; display: inline; font-size: 110% }
#lm-hlr-logo  { background: url(/images/lm_hlr_logo_tile.gif); width: 100% }
#lm-hlr-logo a { color: #EEF8F7; font-weight: bold; font-size: 90%; text-decoration: none; margin-right: 10px }
#lm-bopcris-logo a:hover { text-decoration: underline }
#sup-nav { padding-top: 5px }
#teachers  { background: url(/images/teachers.gif) no-repeat;  padding-left: 38px; padding-top: 5px; padding-bottom: 7px; margin-right: 5px; color: #179C0E   } 
#teachers:hover  { background: url(/images/teachers_over.gif) no-repeat;   } 

#lm-nav-table  { margin: 5px; margin-top: 10px; margin-bottom: 0px }
#lm-nav-table a   { color: white; font-weight: bold;  text-decoration: none;   }
#lm-nav-table a:hover   { text-decoration: underline;   }
#lm-content-table { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 0px }
#lm-content   { background: #fcf5da url(/images/content_tile.gif) repeat-x; margin-top: 0px; padding: 10px; border-top: 7px solid #F02A96;  border-bottom: 2px solid #F02A96; margin-bottom: 10px } 
#lm-content a { color: #D6700A }
#lm-content a:hover {  background-color: #F8F7F0 }
#lm-content a:visited { color: #DC74AD }
#lm-content a:visited:hover  { color: #C83284 }
#lm-content h1 { border-bottom: 1px solid #BCB496; padding-bottom: 5px; color: black }
#lm-content #column1 { float: left; width: 49%; }
#lm-content #column2 { float: left; width: 49%;  }
#lm-content #column1 { padding-right: 10px }
#lm-content .content { padding: 0px; padding-right: 10px }
#lm-content #casenotescan { background-color: #F2EFFC; border-color: #9C94B6 }
#lm-content .page-nav-container { background-color: #F2EFFC; border-color: #9C94B6 }
#lm-subnav { background-color: #F02A96; font-size: 90%; font-weight: normal; color: #C0B2EE; padding: 7px; padding-bottom: 0px;  }
#lm-subnav a  { color: white; font-weight: bold; background: url(/images/subnav_arrow.gif) no-repeat; margin-right: 10px; padding-left: 10px }
#lm-subnav a:hover  { background: url(/images/subnav_arrow_over.gif) no-repeat;  }
#column1 .intro { line-height: 130%; margin: 0px; padding-bottom: 7px; font-size: 120% }

#modules a { color: #333333; font-weight: bold; font-size: 125%; text-decoration: none; background-color: transparent }
#modules a:hover { text-decoration: underline; background-color: transparent}
#modules p { margin: 0px; margin-bottom: 2px; margin-top: 5px}

#streets   { line-height: 140%; background: #fdb0da url(/images/on_the_streets.gif) no-repeat; padding: 29px 20px 20px 110px; border-bottom: 1px solid #d18cb2 }
#who-choose  { line-height: 140%; background: #FCDB58 url(/images/who_choose.gif) no-repeat right top; padding: 29px 110px 20px 10px; border-bottom: 1px solid #D4AC33 }
#diet   { line-height: 140%; background: #fdb0da url(/images/diet.gif) no-repeat; padding: 29px 20px 20px 110px; border-bottom: 1px solid #D18CB2 }
#school { line-height: 140%; background: #FCDB58 url(/images/school.gif) no-repeat right top; padding: 29px 110px 20px 10px; border-bottom: 1px solid #D4AC33 }
#play  { line-height: 140%; background: #fdb0da url(/images/play.gif) no-repeat; padding: 29px 20px 20px 110px; border-bottom: 1px solid #A7CE62 }
#girls   { line-height: 140%; background: #fdb0da url(/images/girls.gif) no-repeat; padding: 29px 20px 20px 110px; border-bottom: 1px solid #d18cb2 }
#boys { line-height: 140%; background: #FCDB58 url(/images/boys.gif) no-repeat right top; padding: 29px 110px 20px 10px; border-bottom: 1px solid #D4AC33 }



#factfile img { display: inline;  }
#factfile   { background: url(/images/factfile_top.gif) center top }
#factfile-content { background: url(/images/factfile_back.gif) center top }
#factfile-content ol {margin-left: 15px; padding-left: 15px; margin-bottom: 0px }
#factfile-content li { font-family: Georgia; font-size: 120%; line-height: 130%; padding-bottom: 5px }
#factfile-content h3 { font-family: Georgia; font-size: 100% }
#factfile-middle-left { background: url(/images/factfile_middle_left.gif) }
#factfile-middle-right { background: url(/images/factfile_middle_right.gif) }
#factfile-bottom { background: url(/images/factfile_bottom.gif) }

#lm-questions li   { font-size: 120%; list-style-image: url(/images/bullet_arrow.gif); padding-bottom: 7px }
#worksheets img { display: inline; margin-left: 7px; margin-bottom: 5px }
#worksheets p { margin-bottom: 3px; margin-top: 0px; padding-top: 3px; border-top: 1px solid  #E8C539; padding-left: 7px; line-height: 140%; padding-bottom: 3px }
#worksheets h2 { margin-bottom: 0px; margin-top: 0px; background-color: #FCDB58; padding: 5px; color: #333; font-size: 100%;   }
.worksheet-box  { background-color: white; border-bottom: 1px solid #E8C539; margin-bottom: 0px }
.worksheet-link  { background: url(/images/worksheet_icon.gif) no-repeat; padding-left: 15px }
.worksheet-link:hover   { background: transparent url(/images/worksheet_icon_over.gif) no-repeat }
.source-link  { background: url(/images/source_icon.gif) no-repeat; padding-left: 15px }
.source-link:hover   { background: transparent url(/images/source_icon_over.gif) no-repeat }
.border-image  { background-color: white; margin-top: 5px; margin-bottom: 5px; margin-left: 7px; padding: 5px; border-right: 1px solid #bfb58e; border-bottom: 1px solid #bfb58e }

.border-image-home { padding: 5px; background-color: white; border-right: 1px solid #9C94B6; border-bottom: 1px solid #9C94B6; float: left;  width: 47%; margin-bottom: 10px; margin-right: 10px;   }
#lm-home-intro { float: left; width: 48% }
#lm-home-intro .intro { font-size: 90%; }

#quiz {  line-height: 140%; background: #FF66CC url(/images/quiz_back.gif) no-repeat right top; padding: 29px 140px 20px 10px; border-bottom: 1px solid #46AA3F; margin: 0px; margin-bottom: 2px;  }
#quiz a { color: #333333; font-weight: bold; font-size: 120%; text-decoration: none }
#quiz a:hover { text-decoration: underline }
#quiz-page  { font-size: 120%; line-height: 140%; background: #fea4ea url(/images/quiz_tile.gif); padding: 10px; border: solid 2px #5ED0C5 }
.quizbutton  { color: #000; font-size: 80%; font-family: Verdana, Arial; background-color: white; margin-right: 5px; margin-left: 2px; border-width: 1px; border-color: #fff #85c2ba #85c2ba #fff }
#quiz-page li { margin-bottom: 10px }
#quiz-container img { display: inline; margin-right: 5px }
#quiz-container p { font-size: 90% }
.intro a { font-weight: bold }


#lm-homepage-intro { padding-right: 10px; padding-left: 0px }
#lm-homepage-intro p { line-height: 130%; font-size: 120% }
#lm-homepage-intro .emphasise { background-color: #FDFAEB; padding: 10px; border: 1px solid #E2DABA }
#lm-homepage-teachers p { line-height: 130%; }

#lm-homepage-asylum { font-size: 110%; line-height: 130%; padding-left: 10px; padding-top: 5px; padding-right: 5px }
#lm-homepage-asylum a { font-weight: bold; font-size: 120% }

#lm-homepage-women { font-size: 110%; line-height: 130%; padding-left: 10px; padding-top: 5px; padding-right: 5px }
#lm-homepage-women a { font-weight: bold; font-size: 120% }

#lm-homepage-men { font-size: 110%; line-height: 130%; padding-left: 10px; padding-top: 5px; padding-right: 5px }
#lm-homepage-men a { font-weight: bold; font-size: 120% }

#teachers-table { border-top: 1px solid #D4CBA8; border-left: 1px solid #D4CBA8; font-size: 90% }
#teachers-table td { padding: 5px; border-right: 1px solid #D4CBA8; border-bottom: 1px solid #D4CBA8 }
#teachers-table th { font-weight: bold; background-color: #FBF9F1; padding: 5px; border-right: 1px solid #D4CBA8; border-bottom: 1px solid #D4CBA8 }
.lm-border { border: 1px solid #8AB4B0; margin-bottom: 10px; padding-left: 10px; padding-right: 10px }

/* rover league */
#rl-table { background: #eddec1 url(/images/rover_league/bg.jpg) }

/* homes section */
#homes-image-table { float:left; margin-right: 10px; margin-bottom: 10px }
#home-image img { border: 1px solid #999; margin-right: 10px }

#home-text h2 {  margin: 0px; margin-bottom: 2px }
#home-address { margin: 0px;  }
#home-date { margin: 0px; }
#home-description p { line-height: 140% }
#home-view-more { font-size: 90%; padding-top: 5px; font-weight: bold; margin: 0px; margin-bottom: 10px; margin-right: 10px }
#home-view-more img { display: inline; border: none }
#home-case-file  { font-size: 90%; background: #fcfce2 url(/images/case_file_tile.jpg) no-repeat left top;  margin-right: 10px; padding: 10px; padding-left: 70px; border: solid 1px #cdcdaf; line-height: 140% }
#home-case-file a { font-weight: bold }
#homes-search label { font-weight: bold; }
#homes-search  {  background: url(/images/homes_search_back.jpg) no-repeat; padding: 10px; padding-left: 140px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#homes-browse {  font-weight: bold; background: url(/images/browsehomes_back.jpg) no-repeat; padding: 10px; padding-left: 140px; padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#homes-search .searchbutton {padding-left: 3px; padding-right: 3px; margin-left: 0px; margin-top: 2px }
.right { float: right; margin-left: 10px; margin-bottom: 10px; width: 350px }
#home-case-file #casefilelist  { margin: 0px; padding: 0px; margin-left: 10px; padding-left: 10px; }
#no-home-image { width: 200px; height: 125px; border: 1px solid #999; padding: 10px;  font-size: 90%; line-height: 150% }

/* case files */
.case-file-nav  { font-size: 90%; background: #eee; margin-top: 5px; margin-right: 10px; margin-bottom: 0px; padding: 5px; border: solid 1px #ccc }
.page-nav {  float: right; margin-bottom: 0px }
.page-nav div  { color: #000; font-size: 80%; text-decoration: none; background-image: url(/images/button_gradient.gif); margin-left: 3px; padding: 2px 5px; border-style: solid; border-width: 1px; border-color: #999999 #333333 #333333 #999999; display: inline; height: 16px }
.page-nav a { color: #000; text-decoration: none;  }
.page-nav a:hover { color: #000; text-decoration: none;   }
#transcription { border: 1px solid #ccc;  padding: 10px; padding-top: 5px; margin-top: 5px; background-color: white  }
#transcription h2 { margin-top: 0px; padding-top: 5px; margin-bottom: 2px; }


#casenotescan   {  background-color: #fcfce2;  border: 1px solid #ccc; padding: 0px; padding-bottom: 10px; margin-top: 10px; font-size: 90%; margin-right: 5px; margin-left: 0px; padding-top: 0px;  }
#casenotescan h3 {  font-size: 90%; background-color: white; margin: 0px; padding: 5px; border-bottom: 1px solid #ccc }
#casenotescan img { padding: 5px; background-color: white; border-right: 1px solid #BCBC9C; border-bottom: 1px solid #BCBC9C; margin: 5px }
#casenotescan p { margin: 5px }
#casefilesearch { margin: 10px; margin-right: 0px; padding: 10px; padding-left: 0px; border-right: 1px dashed #ccc; border-top: 1px dashed #ccc }
#casefilebrowse { margin: 10px; padding: 10px; padding-left: 10px; margin-left: 0px; border-top: 1px dashed #ccc }
#casefilesearch h4 { margin-top: 0px; padding-top: 0px; margin-bottom: 5px }
#casefilesearch .searchbutton { margin-top: 0px; margin-bottom: 2px }
#casefilekeywords { font-size: 90%; color: #333333 }
#casefilekeywords li { padding-bottom: 5px }
#casefilekeywords a { font-weight: bold; font-size: 115% }
.puheader h1 { font-size: 100%; line-height: 1.3em; font-family: Verdana, Arial, Helvetica; color: #E6E6F3; margin-bottom: 0px; margin-top: 0px  }
.puheader  h2 { font-size: 60%; line-height: 1.3em; font-family: Verdana, Arial, Helvetica; color: #CFCFE5; font-weight: normal; margin-bottom: 0px; margin-top: 0px; }

#transcription object {  font-family: Verdana, Arial }

/* help */
.indent  { margin-left: 15px; margin-right: 15px; font-size: 90%; font-family: Verdana, Arial, Helvetica; background-color: #fcfce2; padding: 7px; border: dashed 1px #999 }
.helpbox   { margin: 10px; padding: 0px; border: solid 1px #999 }
.helpbox h1 { margin-top: 0px; background-color: #fcfce2; padding: 5px }
.helpbox p { margin-left: 10px; margin-right: 10px }
.helpbox h4  { margin-left: 10px; margin-right: 10px }
.helpheader { background-color: #7DAA97; border-bottom: #527265 1px solid }

/* ecards */

#ecard-error { padding: 0px; margin: 0px;   }
#ecard-error p { padding: 0px; margin: 10px;   }
#ecard-send, #ecard { padding: 0px; margin: 0px;  font-size: 76%;  }
#ecard-send .searchbutton { color: #000; font-size: 100%; font-family: Verdana, Arial; background-image: url(/images/button_gradient.gif); margin-right: 5px; margin-left: 2px; border-width: 1px; border-color: #999 #191919 #191919 #999; padding-top: 1px; padding-bottom: 1px }
#ecard-send h1, #ecard h1, #ecard-error h1 { background-color: #B0B08C; padding-left: 7px; padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid #74745A; color: white } 
#ecard-send h3 {  margin-left: 10px } 
#ecard-send img, #ecard img { border: 1px solid #666; margin-left: 10px }
#ecard-send td { font-size: 76% }
#ecard-send hr, #ecard hr  { display: none; visibility: hidden }
#ecard-send form { margin: 10px }
#ecard-container { padding: 20px; text-align: center; border: 1px solid #999; margin-bottom: 10px }
#ecard-container img { margin: auto }
#ecard-caption { font-weight: bold; padding: 5px }
#ecard-message  { background: white url(/images/message_back.gif) repeat-x; padding: 10px; border: solid 1px #ccc }
#ecard-from { font-size: 100%; font-weight: bold; padding-top: 4px  } 

/* e-cards and downloads page */
#ecard-list { padding-right: 10px }
#ecard-list .emphasis, #screensaver-list .emphasis { font-size: 90% }
#ecard-list form { font-size: 90%; line-height: 140%; background-color: #fcfce2; padding: 10px; border: dashed 1px #999 }
#ecard-list input { font-size: 105%; }
#screensaver-list li { padding-bottom: 5px }

/* page turning pages  */
.pageturning, .pageturning2 { color: #000; font-size: 90%; padding: 5px;  }
.pageturning img, .pageturning2 img { display: inline }
.pageturning2 { background-color: #eee; border: 1px solid #999; }
.pageturning .buttonstyle { color: #000; font-size: 90%; font-family: Verdana, Arial; background-image:url(/images/button_gradient.gif); border-width: 1px; border-color: #999 #191919 #191919 #999; margin-right: 3px; margin-left: 3px }
.pageturning { background-color: #fcfce2; padding: 5px; border: solid 1px #999;  margin-bottom: 5px }
.documentnumber { font-size: 80%; padding: 5px; text-align: center; margin-bottom: 5px }
.documentnumber .buttonstyle { color: #000; font-size: 85%; font-family: Verdana, Arial; background-image:url(/images/button_gradient.gif); border-width: 1px; border-color: #999 #191919 #191919 #999; margin-right: 4px; margin-left: 4px }
.documentimage { text-align: center; padding-top: 10px; padding-bottom: 10px }
.documentimage img { border: 1px solid #999 }

.smallbutton { color: #000; font-size: 90%; font-family: Verdana, Arial; background-image:url(/images/button_gradient.gif); border-width: 1px; border-color: #999 #191919 #191919 #999; margin-right: 3px; margin-left: 3px }

#ycc-intro {  background: url(/images/ycc-intro-back.jpg) repeat-x bottom left; font-size: 115%; min-height: 244px; height: auto; position: relative }
/* for Internet Explorer */
/*\*/
* html #ycc-intro  {
height: 244px;
}
/**/
#ycc-intro img {  position: absolute; top: 0px; }
#ycc-intro p { margin: 0 0 0 450px; line-height: 1.4  }
#ycc-intro p#intro-para { padding: 55px 20px 0 0 ; background: url(/images/ycc-title.gif) no-repeat 0 20px; }
#ycc-intro p#intro-link { width: 18em; height: 36px; background: url(/images/ycc-intro-button-hover.gif) no-repeat right 0 ; margin-top: 1.0em; position: relative; left: -5px }
#ycc-intro #intro-link a, #ycc-intro #intro-link a:visited { display: block; background: url(/images/ycc-intro-button.gif) no-repeat right 0 ; color: white; font-weight: bold; text-decoration: none; padding: 7px 10px 10px 0; text-align: center }
#ycc-intro #intro-link a:hover {background: none;  }
.ycc-columns-container {  margin: 0 10px; line-height: 1.5;}
.ycc-left-col { float: left; width: 31%; margin-top: 2em; display: inline }
.ycc-right-col-container { float: right; width: 67%; padding-bottom: 1.0em; margin-top: 2em;  }
.ycc-right-col-one p, .ycc-right-col-two p { margin: 0; padding: 0 }
.ycc-right-col-one { float: left; width: 48%;  }
.ycc-right-col-two  { float: right; width: 48%; position: relative; }
.ycc-right-col-one img, .ycc-right-col-two img { border: 1px solid #ccc; padding: 3px; float: right; margin: 0 0 0.5em 1em }
.ycc-right-col-container h2 { border-bottom: 1px solid #ccc; padding: 0 0 0.25em 0; margin: 0 0 0.75em }
.ycc-right-col-container h2 a { color: #f19b04; text-decoration: none }
.ycc-right-col-two blockquote { margin: 0 0 0 0; font-style: italic;   }
.ycc-right-col-two blockquote p { margin: 0; padding: 0; color: #333333   }
.ycc-poem { padding: 2.25em 1.5em 1.5em 1.5em;  margin: 0 0 0 0; background: url(/images/poem-back.jpg) repeat-x; border-bottom: 1px solid #ccc; min-height: 23em; height: auto }
/* for Internet Explorer */
/*\*/
* html .ycc-poem  {
height: 23em;
}
/**/

.ycc-poem p { line-height: 1.5 }

.ycc-right-col-two blockquote img { border: 0; padding: 0; margin: 0 0.5em; float: none; display: inline; }

.ycc-right-col-two blockquote span { whitespace: no-wrap }
/* content pages */
.ycc-side-col { float: right; width: 200px; }
.ycc-side-col .archivethumbtext { font-size: 90%; border: 0; margin: 0 }
.ycc-text { margin-right: 220px; }
.ycc-text tt { font-size: 120% }

.ycc-side-col h2 { margin: 0 0 0.5em 0; padding: 0 }


/* Code added for 'Including the Excluded' project.
 * Should be re-usable if needed for another project */
.hero {
    background: #EADDC2;
    margin: 15px 0 15px;
    width: 100%;
    overflow: auto;
    padding: 10px 0;
}

.hero img {
    float: left;
    margin: 0 0 0 10px;
}

.hero-cont {
    margin-left: 300px;
    padding: 14px 10% 10px 0;
}

.txtrpl {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    text-indent: -999em;
}

h1#ite-h1 {
    background-image: url(/images/ite-heading.png);
    width: 262px;
    height: 27px;
}


.cols {
}

.col3rd {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.cols .last {
    margin-right: 0;
}

.box {
    padding: 10px;
    margin-bottom: 10px;
}

.box-a {
    background-color: #ebebeb;
}

.box-b {
    background-color: #D8D9CA;
}

.box-c {
    background-color: #EAD8B2;
}

a.button:link, a.button:visited {
    display: inline-block;
    background: #b3b3b3 url(/images/btn-bkgd.png) left top repeat-x;
    background-image: url(/images/btn-bkgd.png);
    padding: 4px 10px;
    color: #222;
    text-decoration: none;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
}

a.button:hover {
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

/* for Unexplored riches */
.ur-hero {
    background: #EADDC2;
    margin: 15px 0 15px;
    width: 100%;
    overflow: auto;
    padding: 10px 0;
}



.ur-hero img#urimgleft {
    float: left;
    margin: 0 0 0 10px;
     border: 10px solid #FFF;

 }
.ur-hero img#urimgright {
float: right;
    margin: 0 10px 0 0;
     border: 10px solid #FFF;
position: relative;
 }




h1#ur-h1 {
    background-image: url(/images/unexplored_riches_header.png);
    width: 231px;
    height: 41px;
}
.ur-hero-cont {

    margin-left: 30px;

    padding: 14px 10% 10px 0;
}