/* notes from March 13, 2012   index_page.css */
/* modified to use width as percent in the definition of whole page April 16, 2016 */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
/* no margin-left marking in main2.css */
ol { padding-left: 1.4em; list-style: decimal; margin-left: 1.4em;}
ul { padding-left: 1.4em; list-style:square; margin-left: 1.4em; }
q:before, q:after { content:''; }

body {background-image: url(../images/justletters_light.jpg);
background-repeat:repeat;
font-family: "Times New Roman", Times, serif;
}

#whole_page {
margin: 0 auto ;
background-color:#FFFFFF;
padding: 10px;
/* width: 1024px; */
/* changed to cope with small screens April 2016 */
/* made logo smaller for the same reason */
width: 90%;
border:thin;
border-color:#660000;
}

/* letter spacing is added in main2.css */
h1 { font-weight:bold; font-size:2.7em; font-style:normal;
margin:10px 5px 10px 5px; 
}

/* h2 and blockquote inherit margin in main2.css */
h2 { font-weight: bold; font-size:2em; font-style:normal;
padding: 5px 5px 5px 5px;
margin:inherit;
}

blockquote {
margin: 10px 10px 0 10px;
}

p {font-size:1.5em;
line-height:150%;
color:#000000;
margin:inherit;
padding:10px 10px 0 0;
}

/* no li marking in main2.css Jan 18, 2016 added  space for small touch screens using the number convention */
/* for the line height */
li {font-size:1.5em;
margin-left: 10px;
line-height: 1.6;
}

.p_1em {
font-size: 1em;
margin: auto;
line-height:150%;
}

.pagetitle { font-weight:bold; font-size:3em; font-style:normal; padding: 10px 0 10px 0; color:	#660000;
}

.colored_head {color:#660000; 
}

.top_logo {
float:left;
margin: 0 0 15px 0;
}

.centered {text-align:center;}