body {
	background: #fff url(images/body_bg.png) repeat-x left top;
	font: normal 12px/18px arial, verdana, sans-serif;
}

/************************
 * Global styling
 ************************/
a {
	color: #45004B;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

h2 {
	font: normal 18px Georgia;
	color: #f20017;
	margin-bottom: 7px;
}

h3 {
	font-size: 16px;
	color: #050505;
	padding-bottom: 5px;
	border-bottom: 2px solid #b1b3b6;
	font-weight: bold;
	margin-bottom: 10px;
}

hr {
	border: 0;
	height: 0;
	border-top: 2px solid #b1b3b6;
}

img.floated_image {
	margin-left: 14px;
	float: right;
}
img.floated_imageleft { float: left; margin-right: 14px; }
p {
	color: #333333;
	margin-bottom: 15px;
}

p#jump_links { text-align: right; font-size: 11px; font-weight: bold;}

/************************
 * Layout
 ************************/
#container,
.container {
	width: 925px;
	margin: 0 auto;
	overflow: hidden;
}
/************************
 * Header
 ************************/
#header {
	background: url(images/header_bg.png) no-repeat left top;
	height: 196px;
}

#header h1,
#header h1 a {
	display: block;
	float: left;	
	width: 238px;
	height: 196px;
}

#header h1 a {
	text-indent: -9999px;
}

ul#supernav {
	margin-top: 25px;
	float: right;
	height: 16px;
}

ul#supernav li,
ul#supernav li a {
	float: left;
	display: block;
	height: 16px;
}

ul#supernav li a { margin-left: 12px; text-indent: -9999px; }

ul#supernav li a#home {
	background: url(images/home.png) no-repeat left top;
	width: 59px;
}

ul#supernav li a#contact {
	background: url(images/contact.png) no-repeat left top;
	width: 82px;
}

ul#supernav li a#about {
	background: url(images/instructor.png) no-repeat left top;
	width: 100px;
}

ul#supernav li a#home:hover,
ul#supernav li a#about:hover,
ul#supernav li a#contact:hover { background-position: 0 -16px; }

/************************
 * Navigation
 ************************/
ul#nav {
	display: block;
	height: 40px;
}

ul#nav li,
ul#nav li a {
	float: left;
	display: block;
	height: 40px;
}

ul#nav li a:hover { background-position: 0 -40px; }

ul#nav li a { text-indent: -9999px; margin-right: 1px; }

ul#nav li a#family { background: url(images/family.png) no-repeat 0 0; width:80px; }
#container #content #main {
	float: left;
	width: 610px;
}
ul#nav li a#hobbies { background: url(images/hobbies.png) no-repeat 0 0; width:93px; }
ul#nav li a#genealogy { background: url(images/genealogy.png) no-repeat 0 0; width:111px; }
ul#nav li a#computer { background: url(images/computer.png) no-repeat; width:260px; }
ul#nav li a#science { background: url(images/science.png) no-repeat 0 0; width:86px; }
ul#nav li a#math { background: url(images/gardening.png) no-repeat; width:110px; }
ul#nav li a#social_studies { background: url(images/social_studies.png) no-repeat 0 0; width:138px; }

ul#nav li a#family:hover,
ul#nav li a#hobbies:hover,
ul#nav li a#genealogy:hover,
ul#nav li a#computer:hover,
ul#nav li a#science:hover,
ul#nav li a#math:hover,
ul#nav li a#social_studies:hover,
ul#nav li#active a#family,
ul#nav li#active a#hobbies,
ul#nav li#active a#genealogy,
ul#nav li#active a#computer,
ul#nav li#active a#science,
ul#nav li#active a#math,
ul#nav li#active a#social_studies { background-position: 0 -40px; }

/************************
 * Content
 ************************/
#content {
	padding: 27px 27px 27px 14px;
	clear: both;
	overflow: hidden;
	width: 881px;
}
 
#content iframe { width: 610px; height: 800px; float: left; padding-top: 10px; border-top-color: #b1b3b6; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
img#history_header {
	margin-bottom: 20px;
}
#sidebar {
	float: right;
	width: 244px;
	overflow: hidden;
	margin-top: 5px;
	padding-top: 5px;
	font-weight: normal;
	text-decoration: none;
}

#sidebar ul {
	margin-bottom: 27px;
	font-weight: normal;
	text-decoration: none;
}

#sidebar ul li a {
	font-size: 14px;
	font-weight: normal;
	color: #520059;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #c9d9de;
	padding: 3px 0 3px 10px;
}

#sidebar ul li.last a { border: 0; }

#sidebar ul li a:hover,
#sidebar ul li a.active {
	background: url(images/sidebar_hover.png) repeat-y left top;
}

* html #sidebar ul li a { height: 1%; }

a#contact_me { background-image: url(images/contact_me.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; border: 0; text-indent: -9999px; width: 207px; height: 41px; padding-bottom: 20px; cursor: pointer; }
div#content #columntext {
width : 550px;
height : auto;
margin : 0;
padding : 10px 20px 0 0;
float : left;
}
/************************
 * Footer
 ************************/
#footer { clear: both; color: #8a8a8a; font-size: 9px; line-height: 11px; background: url(images/footer_bg1.png) no-repeat center top; padding-top: 25px; }