/* CSS stylesheet for www.almastud.com.au */

html {
    /* Set this to allow pageframe to stretch to bottom of window */
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url("wbsym2.jpg");
	background-attachment: fixed;
	padding: 0;
	margin: 0;
    height: 100%;
}

img {
/*	border-color: #008800; */
	border: 1px solid black;
}

a img {
/* image links have a solid green border */
    border: 2px solid #008800;
}

/* IE5,6 Hack, to make pageframe stretch to bottom of screen */
* html #pageframe {
  height: 100%;
}
/* end IE5,6 hack */

#pageframe {
    position: relative;
    margin: 0px auto;
    text-align: left;
    width: 790px;
    min-height: 100%;
    height: auto;
    background-color: #e8ebe8;
    border: 1px solid #aaaaaa;
}

#headerbar {
/* Bar at top including title, slogan, menu */
    background-image: url("background4.jpg");
}

#headertitle {
/* table containing Alma, Merino Stud,slogan title lines*/
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

#headertitle-left {
/* table cell with Alma, Merino Stud */
    text-align: left;
    vertical-align: center;
}

#headertitle-right {
/* table cell containing slogan */
    width: 100%;
    text-align: right;
    vertical-align: center;
    padding-right: 1em;
}

/* All font sizes in the title bar & menu must be absolute, ie in pixels, to ensure header looks ok under large font settings */
#almatitle {
/* 'Alma' title */
    font-family: Times New Roman, Times, serif;
    text-transform: uppercase;
    font-size: 70px !important;
    color: black;
    padding: 0;
    margin: 0;
    margin-left: .2em;
}

#merinostudtitle {
/* 'Merino Stud' title */
    padding: 0;
    margin: 0;
    margin-left: 3em;
    font-family: Times New Roman, Times, serif;
    font-size: 25px !important;
    white-space: nowrap;
}

#slogan {
/* Merinos for w, s, m $ales */
    margin: 0;
    padding: 0;
    font-style: italic;
    text-align: right;
    font-size: 20px !important;
    /*float: right; */
}

.wsmemph {
    /* For 'wool', 'sheep', 'meat' in slogan */
    color: red;
}

.redemph {
    color: red;
}

.caption {
    font-size: x-small;
    font-style: italic;
}

#contentframe {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: justify;
}

#contentframe h2 {
/* Used for title at top of page */
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: normal;
    padding: 0;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    margin: 0;
}

#contentframe h3 {
/* Used for subtitles/section headings */
    font-size: large;
    font-weight: normal;
    padding: 0.5em 0;
    margin: 0;
}


/* Menu stuff */
/*** menubar bar styles ***/

ul.menubar {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style: none;
  border: 1px solid black;
  background-color: white;
  height: 40px;
  width: 788px;
  font-size: 13px !important;
  white-space: nowrap;
}

ul.menubar li {
  float: left;
  position: relative;
  z-index: 100;
  list-style-type: none;
  background-color: white;
  padding: 0;
  padding-left: 5px;
  margin: 0;
  height: 40px;
  /* Box-model hack for IE5 - must be last entries in section */
  width:97px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 93px;
}

html>body ul.menubar li {  /* 'Opera 5 rule', also lets IE5 recover from bug */
  width: 93px;
}

ul.menubar li ul {
  display: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 100;
  width: 240px;
  top: 40px;
  left: 0px;
  border: 1px solid black;
}

ul.menubar li ul li {
  display: block;
  padding: 0;
  padding-left: 5px;
  margin: 0;
  /* Box-model hack for IE5 - must be last entries in section */
  width: 240px;  /* width for IE5 */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 235px;  /* correct width for IE6+, Firefox */
}

html>body ul.menubar li ul li { /* 'Opera 5 rule', also lets IE5 recover from bug */
  width: 235px;
}


ul.menubar li:hover ul, ul.menubar li.hover ul {
  display: block;
  z-index: 100;
}

ul.menubar li:hover, ul.menubar li.hover {
  background-color: #99ccff;
}


ul.menubar li a {
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  color: blue;
  line-height: 40px;
  overflow: hidden;
}

ul.menubar a:visited {
  color: blue;
}


/* page-specific stuff */

div.updatebox {
    border: 1px solid black;
    background-color: #eeeeee;
    margin-bottom: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
}


/* Welcome page */
#welcome-rightpane {
    text-align: center;
    font-size: smaller;
    float: right;
    width: 130px;
}

#welcome-rightpane img {
    border: 2px solid #008800;
}

#welcome-updatebox {
    text-align: center;
    border: 1px solid black;
    background-color: #eeeeee;
    width: 616px;
    margin-bottom: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

#welcome-updatebox h3 {
    padding: 0;
    margin: 0.5em 0;
}

#welcome-updatebox ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
    text-align: left;
}

#welcome-updatebox li {
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Sale rams page */
#salerams-vision {
    background-color: #dddddd;
    color: #800080;
    font-weight: bold;
    text-align: center;
    margin: 0.5em;
    padding: 0.3em;
    border: 1px solid black;
}

#salerams-visioninner {
/*    border: 1px solid #888888; */
    padding: 0.2em;
    padding-bottom: 0.6em;
}

#salerams-vision h2 {
    color: blue;
    font-weight: bold;
    background-color: #dddddd;
}

.salerams-visionquotemarkopen {
/* opening double quotation mark */
    font-weight: bold;
    color: blue;
}

.salerams-visionquotemarkclose {
/* closing double quotation mark */
    font-weight: bold;
    color: blue;
}

/* IE5,6 Hack, to specify minimum height for gradesbox */
* html #salerams-gradesbox {
  height: 232px;
}
/* end IE5,6 hack */

#salerams-gradesbox {
    text-align: center;
    min-height: 232px;
    background-color: #e4ffff;
    border: 1px solid black;
    margin: 15px;
    padding: 7px;
}

#salerams-gradesbox h3 {
    padding: 0;
    color: red;
}

/* Contact Us page */
.contact-bi {
/* bold-italic subheading */
    font-style: italic;
    font-weight: bold;
    padding-bottom: 0.5em;
}

.contact-info {
/* Courier-style address details */
    font-family: Courier New, Courier, mono;
    padding-bottom: 1em;
}

/* About page */
  .about-quote {
/*    position: relative;
    left: -130px; */
  }
  
/*  .about-quote img {
     float: left;
     position: relative;
     left: -170px;
  } */
  
.about-quote hr {
    width: 80%;
    text-align: center;
}
  
.about-quotetext {
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
	font-weight: bold;
	font-style: italic;
}
  
.about-quoteattrib {
    margin-right: 10%;  
    font-style: italic;
	text-align: right;
}

/* Clients' Results */
.results-wooltable tr td {
    border: 1px solid gray;
    text-align: left;
}

.results-wooltable tr.results-wooltableheader td {
    border: 1px solid black;
}

/* Alma Merinos page */
#merinos-vision {
/*    background-color: #dddddd; */
    color: #000099;
    font-style: italic;
/*    text-align: center;
    padding: 5px;
    border: 1px solid black;
    width: 430px;*/
}

#merinos-visioninner {
/*    border: 1px solid #888888;
    padding: 0.2em;
    padding-bottom: 0.6em; */
}

#merinos-visioninner h2 {
    color: black;
    font-style: normal;
    text-align: left;
/*    color: black;
    font-weight: bold;
    font-style: normal;
    padding: 0.25em; */
}

.merinos-visionquotemarkopen {
/* opening double quotation mark */
    font-weight: bold;
    color: blue;
}

.merinos-visionquotemarkclose {
/* closing double quotation mark */
    font-weight: bold;
    color: blue;
}

.merinos-quoteattrib {
    text-align: right;
    margin-right: 3em;
    font-style: italic;
}

.merinos-quoteattribline2 {
    text-align: right;
    margin-right: 4em;
}