/* CSS Stylesheet */

body {margin: 0; padding: 5em 1em 1em 10em;
	color: #000;
	background: #fff;
	font-size: 1em;
	}
  
div#header {position:absolute; left:0px; overflow: hidden;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 5em;
	border-bottom: 1px solid #000;
	text-align: Center; 
	line-height: 2.2em;
	background-color: RGB(255,255,255); 
	}
.headLarge {
	margin:0px 80px 0px 110px;
	font-family:Cursive;
	font-size:1.5em;
	font-weight:bold; 
	font-style:italic;
	text-align:Center;
	color: RGB(0, 0, 220); 
/*	background-color: RGB(100, 200, 255); */
	background-color: RGB(146, 207, 235); 
	}

div#sidebar {position:absolute; left:0px; overflow: auto;
	top: 4.9em;
	bottom: 0;
	width: 9em;
	margin: 1px 0 0 0;
	border-right: 1px solid #000;
	color: #000;
	background-color: RGB(146, 207, 235); 
	}
.indexText {font-family:Cursive; font-weight:bold; font-style:italic; 
color:Black; padding-left:6px; }

div#sidebar a {display: block; padding-left: 1.2em; }
div#sidebar a, #linkIndex a:link {text-decoration:underline; color:Black; }
div#sidebar a:visited {text-decoration:none}
div#sidebar a:hover {background-color:#d0f0ff; opacity:1;}


div#adds {
  position: absolute;
  right: 0;
  margin-right: 5px;
  width: 150px;
}


div#content {
        position: static;
/* 	width:90%;
	padding:40px; 
	height: 80%;  
	margin-right: 160px; - leave room for adds */
	overflow: auto;
	margin-right: 00px;
	}


@media screen {body>div#header,	body>div#sidebar
		{position: fixed;
		}
	/* Ugly fix for page anchors */
	ol>li#dog3 {
		margin-top: -2.1em;
		padding-top: 2.1em;
		}
	}

BR#clearLeft { clear: Left }
BR#clearRight { clear: Right }

img#left {margin: 0px 15px 0px 0px;}
img#right {margin: 0px 0px 0px 15px;}