@import url("general.css");

html {
	text-align: center;
}

body {
	font: 85%  "Lucida Grande", "Lucida Sans Unicode", Verdana, "Trebuchet MS", sans-serif;
	padding-top: 20px;
	position: relative;
	width: 700px;
	margin: 0 auto;
	text-align: left;
}


/* Header */

div#header {
	position: relative;
	width: 100%;
	height: 196px;
	background: transparent url(../images/header.png) no-repeat;
}

div#header h1, /* div#content h2, */ div#nav_topics h3 {
	text-indent: -9999px;
}


/* Navigating site features */

div#nav_features {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 196px;
}

div#nav_features h3 { 
	text-indent: -9999px;
}

div#nav_features ul {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
}

div#nav_features li {
	display: inline;
	color: #FFF;

}

div#nav_features ul a:link, #nav_features ul a:visited, #nav_features ul a:active {
	color: #FFF;
}

div#nav_features ul a:hover {
	color: #9FCB7E;
}



/* Main */

div#main {
	position: relative;
	width: 100%;
	height: 450px;
	background-image: url(../images/bar.gif);
	background-position: top right;
	background-repeat: repeat-y;
}


/* Content */

div#content {
	position: absolute;
	left: 0%;
	width: 75%;
	height: 450px;
	background-image: url(../images/bar.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 1em 0;
}

div#content h2 {
/*	position: absolute; */
	font-size: 120%;
	margin: 0 20px 0.3em;
	color: #4B7A50;

}

div#content li {
	list-style-type: disc;
	margin: 0 20px 0.3em;
}

div#content a:link, div#content a:hover, div#content a:visited, div#content a:active {
	color: #4B7A50;
	text-decoration: underline;
}

.image_float {
	float: right;
	margin: 0 15px 15px 25px;
}

/* Navigating site topics */

div#nav_topics {
	position: absolute;
	left: 75%;
	width: 159px;
	background-color: #4B7A50;

}

div#nav_topics li {
	margin: 5px 0 10px 0;
}

div#nav_topics ul a:link, #nav_topics ul a:visited, div#nav_topics ul a:hover, #nav_topics ul a:active {
	color: #FFF;
}

div#nav_topics ul a:hover {
	color: #9FCB7E;
}


/* Footer */

div#footer {
	position: relative;
	width: 100%;
	height: 140px;
	font-size: 70%;
	
	background: transparent url(../images/footer.png) no-repeat; 
	background-color: #4B7A50;
	
}

div#footer h3 { 
	text-indent: -9999px;
}

div#footer p {
	margin: 0;
/*	padding-left: 10px;
*/	text-align: left;
}

.practice {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 85%;
	color: #FFF;
}

.copyright {
	position: absolute;
	right: 10px;
	bottom: -20px;
	color: #4B7A50;
}

div#footer img {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 68px;
	height: 37px
}

.indent {
	margin: 0 80px .75em;
}

p, ul {
	margin: 0 20px .75em;
}