/* CSS Document */
/* CSS Reset*/
html, body {
	height:100%;
	font:15px/120% Helvetica, Arial, Tahoma, Verdana, sans-serif; 
	color:#000000;
	background-color:#ffffff;
	letter-spacing:0.05em;
}
body {
	text-align:center;   /* horizontal centering hack for IE */
	padding:0;           /* required to "hide" distance div */
	margin:0;            /* required to "hide" distance div */
	font-size:80%;
}

h1{
	font-size:130%;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0em;
	line-height:120%
	
} 

h2 {
	
	font:200% Helvetica, Arial, Tahoma, Verdana, sans-serif; 
	color:#000000;
	letter-spacing:0.05em;
	line-height:80%;
	padding:5px;
	margin:0px;
	
}


 h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {
	margin:1em 0;
	padding:0;
}

a {
	color: #003399;
	padding: 0px;
	text-decoration: none;
}
a:hover {
	color:#345AA9;
	text-decoration: none;
}



/* Main Formatting */


#wrapper {
	position: absolute;
	width: 926px;
	height: 523px;
	left: 50%;
	top: 50%;
 	margin-left: -463px;
	margin-top: -262px;
}
#index-wrapper {
	position: absolute;
	width: 800px;
	height: 600px;
	left: 50%;
	top: 50%;
 	margin-left: -400px;
	margin-top: -300px;
}
#sidebar {
	width:253px !important;
	height:523px;
	float: left; 
	width:250px;
}

#maincontent {
	width:673px !important;
	height:523px;
	float:right;
	width:670px;
	clear:none !important;
	clear:both;
}

#navigation {
	width:650px;
	height:24px;
	margin: 20px 2px 23px 21px !important;
	float:left;
	margin: 20px 1px 23px 20px ;
}

#speechbubble {
	width:673px !important;
	height:412px;
	background-image:url(images/blue-speechbubble.gif);
	background-repeat:no-repeat;
	float:left;
	clear:none !important;
	clear:both;
}

#about-writing {
	width: 366px !important;
	min-height:338px;
	margin: 30px 0px 48px 77px !important;
	margin: 30px 0px 48px 37px;
	text-align: right;
	float:left;
	width: 365px;
}

#bubble-writing {
	width: 500px;
	min-height:338px;
	margin: 30px 0px 48px 77px !important;
	margin: 30px 0px 48px 47px;
	text-align: left;
	float:left;
}

#b4-pic {
	width:175px;
	height:292px;
	margin: 30px 38px 74px 10px;
	float:right;
}

#footer {
	width:636px;
	height:24px;
	margin: 35px 16px 23px 21px;
	float:left;
	color:#7B7B7B;
	font-size:70%;
}

#index-footer {
	color:#7B7B7B;
	font-size:70%;
}


.b4 {
	border: 4px;
	border-style: solid;
	border-color: #ffffff;
	float:left;
	margin-bottom:10px;
}

.img {
	float:left;
	border:0px;
}

/* NEWSPAGE */

#news-wrapper {
	position: absolute;
	width: 926px;
	height: 1300px;
	left: 50%;
 	margin-left: -463px;
 	margin-top: 50px;
}

#iframediv {
	width:800px;
	min-height:800px;
	margin-top:10px;
	overflow:visible;
	float:left;
	
}

#iframe {
	width:800px;
	height:1200px;
	border-style: solid;
    border-width: 0px;   
    background: #ffffff;     

	
}




/* NAV BUTTONS */



.button-divider {
	width:12px;
	height:24px;
	background-image:url(images/divider.gif);
	float:left;
	border:0px;
}

#home-button {
	width:46px;
	height:24px;
	background-image:url(images/home-button.gif);
	float:left;
	border:0px;
}

#home-button:hover {
	background-position: 0 2px;
}

#news-button {
	width:47px;
	height:24px;
	background-image:url(images/news-button.gif);
	float:left;
	border:0px;
}

#news-button:hover {
	background-position: 0 2px;
}

#about-button {
	width:57px;
	height:24px;
	background-image:url(images/about-button.gif);
	float:left;
	border:0px;
}

#about-button:hover {
	background-position: 0 2px;
}

#poems-button {
	width:243px;
	height:26px;
	background-image:url(images/poems-button.gif);
	background-repeat:no-repeat;
	float:left;
	border:0px;
}

#poems-button:hover {
	background-position: 0 2px;
}

#writeyourown-button {
	width:133px;
	height:24px;
	background-image:url(images/writeyourown-button.gif);
	float:left;
	border:0px;
}

#writeyourown-button:hover {
	background-position: 0 2px;
}

#contact-button {
	width:63px;
	height:24px;
	background-image:url(images/contact-button.gif);
	float:left;
	border:0px;
}

#contact-button:hover {
	background-position: 0 2px;
}


#links-button {
	width:43px;
	height:24px;
	background-image:url(images/links-button.gif);
	float:left;
	border:0px;
}

#links-button:hover {
	background-position: 0 2px;
}


#more-button {
	width:171px;
	height:31px;
	background-image:url(images/more.gif);
	float:left;
	border:0px;
}

#more-button:hover {
	background-position: 0 32px;
}


/* Long PAGE */



#long-wrapper {
	position: absolute;
	width: 926px;
	height: 823px;
	left: 50%;
	top: 50%;
 	margin-left: -463px;
	margin-top: -262px;
}

#long-sidebar {
	width:253px;
	height:823px;
	float: left;
}

#long-maincontent {
	width:673px;
	height:823px;
	float:right;
	clear:none !important;
	clear:both;
}

#long-speechbubble {
	width:673px;
	height:712px;
	background-image:url(images/orange-speechbubble.gif);
	background-repeat:no-repeat;
	float:left;
}
#long-bubble-writing {
	width: 550px;
	min-height:638px;
	margin: 30px 0px 48px 77px !important;
	margin: 30px 0px 48px 47px;
	text-align: left;
	float:left;
}

/* Longer PAGE */

#longer-wrapper {
	position: absolute;
	width: 926px;
	height: 623px;
	left: 50%;
	top: 50%;
 	margin-left: -463px;
	margin-top: -262px;
}

#longer-sidebar {
	width:253px;
	height:623px;
	float: left;
}

#longer-maincontent {
	width:673px;
	height:623px;
	float:right;
	clear:none !important;
	clear:both;
}

#longer-speechbubble {
	width:673px;
	height:512px;
	background-image:url(images/green-speechbubble.gif);
	background-repeat:no-repeat;
	float:left;
}
#longer-bubble-writing {
	width: 550px;
	min-height:438px;
	margin: 30px 0px 48px 85px !important;
	margin: 30px 0px 48px 50px;
	text-align: left;
	float:left;
}


/* Poems PAGE */

#poems-writing-left {
	width: 300px;
	min-height:638px;
	margin: 30px 0px 48px 77px !important;
	margin: 30px 0px 48px 37px;	
	text-align: left;
	float:left;
	outline:none;
	padding:0px;
	text-decoration: none;
}

#poems-writing-right {
	width: 250px;
	min-height:638px;
	margin: 30px 0px 48px 10px;
	text-align: left;
 	float:right;
	clear:none !important;
	clear:both;
}

.poemlink 
	a:link { color:#000 }
.poemlink
	a:hover {background-color:#ffffff }
.poemlink
	a:visited {color:#000 }
	


.littlepoem {
	
	font:150%/120% Helvetica, Arial, Tahoma, Verdana, sans-serif; 
	color:#000000;
	letter-spacing:0.05em;
	line-height:150%;
	margin-bottom:30px;
}

.mediumpoem {
	
	font:120%/120% Helvetica, Arial, Tahoma, Verdana, sans-serif; 
	color:#000000;
	letter-spacing:0.05em;
	line-height:140%;
	margin-bottom:30px;
}

#blue-back-button {
	width:110px;
	height:30px;
	background-image:url(images/blue-back.gif);
	background-repeat:no-repeat;
	float:left;
	border:0px;
}

#blue-back-button:hover {
	background-position: 0 2px;
}

#green-back-button {
	width:110px;
	height:30px;
	background-image:url(images/green-back.gif);
	background-repeat:no-repeat;
	float:left;
	border:0px;
}

#green-back-button:hover {
	background-position: 0 2px;
}


#yellow-back-button {
	width:110px;
	height:30px;
	background-image:url(images/yellow-back.gif);
	background-repeat:no-repeat;
	float:left;
	border:0px;
}

#yellow-back-button:hover {
	background-position: 0 2px;
}


#yellow-next-button {
	width:110px;
	height:30px;
	background-image:url(images/yellow-next-button.gif);
	background-repeat:no-repeat;
	float:left;
	border:0px;
}

#yellow-next-button:hover {
	background-position: 0 2px;
}


#navigation a {
	height: 25px;
}