/* mirfieldmemories stylesheet */
body {
	background-color:#FFFFF5; 
	background-attachment:fixed; 
	margin:0; 
	padding: 0;
	font-size: 101%;
}

div, p, ul, li, h5 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 0.95em; 
	line-height: 1.5em; 
	color: #00006A;
	margin-right: 5px; 
}

div.pagetop {
	line-height: 1%;
}

p { 
	text-indent: 2em; 
	text-align: justify; 
	padding-left: 10px; 
}

p.first { 
	text-indent: 0; 
}

p.left {
	text-align: left;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", serif;
	font-style: normal;
	line-height: normal; 
	font-weight: bold;
}

h2, h3, h4, h5 {
	color: #0A246A; 
}

h1 {
	font-size: x-large; 
	color: #A52A2A; 
	text-align: center
}

h2 {
	margin:0; 
	font-size: large; 
	text-align: center;
}

h3 {
	font-size: medium; 
	text-align: left; 
	text-indent: 2em; 
}

h4 {
	font-size: small; 
	text-indent: 2em; 
}
 
h5 { 
	margin-top: 12px; 
}

li { 
	font-size: 1em; 
	margin-top: 12px; 
}

.body1 {
	font-family: Verdana, Arial, Helvetica, san-serif; 
	text-indent: 0; 
	font-size: 0.8em;
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #0A246A
}
 
.body2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-indent: 0; 
	font-size: 0.7em;
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #0A246A
}
 
.body3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-indent: 0; 
	font-size: 0.75em;
	font-style: normal; 
	line-height: 130%; 
	font-weight: normal; 
	color: #0A246A
}
 
.caption1 {
	font-size: 7pt; 
	line-height: 11pt; 
	text-align: center;
}

/* use to separate floating elements with minimal spacing */
.thin {
	clear: both;
	font-size: 2pt; 
	line-height: 5pt;
	width: 90%
	margin: auto;
}

.just { text-align: justify }

.rj { text-align: right; }

.lj { text-align: left; }

img { border: 0px solid #A52A2A; }

/* used on schoolchildren list */
.schoolheader {
	text-align:center; 
	font-size: large; 
	color: #800080;
}

.headteacher {
	text-align: center; 
	color: #800080;
}

/* links */
a { 
	text-decoration:none; 
	color:#000000; 
}

a:hover { 
	color: #FF0000; 
	text-decoration:none; 
}

/* a.mirfield { 
	font-family:Verdana, sans-serif; 
	font-size: 0.95em;  
	border: 1px dotted red; 
	text-decoration: none;  
	color: #0A246A; 
	line-height: normal; 
}

a.mirfield:hover { 
	background-color: #FFDD66; 
	border: 1px solid #FFDD77;
} */

a.mirfield { 
	color: #000000; 
	font-weight: bold; 
}

a.mirfield:hover { 
	color: #FF0000; 
}

/* buttons */
.smallbutton {
	font: normal 12px Tahoma;
	margin: 3px 1px 3px 1px;
	text-align: center;
}

.smallbutton a {
	width: 69px;
	text-decoration: none;
	display: block;
	padding: 1px;
	color: #3A0080;
	background-color: #F2FFE8;
	background-image: url(../images/bg_menubutton.png);
	border-top: 1px solid #FFD8B8;
	border-right: 1px solid #4B7D2D;
	border-bottom: 1px solid #4B7D2D;
	border-left: 1px solid #FFD8B8;
}

.smallbutton a:hover {
	color: #D20D0E;
	background-image: none;
}

.schoolbutton {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 6px 0px;
}

.mgsbutton {
	font: bold 14pt Tahoma;
	margin: 3px 0px 3px 0px;
	float: left;
	padding: 10px 0px 10px 70px;
}

.mgsbutton a {
	padding: 0px;
	width: 120px;
	height: 50px;
	text-align: right;
	text-decoration: none;
	display: block;
	background-color: #CB7559;
	background-image: url(../images/schools/bg_mgs_mag_button.png);
	color: #000000;
	border-left: 2px solid #FFDC65;
	border-top: 2px solid #FFDC65;
	border-right: solid 2px #BD8101;
	border-bottom: 2px solid #BD8101;
}

.mgsbutton a:hover {
	border-left: 2px solid #907104;
	border-top: 2px solid #907104;
	border-right: 2px solid #FFDC65;
	border-bottom: 2px solid #FFDC65;
}

.menuheading {
	width: 139px;
 	font-family: Georgia, "Times New Roman", serif;
        font-size:15pt; 
        font-weight: bold;
        font-variant: small-caps;
        color: #550E0E;
	background-image: url(../images/bg_banner.png);
        padding: 5px 0 7px 5px;
}

/* menu buttons */
.menubutton {
	font-family: Tahoma; 
	font-weight: normal;
	font-size: 0.85em;
	margin: 0 0 1px 1px;
	text-align: left;
	line-height: 1.2em;
}

.menubutton a {
	width: 134px;
	text-decoration: none;
	display: block;
	padding: 1px 1px 1px 5px;
	color: #3A0080;
	background-color: #C46328;
	background-image: url(../images/bg_menubutton.png);
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #4B7D2D;
	border-bottom: 1px solid #4B7D2D;
	border-left: 1px solid #FFFFFF;
}

.menubutton a:hover {
	color: #D20D0E;
	font-variant: small-caps;
	background-color: #F2FFE8;
	background-image: none;
	border-left: 1px solid #FFFFFE; /* without this color change font-variant does not change */
}

.blankmenubutton {
	margin: 0 0 1px 1px;
	width: 134px;
	display: block;
	padding: 1px 1px 1px 5px;
	color: #D20D0E;
	background-color: #C46328;
	background-image: url(../images/bg_menubutton.png);
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #4B7D2D;
	border-bottom: 1px solid #4B7D2D;
	border-left: 1px solid #FFFFFF;
	font: normal 0.85em Tahoma;
	font-variant: small-caps;
	text-align: left;
	line-height: 1.2em;
}

/* display boxes for an image etc */
div.left-photobox {
	float: left; 
	text-align: center; 
	border: 1px solid #A52A2A; 
	margin: 5px 10px 5px 10px;
	font-size: 7pt; 
	line-height: 11pt;
	padding: 5px 5px 0 5px;
}

div.right-photobox {
    float: right; 
	text-align: center; 
	border: 1px solid #A52A2A; 
	margin: 5px 10px 5px 10px;
	font-size: 7pt; 
	line-height: 11pt;
	padding: 5px 5px 0 5px;
}

div.photobox {
	text-align: center; 
	border: 1px solid #A52A2A; 
	margin: 5px auto 5px auto;
	font-size: 7pt; 
	line-height: 11pt;
	padding: 5px 5px 0 5px;
}

/* picture boxes for Ian E. Gawthorpe's page */
div.ieg-left {
	float: left; 
	text-align: center; 
	border: 1px solid #A52A2A; 
	width: 144px;
	margin: 5px;
	font-size: 7pt; 
	line-height: 11pt;
	padding: 5px 5px 0 5px;
}

div.ieg-right {
	float: right; 
	text-align: center; 
	border: 1px solid #A52A2A; 
	width: 144px;
	margin: 5px;
	font-size: 7pt; 
	line-height: 11pt;
	padding: 5px 5px 0 5px;
}

/* used for small holmebank fire images */
img.holmebank_pic {
	width: 75px; 
	height: 75px; 
	margin: 0px 5px 3px 0px; 
	border: 2px solid #A52A2A;
}

/* Used for large holmebank fire image */
div.holmebank_large {
	width: 420px; 
	height: 420px; 
	margin-left: 10px; 
	border: 2px solid #A52A2A; 
	float: left;
}

/* used for small images on mirfield_show page */
img.pic_box_right {margin: 0 0 2px 0;}

img.pic_box_left {margin: 0 3px 2px 0;}

hr {
	width:90%; 
	height: 3px; 
	background-color: #A52A2A; 
	color: #A52A2A; 
	border: 0; 
}

.banner {
	margin-top: 6px;
	float: left;
	width: 100%;
	padding: 10px 0px 30px 0px; 
	background-color: #C46328; 
	color: #550E0E;
	background-image: url(../images/bg_banner.png);
}

#section_name {
	font-size: 0.8em; 
	color: #FFFFFF; 
	position:absolute; 
	top: 15px; 
	left: 170px;
}

#topmenu {
	width: 80%; 
	margin: -41px 0 0 20px;
	float: left;
	font-size: 0.8em;
}

a.toplink {
	color: #3A0080;
	font-variant: small-caps;
	text-decoration: none;
}

a.toplink:hover {
	color: #D20D0E;
	background-image: url(../images/transparentbutton.png);
	background-repeat: no-repeat;
}

.toplink_blank {
	font-variant: small-caps;
	color: #D20D0E;
}

.thinbanner {
	margin: 0 0 5px 0; 
	background-color: #C46328;
	color: #550E0E;
	background-image: url(../images/bg_thinbanner.png);
}

.box-percent90 {
	width: 90%;
	margin: auto;
	border-top: 1px solid #FFFFF5;
}

div.paper {
	width: 590px; 
	background-color: #FFFFE1; 
	color: #0A246A; 
	padding: 10px;
	border: 1px solid #FFCC66;
}

div.overhall_box {
	width: 590px;
	margin: auto;
	background-color: #FFFFFF; 
	color: #0A246A; 
	padding: 10px;
	border: 1px solid #FFCC66;
}

p.overhall_box {
	font-family: "Times New Roman", Times, serif;
	text-indent: 0;
}

div.wellhouse_box {
	width: 450px;
	float: right;
	margin: 0 0 0 10px;
	background-color: #FFFFFF;
	color: #0A246A; 
	padding: 5px;
	border: 1px solid #FFCC66;
	text-align: center;
}

p.wellhouse_box {
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	text-align: left;
	text-indent: 3em;
}

.clear { clear: both; }

.center { text-align: center; }

#countdownbox {
    width: 500px;
    margin: auto;
    text-align: center;
    padding: 5px 0 5px 0;
    background-color: #ffdd66;
    color: #a52a2a;
    border: solid 1px #a52a2a;
}

.yellowbox {
	text-align: center; 
	border: 1px solid #FFCC66;
}

.pagebox {
	border: 1px solid #A52A2A; 
	padding: 10px; 
	width: 85%; 
	margin: 0 auto; 
	clear: both;
}

.brownbox {
	text-align: center; 
	border: 1px solid #A52A2A;
	margin-left: 10px; 
}

/* used for lining up two columns in place of a table */
.leftcolumn {
	float: left;
	width: 30%;
  	margin-top: 0px;
  	margin-left: 10px;
  	margin-right: 0px;
  	text-align: right;
  	padding: 5px;
}

.rightcolumn {
	padding: 5px;
	margin-right: 10px;
	margin-top: 0;
}

.leftcolumn1 {
	float: left;
	width: 45%;
  	margin-top: 0px;
  	margin-left: 20px;
  	margin-right: 0px;
  	text-align: center;
  	padding: 5px;
}

.rightcolumn1 {
	margin-top: 0px;
	margin-right: 20px;
  	text-align: center;
	padding: 5px;
}

/* used for presenting data or pictures in a number of columns */
.columns3 {
    float: left;
    width: 30%; 
  	margin-top: 0px;
  	margin-left: 5px;
  	margin-right: 5px; 
  	text-align: center;
  	padding: 5px;
}

.columns4 {
    float: left;
	width: 22%;
  	margin-top: 0px;
  	margin-left: 5px;
  	margin-right: 5px; 
  	text-align: center; 
  	padding: 5px;
}

.columns5 {
    float: left;
    width: 17%; 
  	margin-top: 0px;
  	margin-left: 5px;
  	margin-right: 5px; 
  	text-align: center;
  	padding: 5px;
}

/* used to give a 100 pixel wide column */
.column100 {
    float: left;
	width: 100px; 
	margin: 0px 5px 0px 5px;
	text-align: center;
  	padding: 5px;
}

.column100right {
        margin: 0px 5px 0px 120px;
        padding: 5px;
}

/* font styles inside a table */
table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em; 
	font-style: normal; 
	line-height: 14pt; 
	font-variant: normal;
}

img.left-float { float: left; margin: 5px 5px 5px 15px }

img.right-float { float: right; margin: 5px 15px 5px 5px }