@charset "utf-8";

body {
	line-height: 1.5;
	color: #636363;
	background: #ffffff;
	font-family:  Arial, sans-serif;
	font-size: 100%;
	width: 822px;
}
 
h1 {
	color:#CCCCCC;
	line-height: 1.15;
	margin: 0px;
}

h2 {
	margin-top: 1.5em;
	line-height: 1.15;
}

a{
	cursor: pointer;
	color:#454777;
	text-decoration:underline;
	
}

a:hover
{
	font-weight: bold;
	color: #454777;
	text-decoration: underline;
}
/*feature styles for conversations page --image, h2 heading and p text placed inside a #div .feature*/
.videos{
	padding-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 780px;
	border: none;
	float: left;
}

.photoCaption {
	font-size: 85%;
	text-align: left;
	display: block;
	padding: 0px;
	clear: left;
	float: left;
	margin: 0px;
	width: 490px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}