﻿
	/* VIDEO */
	#videoContainer {}  /*  not used */
	
	#videoFrame, #videoFrame2 {
		width:970px;
		margin:0px;
		background-color: #CCCCCC;
		background-image:url(./vp_mid_back.jpg);
		background-repeat:repeat-y;
		padding:0;
		border:0;
	}
	
	#videoFrame2 {
		background-image:url(./vp_mid_back2.jpg);
    }	
	
	#video, #video2 {
		width: 850px;
		height: 496px;  
		background-color:#575a5d; /* for final use #575a5d */
		margin:auto;
		margin-bottom:0;
	}
	
	#video2 {
	    background-color:#252525;
	}
	
	#videoInfo{
		width: 970px;
	}
	
	#videoInfo h2 {
		font-family:Verdanda, Geneva, Arial, Helvetica, sans-serif;
		font-weight:100;
		font-size:16px;
		color: #FFCC33;
		margin-top:8px;
		margin-left: 103px;
		margin-bottom:0;
	}
	
	#videoInfo p {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFF;
		margin-top:0px;
		margin-left: 103px;
		margin-right:100px;
	}
	
	#videoNav {
		clear: both;
		background-color: #CCCCCC;	
		background-image:url(./vp_background.jpg);
		background-repeat:repeat-y;
		width: 970px;
		height: 76px;
		display: block;
		}
		
	#videoNav .leftcap {   /* space before tabs */
		width: 48px;
		display: block;
		float: left;
	}
	
	/* TABS */
	
	#tabs, #tabs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
	#tabs {
		width: 922px;  /* edit this width when caps added */
		display: block;
	}
	
		#tabs li {
			display: block;
			width: 172px;
			float: left;
			text-align: center;
		}
	
		#tabs li a {
			width: 172px;
			display: block;
			height: 76px;
			color:#333333;
			text-decoration: none;
		}

		#tabs li a div {  /* set text indep of graphic link */
			padding-top: 15px;
			padding-left: 3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:100;
		}
	
		#tabs li a.down div {  /* push down active link */
			padding-top:32px;
			padding-left:3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
		}
	
	/* VIDEO ICONS */
	
	#videoIcons {   /* contrainer for video icon panel */
		width:970px;
		margin:0px;
		background-color: #CCCCCC;
		background-image:url(./vp_icon_back.jpg);
		background-repeat:repeat-y;
		padding:0;
		border:0;
	}
	
	#videoIconsHolder {   /* contrainer for thumbnails */
		/* width:850px; */
		padding-left:82px;
		/* padding-right:50px; */
	}
	
	.videoThumbnails div {
		margin-right: 36px;
		border: 0px solid #666;
		width: 170px; height: 112px;
		float: left;
	}
	
	.videoThumbnails div img {
		border:none;
		width:170px;
		height:90px;
	}
	
	.videoThumbnails div strong {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-left:1em;
		padding-top:0.5em;
	}
	
	/*  LEADING  */
	.videoLeading {     /* blank space between sections */
		margin:0px;
		background-color: #CCCCCC;
		background-image:url(./vp_background.jpg);
		background-repeat:repeat-y;
		width:970px;
	}
	
	/* MENU */
	
	
	#revealmenu {
	    float:right; 
		margin-top:20px;
		margin-right:1px;  
	}
	
	#revealmenu ul {
	    padding:0px;
		background-image:url(./reveal-menu-mid.png);
		background-repeat:repeat-y;
	}
	
	#revealmenu ul.bulletUl {
	    font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px; 
		font-weight:bold; 
		line-height:22px; 
		list-style-type:none; 
		list-style-image:none;
		padding:0px; 
		padding-left:10px; 
		margin:0px; 
		display:block;
	}
	
	#revealmenu li {
	    list-style-type:none; 
		list-style-image:none;
		padding-bottom:0px;
	}
	
	#revealmenu li a  {
	    text-decoration:none;
	}
	
	#revealmenu li.bulletLi, #revealmenu li.bulletLi2, #revealmenu li.bulletLiActive {
	    text-decoration:none; 
		margin:0px; 
		margin-left:4px; 
		text-align:left; 
		padding:0px; 
		padding-left:6px;
		width:178px;

		background-color:#b9b9b9;
	}
	
	#revealmenu li.bulletLi2 {
	    background-color:#dbdbdb;
	}
	
	#revealmenu li.bulletLiActive a {
		color:#0076a3;
	}
	
	#revealmenu li.bulletLi, #revealmenu li.bulletLi a, #revealmenu li.bulletLi2, #revealmenu li.bulletLi2 a  {
	    text-decoration:none;
		color:#363636;
	}
	
	#revealmenu ul.bulletUl li.bulletLi a.down, #revealmenu ul.bulletUl li.bulletLi2 a.down  {
	    color:#0076a3;
	}

	

