/* Stylesheet for Engineering index page: scrolling article, fixed sidebar */
/* 23 Feb 2012 JKH */

html {overflow-y: auto; }
body {width: auto; padding: 0; margin: 0; height: 100%; overflow-y: auto; 
		background-color: #FAF5EA; text-align: center; }
.cb {clear: both; }
.clr {clear: both; font-size: 0px; line-height: 0px; height: 0px;}

/* 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; }
h1, h2, h3, h4 {color: #365437; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0;}

/* Topbox for title + logo*/
#topbox { height: 80px; width: 100%; display: inline; background-color: white; }      
h1 {font-size: 1.5em; padding: 22px; text-align: center;}
#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;
	font-size: 80%; }
#leftimage {float: left; width: 8.5%; height: auto; margin: 0; padding: 0; background-color: white;}
.itemcol {float: left; width: 29.5%; min-height: 650px; margin: 0; padding: 0; background-color: white; height: auto; }
.itemcol ul  {list-style-type: circle}
#page {background-color: white}
#page .item img {margin: 0 7px 0 0; padding: 0px; border: 1px solid black; float: left;}
.item p {margin: 0; padding: 2px; font: normal 0.85em Verdana, Tahoma, Helvetica, Arial, sans-serif; }
.item {margin: 7px 5px 7px; padding-right: 2px; clear: both; height: auto; overflow: auto}
.item:hover {border: 1px solid red}
/* Headings */
.itemcol h2 {font-size: 1.25em; margin: 0; padding: 7px 0 0 0; text-align: center; }
.item h3 {margin: 0; padding: 2px; display: inline; font-size: 1em}


/* Boxes to hold the different topics */
#eng {background-color: #F6EAD0; height: auto; min-height: 590px; margin: 5px 0 2px 22px; border-radius: 30px; max-width: 95%; }
#hist {background-color: #E1EFE3; height: auto; min-height: 590px; margin: 5px 0 2px 22px; border-radius: 30px; max-width: 95%;}
#fam {background-color: #FAECE0; height: auto; min-height: 290px; margin: 5px 0 2px 22px; border-radius: 30px; max-width: 95%;}
#ent {background-color: #FFECBD; height: auto; min-height: 310px; margin: 5px 0 2px 22px; border-radius: 30px; max-width: 95%;}
/*Text */

/* Article */
h2 {font-size: 1.2em; margin: 20px 0 0 -15px; padding: 5px 0 5px 45px;}
h3 {font-size: 1em; padding: 15px 0 0 25px;}
h4 {font-size: 0.93em; padding: 10px 0 0 30px; font-weight: bold}
#content {clear: both; margin: 1px 0 0 150px; padding: 1px 45px 20px 20px; color: #412700; background-color: white;  font: 1em Palatino Linotype, Book Antiqua, Palatino, serif;  zoom: 1; }

/* Paragraph styles */
p {padding: 4px; margin: 2px; }
.midl {text-align: center; padding: 2px}
.mt14 {margin-top: 14px; }
.mt30 {margin-top: 30px }
.mb14 {margin-bottom: 14px }
.pt50 {padding-top: 50px}
/*Colour*/
.red {color: red}

  /* Images */
.atleft {float: left; margin-left: -167px; width: 145px}
#sidebar {float: left; width: 140px}
.mid {display: block; margin: 15px auto; }
.left {float: left; margin: 15px 40px 10px 20px; }
.right {float: right; margin: 15px 20px 10px 40px; }
.eqn {padding: 0; margin: 0 0 0 50px; }

/* Links */
#content a {text-decoration: none; color: #365437; font-family: Helvetica, Arial, sans-serif; background-color: #E5EDFF; font-size: 90%; font-weight: normal;}
#topmenu a {text-decoration: none; color: #365437; font-family: Helvetica, Arial, sans-serif; background-color: #E5EDFF; font-size: 90%; font-weight: bold}
#content h2 a, #content h3 a, .item h3 a {color: #365437; background-color: white; font-size: 100%; font-weight: bold; text-decoration: none; }
.item h3 a:hover, #eng h2 a:hover, #topmenu a:hover {color: red}
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 */
.menu {margin: 0 0 0 25px; }
.menuV {margin: 2px 10px 0 20px; padding: 0; font-size: 85%}
.menu li {display: inline; list-style: none; margin: 10px; zoom: 1}
.menuV li {display: block; list-style: none; margin: 0; padding: 1px; zoom: 1}
.album {margin: 20px auto; }
.album li {display: inline-block; list-style: none; margin: 10px; zoom: 1; vertical-align: top; *display: inline; }
.ls0 {list-style: none}
/*ul {list-style: none}*/
li {padding: 2px;}
.coach {margin: 2px; padding-top: 0}
.coach li {margin-top: 0; padding-top: 0}

/* Not yet used 
*/