html {
  font-size: 100%; /* Usually defaults to 16px, respecting user browser settings */
}

body {
  font-size: 1rem; /* 16px baseline */
  line-height: 1.5;
}

h1 {
  font-size: 2.5rem; /* 40px equivalent */
}

p {
	font-size: 1rem;
	padding:0;
	margin:0;
}

body {
	background-color : #595633;
	margin : 0;
	font-family : 'Trebuchet MS', Trebuchet, Arial, Sans-Serif;
	color : #333300;
}

/* page numbering if articles are split into multiples pages */
.pagenavcounter {
	color: #999966;
	font-size:11px;
	font-style: normal;
	border-left: 1px dotted #999966;
	padding-left:10px;
	margin-bottom: 20px;
}

.breadcrumb {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucide Grande', Arial, sans-serif;
	color: #999966;
	font-size:0.7rem; /*10px*/
	font-weight: bold;
	padding-bottom: 20px;
	/* border-left: 1px dotted #999966;
	padding-left:10px; */
}

/* for gallery, this image is..... */
.small {
color: #999966;
}

.contentheading, .componentheading {
	font-family: Georgia, serif;
	font-size: 1.6rem; /* 26px equivalent */
	color:#666600;	
	padding-top:20px;
	padding-bottom:15px;
}

h1.contentheading, .componentheading {
	font-family: Georgia, serif;
	font-size: 1.6rem; /* 26px equivalent */
	color:#666600;
}

.contentrow {
   padding-left: 20px;
   padding-right : 15px;
}

/* for Profiles */

table.student_profile {
width: 550px;	
}
.contentheading_student {
font-family: Georgia, serif;
font-size: 2rem; /* 32px equivalent */
font-weight:100;
color:#666600;
padding-top:20px;
padding-bottom:10px;
padding-left:5px;
background-color:#f5f5dc;
border-bottom: 1px dotted #ccc;
}

table.student_profile p, table.contentpaneopen p {
	padding-bottom: 15px;
}

td.sp_photo img {
border: 7px solid #e2ddca;
margin-left:0;
margin-right:10px;
}

.sp_header {
font-size: 0.9rem;
font-style:italic;
color:#666;
width:100px;
padding-right:10px;
vertical-align:text-top;
}

/* Link Elements */

a, a:visited {
	text-decoration : none;
	font-size:1rem; /* 15 13*/ 
	font-weight:normal;
	color : #990000; 
}

a:hover {
   color : #CC0000;
}

.breadcrumb a {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucide Grande', Arial, sans-serif;
	text-decoration : underline;
	color: #999966;
	font-weight: bold;
}

.breadcrumb a:hover {
	color:#666600;
	text-decoration : underline;
}

a.footer {
font-size:0.7rem; /*10*/
}

hr {
	color: #FFFFF0; 
	background-color: #FFFFF0; 
	border: 1px dotted #999999; 
	border-style: none none dotted; 
}

#wrap {
	margin-left: 30px;
	margin-top: 30px;
	background-color : #FFFFF0;
}


/* Side menu styling */

li.side_menu {
	width : 175px;
	list-style-type : none;
	padding-left : 10px;
	padding-bottom:2px;
	margin-right : 5px;
	font-size : 15px;
	border-top : 1px dotted #CCCC99;
	background-color:#f5f5dc;
}

li.side_menu:hover {
	background-color:#FFFFF0;
}


a.mainlevel_sub {
   color : #999933;
}

a.mainlevel_sub:hover {
   color : #333300;
}

/* Top menu */

ul, ol, dl {
line-height:1.3; /*1.1*/
position: relative;  
}

/* Aligning left edge of top menu */
#mainlevelbox { 
  margin-left: -35px; /* -35px */
}

  /* font-size: 11px; */
#mainlevel li {
	list-style-type: none;
	font-size: 0.7rem;
	letter-spacing: 0.07em;
	padding-right: 20px;
	display: inline;
	text-align : left;
}

/* font-size: 11px; */
#mainlevel a {
	font-family : Georgia, serif;
	font-size: 0.7rem;
	letter-spacing: 0.07em;
	text-decoration : none;
	text-align : left;
	font-weight: bold;
	color : #666633;
	writing-mode: horizontal-tb; /* Default layout */
	border-block-start-width: 3px;
	border-block-start-color: #999966;
	border-block-start-style: solid; /* Applies to the TOP border */
}

#mainlevel a:hover, #mainlevel a:active {
	color : #999933; 
	border-block-start-width: 3px;
	border-block-start-color: #c5c548;
	border-block-start-style: solid; /* Applies to the TOP border */	
}

#mainlevel a:visited, {
	color : #666633;
}

table {
	border : 3px;
	border-color : black;
}

table#textsize {
   width: 550px;
}

table.articlesection {
   padding-left: 35px;
   width: 550px;
}

td#footer {
	width: 900px;
	height : 30px;    
	background-image: url('/templates/cem_standard/images/bg_footer_home.jpg');
    background-repeat: no-repeat; 
	background-size: cover;
	background-color : #595633;  
	font-family : 'Trebuchet MS', Trebuchet, Arial, Sans-Serif;
	font-size: 0.7rem;
	color : #dadac4; /* ceceb3; */	
	text-align : right;
	padding-right : 20px;
}

/* only meant for easy gallery style of category header & guestbook */
/* if it breaks something elsewhere, move to own easy gallery css file */

td.sectiontableheader {
	font-family: 'Trebuchet MS', Trebuchet, Arial, Sans-Serif;
	font-size: 1.2rem;
  color:#666633;
/*  padding-top:10px; */
}

/* gallery container clearfix */
div.photos {
  overflow: hidden;
}

/* Gallery photo caption */

table.photodescription {
	width: 550px;
}
td#photodescription {
  padding: 4px 0 20px 0;
}

.photodescription {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Link in caption */
td#photodescription a{
  font-size: 0.9rem;
}

.photocredit {
	font-size: 0.7rem;
	line-height: 1.2;
	padding-top: 20px;	
	padding-bottom: 20px;
}

/* Setting the width of the body text to 550px */
table.contentpaneopen {
	width: 550px;
}

/* Any list item in the main body area */
table.contentpaneopen li {
	margin-bottom: 10px;
}

/* Sizing buttons */
table.contentpaneopen_small {
   padding-right : 60px;
   font-size : 10px;
}

table.contentpaneopen_medium {
   padding-right : 60px;
	 font-size : 15px; /*13*/
}

table.contentpaneopen_large {
   padding-right : 60px;
	 font-size : 16px;
}

td.contentpaneopen_small {
   font-size : 10px;
}

td.contentpaneopen_medium {
  font-size : 15px; /*13*/
}

td.contentpaneopen_large {
  font-size : 16px;
}

a.contentpaneopen_small {
   font-size : 10px;
}

a.contentpaneopen_medium {
  font-size : 15px; /*13*/
}

a.contentpaneopen_large {
  font-size : 16px;
}


img.cemarticleimage {
border: 1px solid #ccc;
padding: 3px;
}

.mosimage_caption {
	padding-top:10px;
	padding-bottom: 30px;
	font-size: 0.8rem;
	line-height: 1.5;
	color:#666;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
/* for Directory pages */
/* alphabetical list */

td.directorylinks {
border-bottom:1px solid #e9e9d1;
}

td.directorylinks li {
   display:inline;
   list-style-type:none;
   padding-right:12px;
   color : grey;
}

td.directorylinks li a {
	font-weight:900;
}

/* each alphabetical heading */

td.directoryhead {
	font-weight:900;
	padding-top:10px;
	padding-bottom:3px;
padding-left:5px;
	border-bottom: 1px dotted;
background-color:#e9e9d1;
}

/* table of student names */

td.mainDirectoryLink {
width:160px;
padding-left:5px;
}

td.secondaryDirectoryLink {
width:155px;
}

td.chineseDirectoryLink {
background-color:#f5f5dc;
width:80px;
padding-left:5px;
}

td.numberDirectoryLink {
background-color:#f5f5dc;
width:80px;
padding-left:5px;
}

/*
     FILE ARCHIVED ON 17:15:47 Sep 03, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:51:45 Apr 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.46
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.027
  esindex: 0.007
  cdx.remote: 20.425
  LoadShardBlock: 54.794 (3)
  PetaboxLoader3.datanode: 55.467 (4)
  PetaboxLoader3.resolve: 78.06 (3)
  load_resource: 115.254
*/