/* CSS Document */

body {font-family: verdana, sans-serif; font-size: 100%; color: #000000;
	background-image: url(images/bighomesplash.jpg); background-attachment:fixed; background-size: 100% 100%; background-origin: content-box;  background-repeat: no-repeat;
	margin: 0;  padding: 0;  color: #000;}
/* 16 px, this % + em size method works better across browsers, see http://alistapart.com/article/howtosizetextincss*/
	
div.container {width: 90%; min-width: 780px; margin: 0 auto; display: block}
    
div#content {padding: 0; width: 68%;  float: left; margin: 0; display: inline-block} 

div.sidebar2 {float: right; clear: right; width: 16%; background-color: #CA9; padding-bottom: 2px; display: inline-block; }
			 
footer {width: 68%; margin: 0 auto; font-size:0.7em; position: relative; clear: both}

/* To help older browsers interpret HTML5 maybe not needed?*/	
header, section, aside, nav, main, article, figure {display: block; }

div#bannerAll {width: 100%; display: inline-block; height: 90px; padding: 0; margin : 0; border: 0; }
	
div#bannerL {float: left; clear: left; width: 16%;  display: inline-block;}

div#bannerMid {float: left; clear: none; width: 68%;  display: inline-block; z-index: 1;}

div#bannerR {float: right; clear: right; width: 16%;  display: inline-block;}

h1.bannertext{font-size:1.5em; color: #FCED30; position: relative; text-align:center; top: -70px; z-index: 2;} 

div#cross_strip {float: left; clear: both; width: 100%; height: 5px; padding: 0; margin: 0; border: 0; display : block;}

div#sidebar1 {float: left; clear: left; width: 16%; padding-bottom: 2px; margin: 0; background-color : #CA9; display: inline-block;}

script {display: none;} 

ul, ol, dl {padding: 0;  margin: 0;}

h1, h3, h4, h5, h6, p {margin-top: 0px; padding-right: 10px;   padding-left: 10px; display: block;}
h2 {margin-top: 10px; padding-right: 10px;   padding-left: 10px}

p {
  display: block;
  font-size: 0.875em; /* 14 px */
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.ital {font-style: italic;}
.large {font-size: large;}
.medium {font-size: medium;}
.small {font-size: small;}
.x-small {font-size: x-small;}
.notVisibleText {
	color: #FFFFFF;
	text-decoration: none;
}


 table {
  width: 98%;
  position: relative;
  left: 1%;
  border-collapse: collapse; 
  margin-top: 10px;
}
th, td {
  border: 1px solid black;
  padding: 5px; 
}

th {text-align: center;}

table.mytable td {border: none;  } 

div#Fullcontent {float: left; width: 90%;  display: inline-block; text-align: left;}
div#Lcontent {float: left; width: 50%;  display: inline-block; text-align: left;}
div#Ccontent {float: left; width: 50%;  display: inline-block; text-align: center;}
div#Rcontent {float: left; width: 50%;  display: inline-block; text-align: right; margin: 20px 0px}
	
p.smallerfont{font-size:0.7em;} /* 11 px */
p.largerfont{font-size:1.0em;}		/* 16 px */
p.poemtitle{font-size:1.2em; margin-bottom:2px; text-align: center;}
p.poemauthor{font-size:1.0em; text-align: center;}	/* 14 px */
p.fonttext{color:#005000; font-size: 1.0em; text-align:center; font-family:"Comic Sans MS"; padding:5px 15px;}

div#poemheader {text-align:center; font-family:"Lucida Handwriting",Verdana;  margin-top:10px; margin-bottom:10px; color:#AD8EE1; line-height:150%; }
div#poemsheet {  font-family:"Lucida Handwriting",Verdana; color:#0000FF;  font-size:1.0em; line-height:150%; margin: 10px 40px;  background-image: url(images/revhomesplash.jpg);  }

/* text-align:center; position:relative; padding: 15px 50px; */
/* a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;} 
a:hover, a:focus {text-decoration: none;}  */



ul.level1 {list-style-image: url("images/Leaf1.gif"); font-size: medium;padding : 10px 12px 15px 30px;}
ul.level2 {list-style-image: url("images/Leaf2.gif"); font-size: medium; padding : 10px 10px 15px 30px;}
ul.level3 {list-style-image: url("images/Leaf3.gif"); font-size: small; padding: 10px 10px 15px 30px;}
ul.fountain {color:#005000; list-style-image: url("images/Leaf1.gif"); font-size: 1.0em; align:center; font-family:"Comic Sans MS"; padding:5px 70px;}
ul.tatton {color:#005000; list-style-image: url("images/Leaf1.gif"); font-size: 0.8em; align:center; font-family:"Comic Sans MS"; padding:5px 5px 5px 25px;}

.content ol {padding: 10px 10px 15px 30px;}
ol.separated li{padding-bottom:6px; list-style-type: lower-roman; font-size: small}

ul.nav {list-style: none; border-top: 1px solid #666;  margin-bottom: 1px;}

ul.nav li {border-bottom: 1px solid #666;}

ul.nav a {padding: 3px 5px 3px 10px; display: block; text-decoration: none; color: #000;  background-color: #FFD5CC;}
ul.nav a:visited {background-color: #E2B8A9;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {color: #FFFA3E; background-color: #CAC;}

ul.nav a.sidebar2 {padding: 0;}
ul.nav li.sidebar2item {padding: 1px 5px 1px 10px;}
ul.nav li.poem {padding: 1px 5px 1px 10px; font-size:0.75em; border-bottom:none;}
ul.nav li.author {padding: 1px 5px 1px 10px; text-align:right; font-size:0.625em; border-bottom:1px solid #666;}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {float: right; margin-left: 10px; margin-right: 10px;}

.fltlft { float: left; margin-right: 8px;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

.spansmall {width:200px; display:inline}
.spanlarge {width:600px; display:inline;}