#slideHolder {
	text-align:left;
	padding-left:20px;
	margin-right:0px;
	font-size:110%;
	padding-top:20px;
}

#slider {
	width:90%;
	position: relative;
	margin:15px 0;
	text-align:left;
}

.scroll {
    background: url("../images/slider/content_pane-gradient.jpg") repeat-x scroll left top transparent;
    height: 235px; 
    margin-left: 15px;
    overflow-x: hidden;
    padding-right:15px;
    position: relative;
	width:99%;
	/*border: 1px dashed green;*/
}

.scrollContainer div.panel {
	height: 230px;/*was 230 this one and 'scroll' need to be similar -5px for adjustment of next panel to be visible*/
    padding: 17px 20px 17px 7px;	
     /*   padding: 17px 30px 17px 7px;*/	

	width:100%;
}

.scrollContainer {
	overflow:hidden;
	float:left;
}

.videoCaption {
	background:url("../images/slider/bgtrans.png") repeat scroll 0 0 transparent;
	border-top:5px solid #082173; /*#4799C8;   AF update */
	display:block;
	margin-top:-10px;
	padding:5px;
	text-decoration:none;
	color:#fff;
}



#content p div.videoCaption p {
	padding-right:0;
}

#shade {

    height: 50px;
	width:100%;
}


.scrollLeft {
	background:transparent url('../images/slider-left-up-trans.png') no-repeat;
}

.scrollRight {
	background:transparent url('../images/slider-right-up-trans.png') no-repeat;
}

.scrollButtons {
    position: absolute;
    top: 0px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
	top:-10px;
	background:transparent url('../images/slider-left-trans.png') no-repeat;
	height:300px;
	width:40px;
	background-position:-40px 0px;
}

.scrollButtons.left:hover {
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url('../images/slider-left-trans.png') no-repeat;


}

.scrollButtons.right {
    right: -40px;
	top:-10px;
	background:transparent url('../images/slider-right-trans.png') no-repeat;
	height:300px;
	width:40px;
	
}

.scrollButtons.right:hover {
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url('../images/slider-right-trans.png') no-repeat;
	background-position:-40px 0px;
}


.hide {
    display: none;
}

/* row container */
.colmask {
    clear: both;
    float: left;
    height: 175px;/*175px;/*NOW FOR YT video JSON Function-- 
    
    was 195--- 230 --- 260 -- allow for 2 rows of pics/videos to be seen at one time, depending of height of pic/video cell  */
    margin: 15px auto; /*ORIG 15px 0 0;--*/
    overflow: hidden;
    position: relative;
    width: 100%;/*100%*/
/* border: 2px red solid; */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float: left;
    margin:0;
    width: 98%;
  /*border: 3px dashed green;  */
}
.col1,
.col2,
.col3 {
	float:left;
	height:145px; /*AF was  180  170 ?   235.. adjusts height of individual pic/video*/
	 /*width:43%;/*AF was 28 -----40 ---NOT NEEDED IN ORDER TO FIT BORDER AROUND VIDEO NICELY*/
	/*padding:5px 3px; ADDS SPACING INSIDE CELL*/
	border: 5px solid #FDB831;/*AF was 4799C8*/
	position:relative;
	margin: 0 13px; /*was 0 15px THIS ADDS SPACING BTWN COLUMNS/ROWS*/

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	
	behavior: url(style/themes/redmond/pie.htc);
	
}
/* 3 Column settings */
.threecol {
	text-align:center;
}

.ytThumb { /*specific to image from YouTube*/
    height: 145px;
    overflow: hidden;
    width: 280px;
}

/*.threecol .colmid {
	height:195px;
	right:0;
}*/

/*.threecol .colleft {
	height:225px;
	right:2px;
	right:-20px;
	border: 2px dotted aqua;
}*/

/* AF to compensate for contentText a definitions: */
#col1 a:link, #col2 a:link, #col3 a:link, #col4 a:link,
#col1 a:visited, #col2 a:visited, #col3 a:visited, #col4 a:visited,
#col1 a:link:hover, #col2 a:link:hover, #col3 a:link:hover, #col4 a:link:hover,
#col1 a:visited:hover, #col2 a:visited:hover, #col3 a:visited:hover, #col4 a:visited:hover  {
 	background-color: transparent;
	border-bottom: none;
	text-decoration: none;
}

/*
#sliderPanel1 .col1 {
	background:url(../images/scroller/video1.jpg) no-repeat center top #666666;
}
#sliderPanel1 .col2 {
	background:url(../images/scroller/video2.jpg) no-repeat center top #666666;
}
#sliderPanel1 .col3 {
	background:url(../images/scroller/video3.jpg) no-repeat center top #666666;
}

#sliderPanel2 .col1 {
	background:url(../images/scroller/rfp.jpg) no-repeat center top #666666;
}
#sliderPanel2 .col2 {
	background:url(../images/scroller/ppm.jpg) no-repeat center top #666666;
}
#sliderPanel2 .col3 {
	background:url(../images/scroller/rtb.jpg) no-repeat center top #666666;
}
 
#sliderPanel3 .col1 {
	/*background:url(../images/scroller/success1.jpg) no-repeat center top #666666;*/
/*	background: url(../images/scroller/video1.jpg) no-repeat	center top #666666;
}
#sliderPanel3 .col2 {
	/*background:url(../images/scroller/success2.jpg) no-repeat center top #666666;
*/	/*background:url(../images/scroller/video2.jpg) no-repeat center top #666666;
}

#sliderPanel3 .col3 {
	/*background:url(../images/scroller/success3.jpg) no-repeat center top #666666;*/
	/*background:url(../images/scroller/video3.jpg) no-repeat center top #666666;
}

*/

div.textBox {
	padding:5px;
	padding-top:15px;
}

body.large div.textBox {
	font-size:80%;
	padding-top:0;
}

body.medium div.textBox {
	font-size:90%;
	padding-top:0;
}