/* Stylesheet for History pages: scrolling article, fixed sidebar */
/* 24 Feb 2012 JKH */

html {overflow-y: auto; }
body {width: auto; padding: 0; margin: 0; height: 100%; overflow-y: auto; 
		background-color: #edddbb; text-align: center; }

/* Container to allow centering */
#container {position: relative; width: auto; max-width: 1150px; overflow: auto; margin: 0 auto; 
		border-left: solid 2px #81b682; border-right: solid 2px #81b682; background-color: white; text-align: left; }

/* Topbox for title + logo*/
#topbox { height: 80px; width: 100%; display: inline-block; background-color: white; }      
#topmenu {float: right; width: 200px; height: 80px; background-color: white; border-left: 2px solid #c9decb}
#topmenu li a {background-color: white }

/* Columns for index pages */
#page {margin: 0 auto; padding: 0; background-color: white; height: 100%; width: 100%; display: inline-block; position: relative; }
#leftimage {float: left; width: 14%; height: auto; margin: 0; padding: 0 30px 0 0; background-color: white;}
.itemcol {float: left; width: 25%; height: auto; min-height: 650px; margin: 0; padding: 0 5px; 
			background-color: white;  border-left: 3px solid #0}
#page {background-color: white}
#page .item img {margin: 0 7px 0 2px; padding: 0; border: 1px solid black; float: left;}
.item {margin: 10px 5px 12px; padding-right: 2px; clear: both; height: auto; overflow: auto}
.item:hover {border: 1px solid red}

/* Boxes to hold the different topics */
#eng {background-color: #edddbb; height: auto; min-height: 530px; margin: 3px 10px; padding: 0; border-radius: 30px; max-width: 95%; }
#hist {background-color: #c9decb; height: auto; min-height: 360px; margin: 3px 10px; border-radius: 30px; max-width: 95%;}
#fam {background-color: #f0ecec; height: auto; min-height: 260px; margin: 3px 10px; border-radius: 30px; max-width: 95%;}
#ent {background-color: #ffdb81; height: auto; min-height: 240px; margin: 30px 10px; border-radius: 30px; max-width: 95%;}
#field {background-color: #e9e9c0; height: auto; min-height: 150px; margin: 25px 10px; border-radius: 30px; max-width: 95%;}

/*Text + headers*/
h1, .itemcol h2 {font-size: 1em; text-align: center; padding: 12px; margin: 2px; 
		 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-weight: normal; font-style: italic; color: #365437}
.itemcol h2 {font-style: normal;}		 
h1 {padding: 40px 0 0 0}
.itemcol p, .itemcol li {font: normal 0.75em Verdana, Tahoma, Helvetica, Arial, sans-serif; margin: 5px 24px; padding: 0}
.itemcol li {font-weight: bold}
.itemcol p {font-style: italic; padding-left: 12px}
.item p, .item h3 {margin: 0; padding: 2px; font: normal 0.7em Helvetica, Arial, sans-serif; }
.item h3 {display: inline; font-size: 0.8em; font-weight: bold}

/* Paragraph styles */
.non {font-weight: normal; font-size: 90%}
p.mt14 {margin-top: 14px}

/* Links*/
#topmenu a {text-decoration: none; color: #365437; font-family: Helvetica, Arial, sans-serif; background-color: #E5EDFF; font-size: 90%; font-weight: bold}
.item h3 a:hover, #eng h2 a:hover, #topmenu a:hover {color: red}
#fam a {background-color: #FDF5F5}
#eng a, #field a {background-color: #F6EAD0}
#hist a {background-color: #E1EFE3}
#ent a {background-color: #FFECBD}

a:link, a:visited {text-decoration: none; color: #365437}
.item p a:link, .item p a:visited {color: black}
.item p a:hover {color: red}
a:hover {color: red}

/* Lists */
.menuV {margin: 2px 10px 0 20px; padding: 0; font-size: 85%}
.menuV li {display: block; list-style: none; margin: 0; padding: 1px; zoom: 1}
li {padding: 2px;}
.coach {margin: 2px; padding: 0 0 0 30px}
.coach li {margin: 0 3px 0 3px; padding: 2px 0}
.itemcol ul  {list-style-type: circle}

/* Not yet used */