/* CSS Document for home page */
div.container img {
	float: left;
	background-color: white;
}
div.container > img {
	border-bottom: 4px solid #795A45;
}

/* Service description boxes*/
#Description {
	list-style: none;
	height: 282px;
	overflow: hidden;
	margin: 0;
	padding-bottom: 1px;
	border-bottom: 4px solid #63462F;
}

#Description > li {
	background-color: white;
	margin: 0 0 0 5px;
	height: 94px;
}

#Description > li > .description_text {
	background-color: #EFF7E1;
	font-size: 15px;
	-webkit-border-radius: 6px;	/* for Safari */
	-moz-border-radius: 6px;	/* for Firefox */
	border-radius: 6px;		/* for future browsers */
	margin: 0 0 5px 5px;
	padding: 10px 15px;
	height: 69px;
}

#Description > li:hover > .description_text {
	background-color: #B5D894;
}

#Description li h2, h3 {
	color: #63462F;
	margin: 0;
}

#Description small {
	font-size: 70%;
	display: block;
	text-align: right;
	margin-top: 1px;
}

#Description > li:hover > .description_text > small {
	display: none;
}

#Description > li strong {
	color: black;
	text-transform: uppercase;
	font-size: 2em;
}

#Description > li > .description_text > a {
	text-decoration: none;
}

#Description > li > .description_text > a > img {
	border: none;
	background-color: #EFF7E1;
	float: right;
	margin-right: 60px;
}

#Description > li:hover > .description_text img {
	background-color: #B5D894;
}



/* Info panels */

#Description .infopanel {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 273px;
	width: 569px;
	background-color: white;
	font-size: 115%;
	padding: 0 23px 10px 0;
	overflow: hidden;
	display: none;
}

#Description .infopanel ol {
	margin-left: 25px;
	padding-left: 0;
}

#Description .infopanel > ol > li {
	margin-top: 20px;
	display: list-item;
}

#Description .infopanel > ol > li > ul {
	margin-left: 20px;
}

#Description .infopanel > ol > li > ul > li {
	margin-top: 5px;
	color: #333333;
	font-size: 80%;
}

#Description > li:hover .infopanel {
	display: block;
}

#Description > li .infopanel > img {
	float: right;
	margin: 0 0 30px 10px;
}

#Description .infopanel > small {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

#Description > li .infopanel h3, #Description > li .infopanel p {
	margin-bottom: 10px;
}



/* Info links */

#Description .infolinks {
	float: right;
	width: 145px;
	padding: 5px 5px 0 5px;
	background-color: #EFF7E1;
	margin: 0 0 15px 15px;
	font-size: 70%;
}

#Description .infolinks h4 {
	text-align: center;
}

#Description .infolinks h4, #Description .infolinks img, #Description .infolinks p {
	border: none;
	margin: 0 0 5px 5px;
	color: #333333;
}

#Description .infolinks ul, #Description .infolinks p {
	clear: both;
}

#Description .infolinks ul {
	list-style: none;
	margin: 0 0 0 5px;
}

.infolinks .clip, .infolinks #Story, .infolinks #Tips {
	background-repeat:no-repeat;
	padding-left: 20px;
	margin-bottom:7px;
}

.infolinks .clip {
	background-image:url(../images/icon_clip.jpg);
}

.infolinks #Story {
	background-image:url(../images/icon_story.jpg);
}

.infolinks #Tips {
	background-image:url(../images/icon_tips.jpg);
}


/* Featured */
#FeaturedStories {
	float: left;
	width: 587px;
	margin: 0;
}

#FeaturedPeople {
	margin: 0 0 0 600px;
}

#FeaturedStories h2, #FeaturedPeople h2 {
	border-bottom: 2px solid #74573f;
	padding-bottom: 10px;
	margin-top: 20px;
}

#FeaturedStories h2 a:visited, #FeaturedPeople h2 a:visited {
	color: #63462F;
}

#FeaturedStories ul, #FeaturedPeople ul {
	list-style: none;
}

#FeaturedStories ul li, #FeaturedPeople ul li {
	list-style: none;
	margin-top: 20px;
	min-height: 70px;
}

#FeaturedStories li h3, #FeaturedPeople li h3 {
	margin-bottom: 5px;
}

#FeaturedStories li img, #FeaturedPeople li img {
	margin: 0 10px 10px 0;
	border: 0;
}