/* I Do, I Do Stylesheet */
/* Articles */

article h4, articles h4{
	color:#000000;
}

#article h4{
	font-size: 26px;
	color:#7D0119;
}

#articles h4{
	margin-top:10px;
}

#article h5, articles h5 {
	margin-top: 13px;
	line-height:18px;
}

#picture {
	float: left;
	padding: 20px 0px 0px 50px;
	height: 300px; /* forces IE and firefox to use the same height */
	width:191px; /* keeps positioning when images are turned off */
}

#articles {
	float: right;
	width: 470px;
	padding: 10px 60px 0px 1px;
}

p.article {
	font-weight: bold;
	margin-top:15px;
}

#article {
	float: left;
	width: 480px;
	padding: 40px 0px 0px 55px;
}

#article #inflowpicture{
	float: left;
	padding: 0px 20px 3px 0px;
	height: 191px; /* forces IE and firefox to use the same height */
	width:191px; /* keeps positioning when images are turned off */
}

#article_menu{
	display:block;
	float:right;
	padding-left:50px;
	padding-top:20px;
	width:210px;
}

#menu_title{
	position:relative;
	height:158px;
	line-height:158px;
}

#article_menu a {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#article_menu ul{
	position:relative;
	top:-70px;
	line-height:30px;
	padding-top:1px; /* stop ie losing top of bullet image on link rollover */
}

#article_menu ul li{
	list-style-image: url(../images/bullet.gif);
	list-style-type:disc;
}

.intro_words {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height:18px;
	margin: 14px 0px 10px 0px;
	color: #7D0119;
	font-weight: bold;
}

#footer{
	top:97%; /* position the footer so that the scroll image is moved up behind the content */
/*	Note: bottom:-60px; does not work in Opera. Opera does not seem to include footer in calculation of container height */
}