/********************
*
*	index.php styles
*
*
*
***********************/
body {
	background-color: #d7f0d8;
}

#indexBody {
	font-family:Arial, Helvetica, sans-serif;
	color: #005fa7;
}

#mainWindow {
	margin:5px;
	width: 785px;
	height: 535px;
	border: 1px solid #cedae4;
	background: url(images/main_bg.png) repeat-x;
	background-color:#99cc66;
}

#organizationTitle {
	position: absolute;
	top: 490px;
	left: 10px;
	font-size:11px;
}

#clipInfo {
	position: absolute;
	top:430px;
	left:38px;
	color:#005fa7;
	font-weight:bold;
	font-size:14px;
	border: 1px solid #cedae4;
}

#ccitvLogo {
	position:relative;
	background:url(../../images/ccitv_logo.png) no-repeat;
	width:163px;
	height:89px;
	float:right;
	right:5px;
	top:350px;
}

#playerWindow {
	position: absolute;
	top: 150px;
	left: 38px;
	border: 1px solid #cedae4;
	width:320px;
	height:260px;
}

#videoListWindow {
	position: absolute;
	top: 150px;
	left: 416px;
	border: 1px solid #cedae4;
	width:291px;
	height:260px;
	}

#categoryDropDown {
	position:absolute;
	top: 105px;
	left: 416px;
	width: 291px;
	height: 30px;
	text-align: left;
	font-size:14px;
	
	padding: 3px;
}

#infoButton {
	position:absolute;
	left:10px;
	top:505px;
	width: 407px;
	height: 33px;
	/*background: url(images/importantInfo.png) no-repeat;*/
	font-size:14px;
}

#footer {
	position: absolute;
	top: 525px;
	left: 10px;
	font-size:11px;
	font-weight:normal;
}

#organizationLogo {
	background: url(images/districtLogo.png) no-repeat;
	position: relative;
	width:785px;
	height:100px;
	top: 0px;
	left: 0px;
	float: left;
	}
	
	
/*********************************
 *
 * Styles for videos.php
 *
 *********************************/
 
 #videoListBody {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(images/videolist_bg.jpg) repeat-x;
	}
 
 #videoList {
 	font: Arial, Helvetica, sans-serif;
	background: url(images/videodiv_bg.jpg) repeat-x;
	padding: 2px 0px 5px 20px;
	min-height: 30px;
 }
 
 #videoList h1 {
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:3px 0px 3px 0px;

}


#videoList p {
	margin:0px;
	font: Arial, Helvetica, sans-serif;
	color:#277f07;
	font-size: 10px;
	
}

#videoList a, a:visited {
	font-size:12px;
	color: #277f07;
	text-decoration:none;
	}

#videoList a:hover {
	font-size: 12px;
	color: #277f07;
	border-bottom: 1px dotted #FFFF99;
	}



/*********************************
 *
 * Styles for play.php
 *
 *********************************/

#playWindowBody {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(images/videowindow_bg.jpg) repeat-x fixed;
	width:320px;
	font-family:Arial, Helvetica, sans-serif;
	color:#005fa7;
}

#ppIDForm {
	margin:0px auto;
	padding: 4px;
	font-size:12px;
	color:#005fa7;
	
	width:320px;
	height:260px;
	padding-top: 20px;
	
	text-align:center;
	vertical-align:middle;

	
	}
	
#ppIDForm h1 {
	font-size:14px;
}

#ppIDForm h2 {
	font-size:13px;
	}
	
#ppIDForm a {
	text-decoration: underline;
	}
	
#embedText {
	width:200px;
	}
	
#descriptionText {
	font-size: 1em;
	line-height: 1.3em;
	padding: 4px;
}