/* the bit that does the work */

body {

	margin: 0;

	border: 0;

	padding: 0;

	height: 100%; 

	max-height: 100%; 

	font: 12px/150% "Lucida Grande", "Lucida Sans Unicode",Arial,Helvetica,sans-serif;

	line-height: 150%;

	overflow: hidden;

	

}



/* for internet explorer */

* html body {

	padding: 30px 0 85px 0;

	height: 100%;

	overflow: auto; 

}



body {

	background: #dad0c1 url(images/river_of_words_background.jpg) bottom left fixed no-repeat;

}



.clear {

	clear: both;

}



#container {

	padding: 0 0 85px 15px;

	position: fixed; 

	top: 30px;

	left: 0;

	bottom: 85px; 

	right: 0; 

	overflow: auto;

}



#content {

	width: 515px;

	margin-left: 45px;

}



* html #container {

	height: 100%; 

	width: 100%; 

}



#top {

	text-align: right;

	position: absolute; 

	top: 0; 

	left: 0; 

	width: 100%; 

	height: 30px; 

	overflow: hidden; 

	background: #53829d;

}



* html #header {

	height: 30px;

}



#footer {

	position: absolute; 

	bottom: 0; 

	left: 0;

	width: 100%; 

	height: 85px; 

	overflow: hidden; 

	background: #73a2bd;

}



* html #footer {

	height: 85px;

}

/* end of bit that does the work */



#top p {

	display: block;

	float: right;

	margin: 0 2px;

	font: normal 12px/28px "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;

	text-align: right;

	letter-spacing: 1px;

	color: white;

}



/* START HEADER CSS */

.replace { 

	position: relative;

	overflow: hidden;

	margin: 0;

	padding: 0;

	font-size: 10px;

}



.replace em {

	display: block;

	position: absolute;

	top: 0; 

	/*

	left: 0;

	*/

	z-index: 1;	/* for opera5 (?) and o6/mac */

}



* html>body	.replace { 

	position: static;

	overflow: visible;

	font-size: 10px;

}



* html>body	.replace em  { 

	position: static;

}



* html>body	.replace a {

	text-decoration: none;

}



#myh1, #myh1 em {

	width: 390px;

	height: 51px;

	background: url(images/michigan_river_of_words.jpg) top left no-repeat;

	margin: 0 0 15px 0;

}



* html>body #myh1 em {

	margin-bottom: -63px;

}

/* END HEADER CSS BEGIN NAVIGATION CSS */



#navcontainer ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	position: absolute;

	top: 40px;

	left: 620px;

}



#navcontainer li {

	margin: 0 0 10px 0;

}



#navcontainer a:link, #navlist a:visited {

	border: 0;

	color: #EEE;

	text-decoration: none;

}



#navcontainer a {

	display: block;

	height: 34px;

	padding-left: 11px;

	line-height: 34px;

	width: 138px;

}



#navcontainer a:hover {

	color: #fff;

}



#active a:link, #active a:visited, #active a:hover {

	color: #dad0c1;

}



#navcontainer #entry_form a {

	background: url(images/button_01a.gif) no-repeat;

}



#navcontainer #entry_form a:hover {

	background-image: url(images/button_01b.gif);

}



#active #entry_form a:link, #active #entry_form a:visited, #active #entry_form a:hover {

	background-image: url(images/button_01b.gif);

}



#navcontainer #flyer a {

	background: url(images/button_03a.gif) no-repeat;

}



#navcontainer #flyer a:hover {

	background-image: url(images/button_03b.gif);

}



#active #flyer a:link, #active #flyer a:visited, #active #flyer a:hover {

	background-image: url(images/button_03b.gif);

}



#navcontainer #rules a {

	background: url(images/button_03a.gif) no-repeat;

}



#navcontainer #rules a:hover {

	background-image: url(images/button_03b.gif);

}



#active #rules a:link, #active #rules a:visited, #active #rules a:hover {

	background-image: url(images/button_03b.gif);

}



#navcontainer #faq a {

	background: url(images/button_04a.gif) no-repeat;

}



#navcontainer #faq a:hover {

	background-image: url(images/button_04b.gif);

}



#active #faq a:link, #active #faq a:visited, #active #faq a:hover {

	background-image: url(images/button_04b.gif);

}





#navcontainer #press a {

	background: url(images/button_01a.gif) no-repeat;

}



#navcontainer #press a:hover {

	background-image: url(images/button_01b.gif);

}



#active #press a:link, #active #press a:visited, #active #press a:hover {

	background-image: url(images/button_01b.gif);

}


#navcontainer #sponsors a {

	background: url(images/button_01a.gif) no-repeat;

}



#navcontainer #sponsors a:hover {

	background-image: url(images/button_01b.gif);

}



#active #sponsors a:link, #active #sponsors a:visited, #active #sponsors a:hover {

	background-image: url(images/button_01b.gif);

}


/* END NAVIGATION CSS */



#top, #footer {

	color: #fff;

	background: #7a7632;

}



#top p a {

	color: white;

}



p {

	margin: 0 0 20px 0;

}



#content h2 {

	font-size: 14px;

	color: #900;

}



#content h2.subtitle {

	font-size: 15px;

	color: #900;

	font-weight: bold;

}



#content h3 {

	font-size: 13px;

	color: black;

}



.poem p, p.info {

	margin: 0;

}



.max_bottom {

	padding-bottom: 500px;

}



#content h4 {

	font-size: 12px;

	color: black;

	font-weight: bold;

	margin-bottom: 0;

	padding-bottom: 0;

}



#content .indent {

	margin-left: 20px;

}



#content .rules {

	padding-bottom: 0;

	margin-bottom: 0;

}



#content .img_caption {

	float: left;

	margin: 0 10px 10px 0;

}



#content .img_caption a {

	border: 0;

}



#content .artwork a {

	border: 0;

}



#content .img_caption p {

	margin: 0;

	padding: 0;

	width: 200px;

	font-size: 10px;

	line-height: 120%;

	clear: left;

}



#sponsors_list {

	font-size: 13px;

	line-height: 140%;

	color: white;

	list-style-image: url(images/list_bullet.png);

}



#sponsors_list li {

	margin-bottom: 5px;

}



img {

	border: 0;

}



img.left {

	float: left;

	margin: 0 10px 10px 0;

}



.left {

	float: left;

	margin: 0 40px 0 0;

}



a:link, a:visited {

	border-bottom: 1px dotted;

	color: #4c94d0;

	font-weight: bold;

	text-decoration: none;

}



a:focus, a:hover {

	border-bottom-style: solid;

}



#footer p {	

	margin: 5px 5px;

	padding: 0;

}



#footer a {

	color: white;

	text-decoration: none;

	border: 0;

}