/* Main CSS Document for Judith W. Page's website */
/* Designed by Zach Whalen; Copyleft 2005 Zach Whalen */


body {
	background: url("images/rabbit.gif");
	text-align:center;
	min-height:100%;
    background-attachment: fixed;
	font-size: 1em;
}

/* General Rules */

a img { 
	border: 0;
}
div,p,ul,li,h1,h2 {
	margin: 0;
	padding: 0;
}


/**** Main Layout ****/
#contain {
	/*front page container */
	width: 85%;
	border: 28px solid #146;
        background: #fffef9 url("images/right-bg.jpg") top right repeat-y;
        margin: 0 auto;
	min-height: 400px;
	text-align:left;
}
* html body #contain {height: 400px;} /* IE min-height hack */

div#inner-contain {
	/* Inner page container */
     	width: 95%;
     	border: 15px solid #146;
     	background: #fffef9 url("images/right-bg.jpg") top right repeat-y;
     	position:relative;
     	margin: 0 auto;
     	text-align:left;
}

div.ic1 {
        background: transparent url("images/left-bg.jpg") top left repeat-y;
}
div.tr {
   	position:absolute;
   	height: 150px;
   	width: 377px;
   	top: 0;
   	right: 0;
   	left: auto;
   	bottom: auto;
}

#foot {
	background-color: #666;
	border-top: 1px dotted black;
	z-index: 35;
	clear:both;
	color: white;
}
* html body #foot { height: 1px;} /* Not sure what IE's problem was, but this fixed it. */

#foot p {
	padding: .5em;
	text-align: center;
	font-size: .85em;
}

#foot p a {
	color: white;
}
p.f1 {
	float:left;
	position:relative;
}
p.f2 {
	float:right;
	position:relative;
}

h1#title {
	width: 412px;
	height: 161px;
	background: transparent url("images/title.png") top left no-repeat;
	margin:0;
	padding:0;
	text-align:left;
	position:absolute;
}
h1#title a {
	position:absolute;
	top: 56px;
	width: 400px;
	height: 61px;
	text-indent: -9000px;
	text-decoration: none;
}
div.prop {
	height: 161px;
}
#contain h1#title {
	text-indent: -9000px;
}
#content {
	background: transparent url("images/cont3.gif") top left no-repeat;
	min-height: 280px;	
	text-align: left;
	padding-left: 140px;
    position:relative;
}
#content p.splash {
	padding-top:3em;
	text-align:left;
	font-weight: bold;
	margin:0;
	font-size: 1em;
}
* html body #content {height: 280px;}

/**** Image Replace for Front Page Navigation ****/

ul.mainNav {
	float:right;
	/*position:absolute;*/
	right: 0;
	left: auto;
	bottom: auto;
	text-align:left;
	margin:0;
	padding:0;
	width: 265px;
	height: 230px;
	background: transparent url("images/main-nav.png") top right no-repeat;
	font-size: 12px;
}
ul.mainNav li {
	list-style: none;
	font-size: 2em;
	display:block;
    position:relative;
	width: 180px;
	height: 47px;
	margin-left: 57px;
	background-color: transparent;
}
ul.mainNav li#m1 {
	margin-top: 60px;
}
ul.mainNav li#m2 {
    margin-top: 0px;
}
ul.mainNav li#m3 {
    margin-top: 0px;
}
ul.mainNav li a {
	display: block;
	text-decoration: none;
    width: 180px;
	height: 47px;
	text-indent: -9999px;
	background-color: transparent;
}
ul.mainNav li#m1 a:hover { background: transparent url("images/main-nav.png") -57px -290px no-repeat;}
ul.mainNav li#m2 a:hover { background: transparent url("images/main-nav.png") -57px -337px no-repeat;}
ul.mainNav li#m3 a:hover { background: transparent url("images/main-nav.png") -57px -384px no-repeat;}



/**** Regular Links ****/

a:link {
	color: #174f15;
}

a:visited {
	color: #0a2209;
}
a:hover {
	color: #2c9928;
	text-decoration: none;
}
/**** Image Replace for Inner Pages ****/

ul#top-nav {
	display:block;
	list-style: none;
	background-image: url("images/top-nav.png");
	width: 377px;
	height: 57px;
	margin: 0;
	padding:0;
	margin-top: 52px;
}
ul#top-nav li {
	list-style: none;
}
ul#top-nav li a {
	text-indent:-9000px;
	text-decoration: none;
}
li#n1 a {
	display: block;
	width: 100px;
	height: 57px;
	position:absolute;
	top:52px;
	left:93px;
	right: auto;
	bottom:auto;

}	
li#n2 a {
	display: block;
	position:absolute;
	top:52px;
	left:193px;
	right: auto;
	bottom: auto;
	width: 100px;
	height: 57px;

}
li#n3 a {
	display: block;
	position:absolute;
	top:52px;
	left:295px;
	right: auto;
	bottom: auto;
	width: 68px;
	height: 57px;
}
li#n1 a:hover {background: transparent url("images/top-nav.png") -93px -60px no-repeat;}
li#n2 a:hover {background: transparent url("images/top-nav.png") -193px -60px no-repeat;}
li#n3 a:hover {background: transparent url("images/top-nav.png") -295px -60px no-repeat;}

/**** Main Content Styles ****/

#content h3 {
	margin: 0;
	margin-top: 1em;
}
#content h4 {
	margin: 0;
	margin-top: 1em;
}
#content h2 {
	margin:0;
	margin-top: 1em;
}
#content p {
	margin-top: 1em;
	margin-right: 8em;
}
#content table {
	margin-top: 1em;
	margin-right: 8em;
}
#content table tr td {
	vertical-align: top;
}
#content table tr td h4 {
	margin:0;	
}
ul.norm {
	margin-top: .3em;
	margin-right: 8em;
}
ul.norm li {
	margin-left: 2em;
	list-style-type: square;
}
div.caption {
	float:right;
	margin: 1.5em;
	margin-top:0;
	padding: 1em;
	border: 1px solid gray;
}

/**** These are probably obsolete, but we'll keep them here just in case ****/

div.bl {
   position:absolute;
   width: 200px;
   height: 200px;
   top: auto;
   right: auto;
   left: 0;
   bottom: 0;
   background: transparent url("images/bg.jpg") bottom left no-repeat;
}
div.top {
   width: 100%;
   top: 0;
   right: auto;
   left: auto;
   bottom: auto;
}
div.br {
   position:absolute;
   width: 200px;
   height: 200px;
   top: auto;
   right: 0;
   left: auto;
   bottom: 0;
   background: transparent url("images/bg.jpg") bottom right no-repeat;
}

dt {
	font-weight: bold;
}
.epigraph {
	font-style: italic;
	margin-left: 3em;
	margin-right: 3em;
}