/*video sidebox styles--same as those used on the infanthearing.org homepage (in homepage.css), except #video_wrap has been changed to #components_video_wrap, #video_wrap h3 has been changed to #components_video_wrap h3, and the background color in #resources_video_wrap h3 has been changed */

#components_video_wrap {
	background: #fff url(../img/corners/box-b.gif) no-repeat bottom right;
	width: 100%;	
	margin: 0 0 3em 0;
	float: left;
}

#video {
	padding: 1.5em 0 1em 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: right;
}

.vid_icon {
	float: left;
	width: auto;
	margin: 0 0 0 3.6em;
	_margin: 0 0 0 2em; /*This hack (the underscore before the rule) targets ie6 and lower only*/
	background: #fff;
}

.vid_icon_right {
	float: left;
	width: auto;
	margin: 0 0 0 3.6em;
	_margin: 0 0 0 2em; /*This hack (the underscore before the rule) targets ie6 and lower only*/
}

	/*icons and video sidebox image and text styles*/

.vid_icon p, .vid_icon_right p {
	text-align: center;
	font-size: 1em;
	padding-bottom: 10px;
	font-weight: bold;
}

#components_video_wrap h3 {
	font-size: 1.4em;
	text-align: center;
	color: #fff;
	background: #7CC3d3 url(../img/corners/box-light-blue.gif) no-repeat top left;
	padding: 5px 0;
	margin-top: 0; /*important, as this keeps standards-compliant browsers from adding a white margin above the heading, ruining the rounded corner look (when the box has a float on it)*/
}

.vid_icon img, .vid_icon_right img {
	border: 1px solid #999;
}