@charset "UTF-8";
/* CSS Document */

body	{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bkgrd.jpg) repeat-x #FFF;
}
#content {
	margin-top: 15px;
	background: #fff url(../images/content_bg.jpg) 0 0 no-repeat;
}

.text {
	color: #333333;
	
	
}

.text a, .text a:visited {
	color: #3399cc;
	text-decoration: none;
}

.text a:hover {
	color: #2278b2;
	text-decoration: underline;
}

.text h1 {
	color: #000000;
	margin: 10px 50px;
	font: normal 15px Arial, Helvetica, sans-serif;
}
.text h2 {
	color: #000000;
	margin: 12px 50px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

.text p {
	margin: 10px 50px;
	font-size: 11px;
	line-height: 12pt
}

.videoselection	{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background: url(../images/videoselection_bg.jpg) repeat-x #FFF;
}
.videoselection_title	{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.videoselection_Duration{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

/* media List */
.mediaList { width: 300px; float: left; padding: 0;  margin: 0px 0px 0px 20px; }

/* media */
.media { float: left; padding: 0; margin: 0px; }
.media h2 { padding: 5px 0px; margin: 0px 0px 5px 0px; }

.media ul { padding: 0px; margin: 0px;}
.media li {  font-family: Arial, Helvetica, sans-serif;  padding: 0px; margin: 10px 13px 5px 0px; list-style-type: none; display: inline;}
.media li em { color: #9b9b9b; }

.media .normal { background: #f5fbff; border: solid 1px #e4f4fc; float: left; padding: 4px; width: 300px; }
.media .normal strong { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.media .normal strong a { color: #3399cc; no-repeat left center; padding-left: 0px; text-decoration: none}
.media .normal p { display: block; font-size: 10px; padding: 2px 0px; margin: 0px; line-height: 11px;}
.media .normal em {background: #fff; display: block; font-size: 9px; font-weight: bold; padding: 5px 3px; margin: 0px; font-style:normal;}
.media .normal em a { text-decoration: none; color: #7ec2f2;}

.media .active { background: #ebf6fd; border: solid 1px #e4f4fc; float: left; padding: 4px;  width: 300px;  }
.media .active strong { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; font-weight: normal; }
.media .active strong a { color: #2278b2;  no-repeat left center; padding-left: 0px;}
.media .active p { display: block; font-size: 10px; padding: 2px 0px; margin: 0px; line-height: 11px;}
.media .active em { background: #fff; display: block; font-size: 9px; font-weight: bold; padding: 5px 3px; margin: 0px; font-style:normal;}
.media .active em a { text-decoration: none; color: #bbbb74;}

.media .headLinks { position: absolute; margin: -30px 0px 0px 200px; width: 90px; color: #000; font-size: 9px; line-height: 9px; }
.media .headLinks li { padding: 1px; margin: 0px; list-style-type: none; font-weight: bold; display: block; }
.media .headLinks li a { color: #7ec2f2;}
.media .headLinks li a:hover { color: #005a5a; text-decoration: none;}