html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font-family: "trebuchet ms", verdana, tahoma, arial, sans-serif; 
	font-size: small; 
	line-height: 140%; 
	color: #fff; 
	background: #3c4043; 
	} 

.inner  { 
	width: 880px; 
	margin: 0 auto; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	height: 100px; 
	background: url(images/header.gif) repeat-x 0 0; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	margin: 20px 0 0 0; 
	} 

#container  { 
	float: left; 
	width: 820px; 
	padding: 10px 30px 0 30px; 
	color: #3c4043; /* background grey */ 
	background: #fff url(images/maintop.gif) no-repeat 0 0; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	font-size: 90%; 
	padding: 85px 0 20px 0; 
	background: url(images/mainbottom.gif) no-repeat 50% 0; 
	} 

#dallats, 
#publications, 
#poem  { 
	float: left; 
	width: 420px; 
	} 

#homepoem, 
#poemlist  { 
	float: right; 
	width: 370px; 
	margin: 20px 0 0 0; 
	padding: 0 0 10px 0; 
	background: #f2f2f4 url(images/bottom370.gif) no-repeat 0 100%; 
	} 




/* << navigation menu >> */ 


ul#nav  { 
	float: right; 
	width: 630px; 
	height: 100px; 
	line-height: 100px; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	} 

ul#nav li  { 
	float: left; 
	width: 90px; 
	padding: 0; 
	text-align: center; 
	} 

#nav a  { 
	float: left; 
	width: 90px; 
	height: 90px; 
	display: block; 
	margin: 0; 
	padding: 10px 0 0 0; 
	color: #fff; 
	font-variant: small-caps; 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #f8df09; /* bright yellow */ 
	background: url(images/navhover.gif) no-repeat 0 0; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index ul#nav li#navindex a, 
body#events ul#nav li#navevents a, 
body#poetry ul#nav li#navpoetry a, 
body#arts ul#nav li#navarts a, 
body#music ul#nav li#navmusic a, 
body#links ul#nav li#navlinks a, 
body#contact ul#nav li#navcontact a  { 
	color: #f8df09; /* bright yellow */ 
	background: url(images/navarrow.png) no-repeat 50% 100%; 
	} 

body#index ul#nav li#navindex a:hover, 
body#events ul#nav li#navevents a:hover, 
body#poetry ul#nav li#navpoetry a:hover, 
body#arts ul#nav li#navarts a:hover, 
body#music ul#nav li#navmusic a:hover, 
body#links ul#nav li#navlinks a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	color: #f8df09; /* bright yellow */ 
	background: url(images/navarrow.png) no-repeat 50% 100%; 
	cursor: default; 
	} 





/* << other links >> */ 


a:link  { 
	color: #e87d15; 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #e87d15; 
	text-decoration: none; 
	} 

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

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1b3aac; 
	} 

#siteinfo a:hover  { 
	color: #f8df09; /* bright yellow */ 
	} 

p#newsletter a  { 
	position: absolute; 
	top: 0; 
	left: 285px; 
	width: 250px; 
	height: 26px; 
	text-indent: -5000px; 
	text-decoration: none; 
	background: url(images/signup.png) no-repeat 0 0; 
	} 

p#newsletter a:hover  { 
	text-decoration: none; 
	background: url(images/signup.png) no-repeat 0 -26px; 
	} 




/* << headers >> */ 


h1  { 
	float: left; 
	width: 250px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1.gif) no-repeat 0 0;   
	} 

h2  { 
	margin: 0 0 5px 0; 
	padding: 5px 0; 
	line-height: 140%; 
	font-size: 200%; 
	line-height: 150%; 
	font-weight: normal; 
	color: #b60608; /* header red */ 
	border-bottom: 1px solid #3c4043; /* background & text grey */ 
	} 


h3  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 160%; 
	line-height: 140%; 
	font-weight: normal; 
	color: #b60608; 
	} 

#homepoem h3, 
ul#poemexcerpts h3, 
#poemlist h3  { 
	width: 330px; 
	padding: 15px 20px 0 20px; 
	background: #f2f2f4 url(images/top370.gif) no-repeat 0 0; 
	} 

h4  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 130%; 
	line-height: 130%; 
	font-weight: normal; 
	} 

h5  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 130%; 
	line-height: 140%; 
	font-weight: normal; 
	} 




/* << paragraphs >> */ 


p  { 
	margin: 0.8em 0 0 0; 
	padding: 0; 
	} 

#siteinfo p  { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	} 

#homepoem p, 
ul#poemexcerpts p, 
#poemlist p  { 
	width: 330px; 
	padding: 10px 20px 0 20px; 
	} 

p.attribution  { 
	font-style: italic; 
	} 

p.readmore  { 
	margin: 0; 
	font-style: italic; 
	} 

p#newsletter  { 
	float: left; 
	width: 100%; 
	height: 26px; 
	position: relative; 
	margin: 2em 0 0 0; 
	padding: 0; 
	} 





/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style: disc; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding: 1em 0; 
	line-height: 140%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0.5em 0; 
	padding: 0 1em 0 0; 
	} 

ul#poemexcerpts  { 
	float: right; 
	width: 370px; 
	padding: 0; 
	list-style: none; 
	} 

ul#poemexcerpts li  { 
	margin: 20px 0 0 0; 
	padding: 0 0 10px 0; 
	background: #f2f2f4 url(images/bottom370.gif) no-repeat 0 100%; 
	} 

#poemlist ul  { 
	float: right; 
	width: 330px; 
	padding: 0 0 10px 20px; 
	} 

ul#photos  { 
	float: right; 
	width: 400px; 
	margin: 20px 0 20px 20px; 
	list-style: none; 
	} 





/* << newsletter form >> */ 



form  { 
	float: left; 
	width: 100%; 
	margin: 10px 0; 
	padding: 0; 
	} 

form div  { 
	margin: 1em 0 0 0; 
	} 

form label  { 
	padding: 0 0.5em 0 0; 
	} 

form input  { 
	width: 300px; 
	padding: 2px; 
	} 

form .preferences input  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	} 

form input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

form input.submitform:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

form input:focus  { 
	color: #215021; /* green */ 
        background: #f6f9f5;  
	} 

textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

textarea:focus  { 
	color: #215021; /* green */ 
        background: #f6f9f5; 
	} 

input.validation-failed, 
textarea.validation-failed  { 
	border: 1px solid #007a89; 
	color: #b60608; 
	} 

input.validation-passed, 
textarea.validation-passed  { 
	border: 1px solid #69726c; 
	color : #69726c; 
	} 

.validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #b60608; /* red */ 
	color: #fff; 
	font-weight: bold; 
	} 




/* << minor, decorative elements >> */ 


img  { 
	float: left; 
	margin: 20px 30px; 
	padding: 3px; 
	background: #f2f2f4; 
	border: 1px solid #3c4043; /* body background grey */ 
	} 

body#index img  { 
	float: right; 
	margin: 0 0 20px 20px; 
	} 

#publications img  { 
	margin: 20px 0; 
	padding: 0; 
	border: none; 
	} 

ul#photos img  { 
	margin: 20px 0 10px 0; 
	} 

.ie6hack  { 
	float: left; 
	width: 100%; 
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #3c4043; 
	cursor: help; 
	}