/* Sectiongrid CSS - used for Tim Pawlenty vertical section homepage */

.story-block {
	width: 305px;
	height: 170px;
	margin-bottom: 10px;
}

.bannermenuflat {background-color: #ff6600; width:635px;}

.post_meta {
	font-size:10px;
	
}

.post_category {
	font-size:10px;
	
}

.tabthumbnail {
	align: left;
	padding-right: 10px;
}

.tabthumbnail2 { align: left; padding: 20px }

.leadtile {
	align: left;
	padding: 8px;
	padding-bottom:5px;	
}

.leadtile > li:hover {
	
}


.col1 A, .col1 A:visited, .col1 A:active {
	color: #5C5914;
}

.story-block#part1 { background-image:url(images/home-part1.jpg); }
.story-block#part2 { background-image:url(images/home-part2.jpg); }
.story-block#part3 { background-image:url(images/home-part3.jpg); }
.story-block#part4 { background-image:url(images/home-part4.jpg); }

.story-block .teaser {
	background-color: black;
	width: 285px;
	height: 60px;
	position: relative;
	left: 0px;
	top: 90px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	color: white;
	padding: 10px;
}

.gl-section-header { margin-bottom: 10px; }
.gl-multimedia-list { margin-bottom: 10px; font-weight: bold; }
.gl-multimedia-list IMG { float: left; margin-right: 10px; }

.gl-left-col { float:left; width:400px; padding-right:10px; border-right:1px dotted #ccc; margin-right:10px; margin-bottom: 10px; }

.gl-tableft-col { float:left; width:350px; padding-right:5px; border-right:1px dotted #ccc; margin-right:5px; margin-bottom: 5px; }

.gl-right-col { float: left; width: 210px; }

.gl-tabright-col { float: left; width: 250px; }

.gl-colsplit-left { float: left; width: 290px; }

.gl-colsplit-right {
	float: right;
	width: 290px;
}


/* Young Reporters formatting*/
.maincol {float:left; width:635px; padding-right:10px; border:1px dotted #ccc; border-left:1px #1C8FA7;  margin-right:10px; margin-bottom: 10px;}

.featureyr {height:270px; padding-left:2px; }
.featureyrright {float:right; }

.featsection {float:left; width: 350px; }

.yr-tableft-col { float:left; width:450px; padding-right:5px; border-right:1px dotted #ccc; margin-right:3px; margin-bottom: 5px; }

.yr-tabright-col { float: left; width: 175px; }

.yr-split-right {float:left; width:310px;}
.yr-split-left {float:left; width:300px; padding-right:10px; border-right:1px dotted #ccc; margin-right:10px; margin-bottom: 10px;}
.yr-center {float:left; padding-right:5px; border-right:1px dotted #ccc; margin-right:3px; margin-bottom: 5px; }

.yrfeaturepic {}

.yrfeaturetitle {}

.yrfeaturebyline {}

.yrfeatureintro {}

.tabbodylink {
	color: #FFFFFF;
	background-color: #FF6600;
	background-position: 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:1px;
	padding-right:1px; 
}

/* BANNER MENU BUTTONS */

/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	background-color: #5C8530;
	}
	
ul.cssmenu2 {
	list-style: none;
	padding: 0px;
	background-color: #5C8530;
	}	
	

.displace {
	position: absolute;
	left: -5000px;
	}
	
.displace2 {
	position: absolute;
	left: -4500px;
	}

ul.cssmenu li {
	float: left;
	}
	
ul.cssmenu2 li {
	float: left;
	}
	

ul.cssmenu li a {
	display: block;
	width: 80px;
	height: 58px;
	background: url('images/icons/gltile4.png');
	}

/*
*	single line banner menu Links
*/
ul.cssmenu2 li a {
	display: block;
	width: 48px;
	height: 36px;
	background: url('images/icons/tilebanner.png');
	}




ul.cssmenu2 li.glhome2 a {
	background-position: 0px 0px;
	}

ul.cssmenu2 li.centralmn2 a {
	background-position: -48px 0px;
	}

ul.cssmenu2 li.onejob2 a {
	background-position: -96px 0px;
	}

ul.cssmenu2 li.choose2 a {
	background-position: -144px 0px;
	}
	
ul.cssmenu2 li.health2 a {
	background-position: -192px 0px;
	}
	
ul.cssmenu2 li.water2 a {
	background-position: -240px 0px;
	}		

ul.cssmenu2 li.todd2 a {
	background-position: -288px 0px;
	}
	
ul.cssmenu2 li.broadband2 a {
	background-position: -336px 0px;
	}
	
ul.cssmenu2 li.hunger2 a {
	background-position: -384px 0px;
	}
	
ul.cssmenu2 li.crisis2 a {
	background-position: -432px 0px;
	}
	
ul.cssmenu2 li.local2 a {
	background-position: -480px 0px;
	}
	
ul.cssmenu2 li.baldwin2 a {
	background-position: -528px 0px;
	}
	
	
ul.cssmenu2 li.groundt a {
	background-position: -576px 0px;
	}
	
ul.cssmenu2 li.groundf a {
	background-position: -624px 0px;
	}


/* END SMALL BANNER
*	START Stacked tall banner menu Normal Links
*/
ul.cssmenu li.glhome a {
	background-position: 0px 0px;
	}

ul.cssmenu li.centralmn a {
	background-position: -80px 0px;
	}

ul.cssmenu li.onejob a {
	background-position: -160px 0px;
	}

ul.cssmenu li.choose a {
	background-position: -240px 0px;
	}
	
ul.cssmenu li.health a {
	background-position: -320px 0px;
	}
	
ul.cssmenu li.water a {
	background-position: -400px 0px;
	}		

ul.cssmenu li.todd a {
	background-position: -480px 0px;
	}
	

/* end first row*/
ul.cssmenu li.broadband a {
	background-position: 0px -60px;
	}
	
ul.cssmenu li.hunger a {
	background-position: -80px -60px;
	}
	
ul.cssmenu li.crisis a {
	background-position: -160px -60px;
	}
	
ul.cssmenu li.local a {
	background-position: -240px -60px;
	}
	
ul.cssmenu li.baldwin a {
	background-position: -320px -60px;
	}
	
	
ul.cssmenu li.ground a {
	background-position: -400px -60px;
	}
	
ul.cssmenu li.ground2 a {
	background-position: -480px -60px;
	}

	
					
/*
*	Hover Links
*/
ul.cssmenu li.glhome a:hover {
	background-position: 0px -120px;
	}


ul.cssmenu li.centralmn a:hover {
	background-position: -80px -120px;
	}

ul.cssmenu li.onejob a:hover {
	background-position: -160px -120px;
	}

ul.cssmenu li.choose a:hover {
	background-position: -240px -120px;
	}

ul.cssmenu li.health a:hover {
	background-position: -320px -120px;
	}	

ul.cssmenu li.water a:hover {
	background-position: -400px -120px;
	}
	
ul.cssmenu li.todd a:hover {
	background-position: -480px -120px;
	}
	
	
/* end first row*/
ul.cssmenu li.broadband a:hover {
	background-position: 0px -180px;
	}	
	
ul.cssmenu li.hunger a:hover {
	background-position: -80px -180px;
	}
	
ul.cssmenu li.crisis a:hover {
	background-position: -160px -180px;
	}
	
ul.cssmenu li.local a:hover {
	background-position: -240px -180px;
	}
	
ul.cssmenu li.baldwin a:hover {
	background-position: -320px -180px;
	}
	
ul.cssmenu li.ground a:hover {
	background-position: -400px -180px;
	}	
	
ul.cssmenu li.ground2 a:hover {
	background-position: -480px -180px;
	}					
/*
*	Clicked Links
*/
/*
ul.cssmenu li.centralmn a:active {
	background-position: 0 -180px;
	}

ul.cssmenu li.blog a:active {
	background-position: -150px -88px;
	}

ul.cssmenu li.contact a:active {
	background-position: -300px -88px;
	}

/*
*	Selected/Active Links
*/
/*
ul.cssmenu li.home a.selected {
	background-position: 0 -132px;
	}

ul.cssmenu li.blog a.selected {
	background-position: -150px -132px;
	}

ul.cssmenu li.contact a.selected {
	background-position: -300px -132px;
	}
*/	
/* end banner menu*/	

/*
*	single line banner menu Links
*/




/* tab structure */
* {
	margin:0;
	padding:0;
}

body {
	background:/*url(../../images/background.png) top left*/;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}

h2{ 
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.glcontent {
	font-family:Arial, Helvetica, sans-serif;
			
}

#wrap{
	width:634px;
	margin:0px auto 0; 
	font-family:Arial, Helvetica, sans-serif;
}

#wrap h1{
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap a{
	
	font-size:1.0em;
	padding-top:2px;
	color:#333;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#tabContainer {
	width:631px;
	padding:2px;
	background-color:#ebebeb;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family:Arial, Helvetica, sans-serif;
}

.tabs{
	height:30px;
}

.tabs > ul{
	font-size: 1em;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

.tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #5c8530; /* old browsers */
	background: -moz-linear-gradient(top, #5c8530 0%, #5c8530 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c8530), color-stop(100%,#5c8530)); /* webkit */
}

.tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

.tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

.tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:5px 5px 15px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
	margin:0;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}



.atablink {
	color: #718858;
	background-color: #EAECE8;
	background-position: 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	padding: 5px;
}





.blogdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;

}

/* Page structure */

.sectiongrid {
	background-image:url(/standard/images/mpr006/news/lines/sub3-2-vertical-lines.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

.sectiongrid .col1 {
	float:left;
	margin-left:0px;
	width:636px;
	font-family:Arial, Helvetica, sans-serif;
	
}

.sectiongrid .col1a {
	float:left;
	margin-left:0px;
	width:305px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;

}

.sectiongrid .col1 .col1a .col1a1 {
	float:left;
	width:241px;
}

.sectiongrid .col1 .col1a .col1a2 {
	float:left;
	margin-left:13px;
	width:233px;
}

.sectiongrid .col1b {
	float:left;
	margin-left:25px;
	width:305px;
}
.sectiongrid .col2 {
	float:left;
	margin-left:18px;
	width:300px;
}

/* Typography and style */

.sectiongrid .section-header { border-top: 3px solid #686868; border-bottom: 1px solid #686868; margin-bottom: 5px; }
.sectiongrid .section-header h1 { font-size: 24px; font-weight: bold; display: inline; margin-right: 13px; }
.sectiongrid .section-header h1 a { color: black; }
.sectiongrid .section-header > A { font-size: 14px; font-weight: bold; }
.sectiongrid .section-header h2 { font-size: 18px; font-weight: bold; }

.sectiongrid .col1a1 > .section-header H2,
.sectiongrid .col1a2 > .section-header H2 { font-size: 14px; }

.sectiongrid .page-section { margin-bottom: 38px; float: left; }

.sectiongrid .feature-box .feature-box-header { background: #cecece; padding: 0 7px; }
.sectiongrid .feature-box .feature-box-header > H2 { font-size: 14px; }
.sectiongrid .feature-box { background: #e8e8e8; float: left; }
.sectiongrid .col1a .feature-box > DIV.col1a1 { padding-left: 7px; padding-top: 7px; width: 233px; }
.sectiongrid .col1a .feature-box > DIV.col1a2 { padding-right: 7px; padding-top: 7px; width: 225px; }

.sectiongrid .section-resource-list H3 { font-size: 14px; padding-bottom: 10px; }
.sectiongrid .section-resource-list UL { }
.sectiongrid .section-resource-list UL LI { list-style-type: disc; padding-left: 0; margin-left: 1.3em; padding-bottom: 10px; }

.sectiongrid DIV.darkhr {
	background-color: #686868;
	height: 3px;
	width: 100%;
	font-size: 1px;
	margin: 10px 0;
}

.sectiongrid .story { clear: both; margin-bottom: 10px; }

.sectiongrid .story DIV.source { text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px; }

.sectiongrid .story IMG { margin-right: 6px; float: left; }

.sectiongrid .story A { font-weight: bold; display: block; }

.sectiongrid .format-label { font-weight: bold; }

.sectiongrid H3#more-stories-link { margin: 10px 0; }

.sectiongrid #forum-promo { height:100px; background: url('/projects/2010/02/ground-level-baldwin-township/images/forumbg.gif'); background-repeat: no-repeat; padding:40px 20px 0 20px; }

/* From the Blogs listing in column 1b */

.sectiongrid DIV.blogs H4 { font-family: serif; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; }
.sectiongrid DIV.blogs H3 { margin-bottom: 5px; }
.sectiongrid DIV.blogs DIV.date { text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px; margin-bottom: 3px; }
.sectiongrid DIV.blogs DIV.blog-headline { font-size: 16px; margin-bottom: 6px; }

.sectiongrid .video-overlay {
	background: red url(/icon-overlay-play.gif) no-repeat; 
	width: 115px; 
	height: 21px;
	z-index: 5000; 
	margin: 0 0 0 -115px; 
	float: none; 
	position:relative; 
	cursor:pointer; 
	/*clear: both;*/
	/*filter: alpha(opacity=60);  
	opacity: 0.6;*/
}

.sectiongrid .backupvideo-overlay {
	background: red url(/icon-overlay-play.gif) no-repeat; 
	width: 21px; 
	height: 36px;
	z-index: 5000; 
	margin: -46px 0 0 5px; 
	float: none; 
	position:relative; 
	cursor:pointer; 
	/*clear: both;*/
	/*filter: alpha(opacity=60);  
	opacity: 0.6;*/
}

/* Storylist classes adapted from content.css */

.storylist li { margin-bottom: 14px; clear: left; }
.storylist { margin-top: 14px; }
.storylist li { margin-bottom: 14px; clear: both; }
.storylist li img { float: left; margin: 0 14px 14px 0; }
.storylist li a { font-weight: bold; }
.storylist li .date { display: block; color: #555; }

DIV#pawlenty-background-layout { float: left; margin-bottom: 5px; }

DIV#pawlenty-background-layout DIV#pawlenty-background-layout-left {
	float:left;
	width:353px;
}

DIV#pawlenty-background-layout DIV#pawlenty-background-layout-right {
	float:left;
	margin-left:13px;
	width:100px;
}

/* Testing: Add class demo-colors to the sectiongrid container to shade the columns */

.sectiongrid.demo-colors .col1 { background: yellow; }
.sectiongrid.demo-colors .col1a { background: #8888ff; }
.sectiongrid.demo-colors .col1a1 { background: red; }
.sectiongrid.demo-colors .col1a2 { background: green; }
.sectiongrid.demo-colors .col1b { background: pink; }
.sectiongrid.demo-colors .col2 { background: aqua; }

.newsq-featured-middle-actionbar {
	border: 0;
	float:right;
	clear:none;
	width: 305px;
	text-transform:uppercase;
	margin: 0 0 20px 0;
}

.newsq-featured-middle-actionbar img {
	margin: 0 2px 0 0;
}

.newsq-featured-middle-actionbar ul {
	margin: 0;
	padding: 2px 0;
	background:none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 0;
	border-right: 0;
}

.newsq-featured-middle-actionbar ul li {
	list-style-type: none;
	margin: 0 4px 0 0;
	display:inline;
	padding: 0;
	font-size: 10px;
}
.topicdescription {
	display: block;
	height: 120px;
	width: 260px;
	padding: 5px;
	
}



/*start of SLIDESHOW CSS entries */
.slider {
}

.navforward {
	background-image:/collections/young-reporters/image/forwardorange.png;
	opacity:.40;
	filter: alpha(opacity = 40);
    -moz-opacity: 0.40;
	position:absolute;
	left:10px;
	z-index:200;
	top: 430px;

}

.navforward2 {
	background-image:/collections/young-reporters/image/forwardorange.png;
	opacity:.40;
	filter: alpha(opacity = 40);
    -moz-opacity: 0.40;
	position:absolute;
	left:5px;
	z-index:200;
	top: 374px;

}

.navback {
	background-image:/collections/young-reporters/image/backorange.png;
	opacity:.40;
	filter: alpha(opacity = 40);
    -moz-opacity: 0.40;
	position:absolute;
	left:385px;
	z-index:200;
	top: 430px;
}

.navback2 {
	background-image:/collections/young-reporters/image/backorange.png;
	opacity:.40;
	filter: alpha(opacity = 40);
    -moz-opacity: 0.40;
	position:absolute;
	right:5px;
	z-index:200;
	top: 374px;
}

.spotlight { height: 300px; }
#spotlight2_wrap { width: 450px; height: 300px;  text-align:left; position:relative; overflow:hidden; margin: 0px auto; padding-bottom:5px; background-color:#DCF0F5}

#spotlight2 { width:450px; height: 300px; background-color:#D8E4F8; border-left: 1px #1C8FA7; margin:  auto;} 
#spotlight2 img { width:450px; height: 300px; } 


.caption{ position:absolute; bottom:1%; opacity:0.8; filter: alpha(opacity = 80); background:#A4D2DC; width:425px; padding:.5em 0; padding-left:5px; 
right:-475px; z-index:20}

.caption a:link, #caption a:visited, #caption a:active, #caption:hover {color:#000000; font-weight:bold;}


.feature { height: 255px; background-color:#eee; border-left: 1px #1C8FA7; }

.atablink2 {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	padding:2px;
	
	
	
}
.slide {
	color: #333;
	font-size:1.5em;
	font-weight:bolder;
	padding:2px;
	
}
#listing {width: 350px;}
#listing li {width: 40px; padding-right:18px; padding-left:18px;}
#listing a { position: relative; width: 40px; color: #FFFFFF; border: 1px solid #ccc; background: #5c8530; text-decoration: none; padding-right:18px; padding-left:18px;}
#listing a.activeSlide { ;color:#000; background:#FFFFFF; font-weight:bold; border: 1px solid #ccc; padding-right:13px; padding-left:13px;}
#listing a:focus { outline:none; }
#listing img { border: none; }

/*slider start*/

/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.slider-package {
    font-family:arial;
    margin: 10px auto 10px auto;
}

.cycle-slideshow { width: 100%; min-width: 200px; max-width: 650px; margin: 10px auto; padding: 0; position: relative;
    background: url() 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow .main img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow .main img:first-child {
    position: static; z-index: 100;
}

/* .cycle-slideshow .icon img {
    position:absolute; top: 0; right: 0;
    width: 100%; padding: 0; display: block;

} */

.icon {
    float: right; 
    padding-top: 10px;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; overflow: hidden;
    font-weight:bold;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #1B8EA7; cursor: pointer; margin-right:10px;
}
.cycle-pager span.cycle-pager-active { color: #1B8EA7;}
.cycle-pager > * { cursor: pointer;}
.cycle-pager a {
    color: #1B8EA7;
    text-decoration: none
    
}
.cycle-pager-active {background-color: #1B8EA7;color:white !important; }



/*container */
.cycle-container {
	width:100%;
	background-color: #FF6600;
}













/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay2 */


.cycle-overlay2 {
 color: #fff !important;
}

.cycle-overlay2 span {
  position: absolute;
  bottom:0;
  left: 0;
  background: #2a2a2a;
  background: rgba(0, 0, 0, .6);
  filter: alpha(opacity=70);
  display: block;
  float: left;
  clear: both;
  color: #FFF !important;
  padding: 1em .5em 1em 1em;
  margin-right:0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


}


.cycle-overlay2 span a:link, a:active, a:visited, a:hover {
 
 text-decoration:none;
}


.cycle-overlay2 { 
    float:left;
    margin-bottom: 25%;
    font-size: 1em; 
    position: absolute;  
    width: 100%; 
    z-index: 600;
}





/* overlay */
.cycle-overlay { 
    float:left;
    margin-bottom: 25%;
    font-family:arial; 
    font-size: 1em; 
    position: absolute; 
    top:60%; 
    width: 100%; 
    z-index: 600;
    background: white; 
    color: black; 
    padding: ; 
    opacity: .70;

}
.cycle-overlay span {
    background-color: white;
} 



.overlay-text {
    font-size:2em;
    font-weight:bold;
    float:left;
    padding: 10px 15px 10px 10px;
}

.headerinv {
    color: #fff !important;
    font-size:2em;
    font-weight:bold;
    float:left;
    padding: 10px 15px 10px 10px;
}

.subhed {
    font-size:0.9em;
    float:left;
    margin-top:0px;
    margin-right:inherit;
    padding: 3px 20px 10px 20px;
}

.clear {
    clear:both;
}


/* prev / next links for 2nd slider*/
.cycle-prev2, .cycle-next2 { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev2 { left: 0;  background: url(/collections/1megsitetest/img/left.png) 60% 40% no-repeat;}
.cycle-next2 { right: 0; background: url(/collections/1megsitetest/img/right.png) 60% 40% no-repeat;}
.cycle-prev2:hover, .cycle-next2:hover { opacity: .7; filter: alpha(opacity=70) }


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(image/left.png) 60% 40% no-repeat;}
.cycle-next { right: 0; background: url(image/right.png) 60% 40% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 100%;}
    .cycle-overlay { padding: 4px; bottom:5px;}
    .cycle-caption { bottom: 4px; right: 4px }
}


.slider-package {
    max-width: 450px;
        width: 100%; min-width: 210px; margin: 10px auto; padding: 0; position: relative;
    background: url() 50% 50% no-repeat;
    padding: 5px auto 5px auto;
 
}

.slidebacking {
	background-color: #e6e6e6;

}