body {

	font-family: serif, times, roman; 
	font-size: 100%;
	color: #000;
	background-color: #0000FF;
}

/* Hides from IE-mac \*/
* html .ie6 {height: 1%;}
/* End hide from IE-mac */

h1 {
	color: #000;
	font-size: 175%;
	margin: 0;
}

h2 {
	color: #000;
	font-size: 150%;
	margin: 0;
}

h3 {
	color: #000;
	font-size: 125%;
	margin: 0;
	padding-top: .5em;
}

h4 {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

h5 {
	color: #000;
	font-size: 75%;
	font-weight: normal;
	margin: 0;
}

a {	
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #0000ff;
}

a:hover, a:active {
	text-decoration: none;
	font-weight: bold;
	color: #960014;
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #A84303;
}

em {	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

li {	position: relative;
	left: 10px;
}

#container {
	position: relative;
	z-index: 0;
	margin-right: auto;
	margin-left: auto;

}

#index {
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 160px;
	width: 140px;
}

#content {
	position: relative;
	overflow: auto;
	z-index: 2;
	margin-top: -50px;
	margin-bottom: 10px;
	margin-left: 160px;
	padding: 20px;
	width: 540px;
	color: #000;
	background: #FFF;
	border: 2px solid #000;
}


#content a:link {
	text-decoration: none;
	font-weight: bold;
	color: #0000ff;
}

#content a:hover, a:active {
	text-decoration: none;
	font-weight: bold;
	color: #960014;
}

#content a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #A84303;
}


#rightcolumn {	
		position: relative;
		width: 200px;
		background: #FFF;
		text-align: left;
		padding-right: 8px;
		padding-left: 8px;
		padding-bottom: 5px;
		padding-top: 5px;
		clear: both;
}

#leftcolumn {	
		position: relative;
		width: 280px;
		background: #FFF;
		text-align: left;
		padding-right: 8px;
		padding-left: 8px;
		padding-bottom: 5px;
		padding-top: 5px;
		clear: both;
}


#rightside {	
		width: 200px;
		background: #FFF;
		margin-left: 12px;
		margin-bottom: 5px;
		float: right;
}

#leftside {	
		width: 200px;
		background: #FFF;
		margin-right: 12px;
		margin-bottom: 5px;
		float: left;
}

#simple {	
		width: auto;
		background: #FFF;
}

#pullout {	
		width: 250px;
		background: #FFF;
		margin-left: 15px;
		margin-bottom: 10px;
		padding: 10px;
		float: right;
		border: 2px solid #A84303;
}

#pullout150 {	
		width: 130px;
		background: #FFF;
		margin-left: 15px;
		margin-bottom: 10px;
		padding: 10px;
		float: right;
		border: 2px solid #A84303;
}

#rightinline	{
		width: auto;
		position: relative;
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: right;
}

#leftinline	{
		width: auto;
		position: relative;
		margin-right: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
}

#footer {
	position: relative;
	z-index: 1;
	height: 163px;
	width: 285px;
	background: url(map-rose.gif) no-repeat left;
	margin-left: 0px;
	margin-top: -50px;
	margin-bottom: 0px;
	clear: both;
}

#logo	{
	position: relative;
	z-index: 1;
	height: 155px;
	width: 300px;
	background: url(rose-only.gif) no-repeat left;
	clear: both;
}


#boxtop {
	width: auto;
	text-align: left;
	background: #FFF;
	padding: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border-top: 1px solid #A84303;
	border-left: 1px solid #A84303;
	border-right: 1px solid #A84303;
	font-family: serif, times, roman;
	clear: both;
}

#boxbottom {
	width: auto;
	text-align: left;
	background: #FFF;
	padding: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #A84303;
	font-family: serif, times, roman;
	clear: both;
}


#frame {
	width: 200px;
	background: #FFF;
	padding: 5px;
	margin: 0px;
}


#script-page {
	position: relative;
	z-index: 2;
	margin-top: -50px;
	margin-bottom: 10px;
	margin-left: 160px;
	padding: 20px;
	width: 540px;
	color: #000;
	background: #FFF;
	border: 2px solid #000;
}


#titletop {
	width: auto;
	background: #FFF;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	border-top: 1px solid #A84303;
	border-left: 1px solid #A84303;
	border-right: 1px solid #A84303;
	font-family: serif, times, roman;
	clear: both;
	text-align: center;
}

#titlebottom {
	width: auto;
	background: #FFF;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #A84303;
	font-family: serif, times, roman;
	clear: both;
	text-align: center;
}


#form {
	font-size: 75%;
	margin: 0;
}

.caption {
	font-size: 75%;
	margin: 0;
}

.hide {display:none;}

.indent {text-indent: 20px;}

.bump {margin-left: 20px;}
	
.right {
		position: relative;
		margin-left: 10px;
		margin-bottom: 5px;
		margin-top: 5px;
		float: right;
}

.left {
		position: relative;
		margin-right: 10px;
		margin-bottom: 5px;
		margin-top: 5px;
		float: left;
}

.border	{border: 1px solid #000;}

.pad		{padding: 10px;}

.borderpad	{border: 1px solid #000;  padding: 10px;}

.redbox	{border: 4px solid #A84303;  padding: 10px;}

.char {
	position: relative;
	margin-top: 1em;
	margin-left: 175px;
	font-family: courier;
}

.par {
	position: relative;
	margin-top: 0;
	margin-left: 150px;
	margin-right: 150px;
	font-family: courier;
}

.dia {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0;
	font-family: courier;
}

.act {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 225px;
	margin-right: 30px;
	font-family: courier;
}


SPAN.TreeviewSpanArea A {
	    	font-size: 100%; 
	    	font-family: serif, times, roman; 
		font-weight: bold;
		text-decoration: none;
		color: #0000C0;
		line-height: 1.2;
}


SPAN.TreeviewSpanArea A:hover {
	    	font-size: 100%; 
	    	font-family: serif, times, roman; 
		font-weight: bold;
		text-decoration: underline;
		color: #0000C0;
		line-height: 1.2;
}




<!-- These are ideas I've toyed with; I may try them again some day. -->

#endcap {
	position: relative;
	width: 700px;
	height: 150px;
	margin-bottom: 5px;
	background: url(endcap.gif) no-repeat center;
}

#fade-foot {
	position: relative;
	width: 700px;
	height: 79px;
	background: url(fade-foot.jpg) no-repeat center;
}

<!--------->