/* Hickory Hill
Main CSS
Last modified 08/19/2005
 */

body {
	margin: 0;
	padding: 0;
	text-align: center; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height: 1.3em;
	background: #495142 url(../images/rose.jpg) top left; /* #EBECD2; */
	}
	
em { font-style: italic; }
strong { font-weight: bold; }


/* ----- [ header/nav ] -------------------------- */

#header {
	width:797px;
	height: 70px;
	padding:0;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/hd_bkgd_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav {
	position: relative;
	top: 71px; margin:0; height:24px;
	background-color: #415065;	
	font-family: georgia, "Times New Roman", times, helvetica;
	}

#nav ul, #nav li { margin:0;padding:0;display: inline;list-style-type: none; }

#nav a:link, #nav a:visited {
	float: left;
	font-size: 11px;
/*	font-weight: bold;	*/
	margin: 3px 9px 0 9px;
	text-decoration: none;
	border: none;
	color: #fff;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover { color: #BAB866; }


/* ----- [ headers ] --------------- */

#sh { position: relative; top: 70px; margin: 0; height: 30px; }

#homepage h3, #contact h3, #mission h3, #photo_gallery h3, #teachers_page h3, #timeline h3, #tom_watson h3, #tw_reader h3, #visit_us h3 { 
	position: relative;
	top: 71px;
	height: 30px; 
	text-indent: -8000px;
	margin: 0;
	padding: 0;
	}

#homepage h3 {
	background-image: url(../images/sh_homepage_2.jpg);
	background-repeat: no-repeat;
}
#contact h3 { background: url(../images/sh_contact_us.jpg) no-repeat; }
#mission h3 { background: url(../images/sh_mission.jpg) no-repeat; }
#photo_gallery h3 { background: url(../images/sh_photo_gallery.jpg) no-repeat; }
#teachers_page h3 { background: url(../images/sh_teachers_page.jpg) no-repeat; }
#timeline h3 { background: url(../images/sh_timeline.jpg) no-repeat; }
#tom_watson h3 { background: url(../images/sh_tom_watson.jpg) no-repeat; }
#tw_reader h3 { background: url(../images/sh_tw_reader.jpg) no-repeat; }
#visit_us h3 { background: url(../images/sh_visit_us.jpg) no-repeat; }



/* ----- [ content ] ---------------------------- */

#wrap {
	position: relative;
	padding: 0;
	font-size: 95%;
	text-align: left;
	width:797px;
	top: 55px;
	background: #EBECD2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
/*	background: url(../images/wrap_bkgd.png) top left repeat-y;		*/
	}

/* ---- [ main column ] -------------------------- */

#main {
	float: left;
	width: 540px;
	}

#content {
	margin: 25px 0;
	padding: 0 25px;
	color: #663922;
	}

#content ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 24px;
	}

#content ul li {
	padding: 0 0 4px 13px;
	line-height: 1.4em;
	background: url(../images/arrow.png) no-repeat 0 2px;
	}

#content .jumpto {
	padding: 0 0 4px 13px;
	background: url(../images/ico_arrow_red.gif) no-repeat 0 2px;
	}

#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 90%;
	line-height: 1.5em;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dt span {
	font-weight: normal;
	}
#content dl dd.insome {
	padding-left: 25px; 
	font-size; 88%;
	line-height: 1.2em;
	}
#content dl.books dd {
	margin: 0;
	padding: 0 0 1em 24px;
	line-height: 1.5em;
	}

#content img { border: none; margin: 7px; }

/* ----- right column ------------------------ */

#sidebar {
	position: absolute;
	top: 40px;
	margin-left: 580px;
	color: #630;
	width: 175px; 
	font-size: 90%;
	}

#sidebar h3 {
	margin: 30px 0 12px 0;
	padding: 5px 5px;
	color: #630;
	font-size: 120%;
	border: none;
	}

#sidebar p, #sidebar ul, #sidebar dl {
	margin: 4px 10px 4px 5px;
	padding: 0;
	list-style: none;
	}

#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 20px;
	line-height: 1.4em;
	background: url(../images/ico_leaf.png) no-repeat 0 3px;
	}
	
/* ----- [ footer ] ------------------------  */

#footer {
 display: block;
 padding: 0 0 0 20px;
 margin: 0;
/* text-align: center;	*/
/* background-color: #000;
 height: 24px;	*/
 width: 100%;
}

#footer a { font-size: x-small; color: #663922; }
#footer a:link, #footer a:visited { text-decoration: none; }
#footer a:hover { color: #331B0F; text-decoration: underline; }



/* ----- [ misc ] -----------------------------*/

div.spacer { clear:both; }