body
{
	font: 76% serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

html { min-height: 100%; margin-bottom: 1px; } <!-- force scroll bar -->

<!-- Headers and Defaults -->

h3
{
	font: serif;
	font-size: .9em;
	font-weight: 600;
	margin: 7px 5px 12px 10px;
}

h5
{
	font: serif;
	font-size: 1.5em;
	font-weight: 600;
	margin: 7px 5px 12px 10px;
	line-height: 1.5em;
}

h6
{
	font: serif;
	font-size: 1.2em;
	font-weight: 600;
	margin: 7px 5px 12px 10px;
	line-height: 1.5em;
}





ul {
	line-height: 1.3em;
}


p
{
	line-height: 1.3em;
	margin: 0 0 15px;
}

a
{
	color: #000033;
	font-weight: 700;
	text-decoration: underline;
}

a:hover
{
	color: #333333;
	text-decoration: underline;
}


dt
{
	font-weight: 700;
}

dd
{
	margin: 1px 0 12px 15px;
}



/* Objects */

#container
{

	border-left: 5px solid #000033;
	border-right: 5px solid #000033;
	border-top: 2px solid #000033;
	border-bottom: 2px solid #000033;
	
	background-color: #ccffff;
	margin: 0 auto;
	text-align: left;
	width: 752px;
}

#sitename
{
	border-top: 2px solid #000033;
	border-bottom: 2px solid #000033;
	border-left: 2px solid #000033;
	border-right: 2px solid #000033;
	
	background-color: #ffffcc;
	color: #330000;
	font-weight: 300;
	height: 60px;
	margin: 7px 10px 1px 10px;
	text-align: center;
}

#sitename h1
{
	font-size: 2em;
	margin: 0;
	padding-top: 10px;
}

#sitename h2
{
	font-size: 1em;
	margin: 0;
	padding-top: 7px;
}

#sitename span
{
	font-size: 1.6em;
	letter-spacing: -1px;
	margin: 0;
}

#nav
{
	float: left;
	width: 752px;
	min-height: 1px;
	color: solid black;
}

#nav ul
{
	list-style: none;
	margin: 0;
	padding: 5px;
}

#nav a
{
	display: block;
	font-size: 1.2em;
	letter-spacing: -1px;
	padding: 7px 20px 4px 11px;
	text-decoration: none;
	margin: 0 0 15px;
}

#nav a:hover
{
	color: #000000;
}

#nav li
{
	color: #000000;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 0 9px;
}

#nav #current
{
	color: #000000;
}

#nav #current a
{
	
	color: #000000;
	padding: 7px 20px 5px 11px;
}

#wrap1
{
	
	clear: both;
	padding-top: -5px;
	width: 770px;
}

#wrap2
{

	padding: 10px;
	width: 730px;
}

#header
{
	height: 30px;
	position: relative;
	width: 730px;
}

#header h1
{
	color: #000000;
	float: left;
	font-size: 1.4em;
	margin: 0;
	width: 180px;
}


#topbox
{
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
	border-left: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	
	padding-top: 5px;
	
	height: 20px;
	font-size: 1.1em;
	color: #ffffcc;
		
	background-color: #000033;
	margin: 0 0 0 0;
	text-align:right;
}

#topbox a
{
	vertical-align: middle;
	color: #ffffcc;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 7px;
	text-decoration: none;
}

#topbox a:hover
{
	text-decoration: underline;
}

#leftside
{

	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	
	background-color: #ffffcc;
	float: left;
	margin: 3px 0 0 0;
	width: 155px;
}

#leftside a
{

	text-decoration: none;
}


#leftside h1
{
	color: #330000;
	font-size: 1.4em;
	font-weight: 400;
	padding-left: 7px;
}

#rightside
{
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;

	font-size: 1.1em;
	background-color: #ffffcc;
	color: #330000;
	float: right;
	margin: 40px 5px 20px 0px;
	width: 130px;
}

#rightside h1
{
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 12px;
	padding-top: 7px;
	padding-left: 7px;
}

#rightside h2
{
	font-size: .9em;
	font-weight: 400;
	margin: 7px 5px 12px 10px;
	
}

#rightside p
{
	font-size: 0.9em;
	margin: 7px 5px 12px 10px;
}

#rightside img
{

	margin: 10px 0 5px 5px;
	padding: 2px;
}

#content
{
	color: #330000;
	margin: 45px 140px 0 165px;
	font-size: 1.2em;
	padding-right: 20px;
	padding-left: 6px;
}

#contentalt
{
	margin: 45px 15px 0 180px;
}

#content p,#contentalt p
{
	margin: 8px 0 0 10px;
}

#content h1,#contentalt h1
{
	color: #330000;
	font-size: 2em;
	font-weight: 400;
	margin: 15px 0 10px;
}

#content h2,#contentalt h2
{
	color: #330000;
	font-size: 1.5em;
	font-weight: 400;
	margin: 20px 0 10px;
	padding: 0;
}


#footer
{
	clear: both;
	color: #a0a0a0;
	font-size: 1em;
	height: 26px;
	margin-top: 20px;
	padding: 1px;
	text-align: right;
	width: 730px;
}

#footer a
{
	color: #a0a0a0;
	font-weight: 400;
}

#footer a:hover
{
	color: #a0a0a0;
	text-decoration: underline;
}



#bottompoem
{
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;

	font-size: 1em;
	background-color: #ffffcc;
	color: #330000;
	float: bottom;
	margin: 40px 15px 20px 0px;
	width: 200px;
}

#bottompoem h1
{
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 12px;
	padding-top: 7px;
	padding-left: 7px;
}

#bottompoem h2
{
	font-size: .9em;
	font-weight: 400;
	margin: 7px 5px 12px 10px;
	
}

#bottompoem p
{
	font-size: 0.9em;
	margin: 7px 5px 12px 10px;
}



<!-- Classes -->

.poemtext
{
	font: serif;
	font-size: 1em;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
}

.smallpoemtext
{
	font: serif;
	font-size: .8em;
	font-weight: 600;
	margin: 7px 5px 12px 10px;
	line-height: 1.6em;
}

.menublock
{
	color: #ffffcc;
	margin-bottom: 10px;
}

.nav
{
	color: #000033;
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 2px 2px 2px 10px;
	position: relative;
	text-decoration: none;
	width: 125px;
}

.nav:hover
{
		
	color: #333333;

}

.sub
{
	color: #000033;
	font-size: 0.9em;
	margin-left: 20px;
	padding: 1px 1px 1px 6px;
	width: 105px;
}

.sub:hover
{
		
	color: #333333;
	
}

.intro
{
	font-weight: 700;
}

.active
{
	border: 1px solid #00CCFF;
	padding: 1px 1px 1px 9px;
}

.box
{
	border-top: 1px solid #000000;
	color: #000000;
	margin: 15px auto;
	padding: 10px 10px 10px 20px;
	width: 75%;
}

.photo
{
	margin: 5px auto 15px;
	padding: 5px;
}

.smallcaps
{
	font-variant: small-caps;
}

.mini
{
	color: #000000;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.2em;
	margin: 20px 0 10px 8px;
}

.small
{
	font-size: 0.85em;
}

.large
{
	font-size: 1.4em;
}

.soft
{
	color: #808080;
}

.normal
{
	font-weight: 400;
}

.sharp
{
	color: #101010;
}

.center
{
	text-align: center;
}

.hide
{
	display: none;
}


	
.menulist 
{
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
	
	font-size: 1.1em;
	line-height: 1.5em;
}
	
.boxedtext
{
	font: serif;
	font-size: .9em;
	font-weight: 600;
	margin: 0px 20px 12px 20px;
	
	border-left: 1px solid #000033;
	border-right: 1px solid #000033;
	border-top: 1px solid #000033;
	border-bottom: 1px solid #000033;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	
	background-color: #ffffcc;
	color: #330000;
	line-height: 1.6em; 

}

.boxedtext:link {
 text-decoration: underline; 
}

.boxedtext2
{
	font: serif;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0px 50px 12px 40px;
	
	border-left: 2px solid #ffffcc;
	border-right: 2px solid #ffffcc;
	border-top: 2px solid #ffffcc;
	border-bottom: 2px solid #ffffcc;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	
	background-color: #330000;
	color: #ffffcc;
	line-height: 1.6em; 
	text-align: left;

}