/*
 * Screen stylesheet for the Shetland Sheep Society web pages.
 *
 * This CSS works on IE >=5, but to work on IE<7 the browser must be set to 
 * 'quirks' mode by the inclusion of the line:
 * <?xml version="1.0" encoding="iso-8859-1"?> as the first line of each HTML 
 * file.
 *
 * Copyright PR Hardman 2009 - All rights reserved
 *
 * Created: 1 June 2009
 *
 *
 */



html {
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 90%;
    font-family: "lucida sans", "trebuchet ms", tahoma, verdana, arial, sans-serif;
    background: #eeffee;
    color: black;

/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden; 
/* */
}

body {
    height:100%;
    max-height:100%;
    overflow: hidden;
    padding:0;
    margin:0;
    border:0;
}

/* The page header and it's styles */

#header {
    position: absolute;
    display: block;
    margin: 0;
    top: 0;
	left: 0;
    width: 100%;
    height: 7em;
    overflow: hidden;
	background: #99cc99;
	color: green;
    border-bottom: solid 0.1em olive;
    z-index:6;
}

/* Use the 'Tan Hack' to get the header height for IE */
* html #header {
   height: 7em;  /* IE 5 Win needs to add the total border width */
   he\ight: 7em;    /* IE 6 , IE5 Mac */
}

/* Header Text */
#title-pad { /* Space the header text into the viewport */
   display: block;
   height: 2em;
   float: left;
}

#title1 {font-size: 4em;}
#title2 {font-size: 1em;}

#logo {
   float: left;
   height: 6em;
   margin-right: 2em;
   margin-left: 1em;
}
/* end of header */

/* The left block incorporating the navigation menu and it's styles */
#left {
    position: absolute;
    display: block;
    left: 0;
    top: 7em;
	bottom: 2em;
    width: 10em;
    background: #99cc99;
    border-right: solid 0.1em olive;
	overflow: auto;
    z-index: 5;
}

* html #left {
    height: 100%;
    top: 0;
    bottom: 0;
    border-top: 7em solid #fff;
    border-bottom: 1.5em solid #fff;
    color: black ;
}

.left-pad {   /* Space the foot text off by the left block with */
   display:block;
   width: 10em;
   height: 2em;
   float: left;
}

#left ul {
   list-style-type: none;
   margin-left: 0;  
   padding-left: 1.0em;
   font-weight: bold;
   font-size: 0.8em;
}
#left li {margin-bottom: 0.2em;}

* html #left li {
   margin-bottom: -1em;/* All IE < 7 need zero margin */
}

a.nav {
   display:block;
   text-decoration: none;
   color: green;
}
a.nav:hover {color: white}
a.curr {color: yellow}
/* End of left menu */

/* The page footer and it's styles */
#footer {
    position: absolute;
    display: block;
    margin: 0;
    bottom: 0;
    width: 100%;
    height: 2em;
    font-size: 0.8em;
    background: #99cc99;
	color: green;
    text-align: right;
	padding-top: 0.4em;
    border-top: solid 0.1em olive;
    z-index: 5; }

.footleft {
    float: left;
	padding-left: 1em;
    text-align: left;
}

.footright {
    float: right;
	padding-right: 1em;
    text-align: right;
}
/* end of page footer */


/* The content area and it's styles 
This block allows in-page anchors to be brought to the 
top of the visible content area. If all four positioning 
values are not given then minimum width is constrained by
the width of the largest fixed-size child, eg an image .
The block may be absolute or fixed.
*/
#content {
	position: absolute;
	top: 7em;
	bottom: 2em;
	left: 10em;
	right: 0;
    overflow: auto;
	padding: 2em;
	z-index: 3;
}
* html #content {
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	max-height: 100%;
	width: 100%;
	overflow: auto;
	position: absolute;
	z-index:3; 
	border-top: 7em solid #fff; 
	border-bottom: 1.5em solid #fff;
	border-left: 10em solid #fff;}

/* End of content style */

.pagebreak {display: none;}

.order-scr {display: block;}
.order-prt {display: none;}