/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 1.0 - 10.21.2008
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1;
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

.carousel-clip-region .selected a {
	background-color: #6f6c68;
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background-color:black;
	padding:0px;
	/*-moz-border-radius:6px;*/
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:left;
	width:633px;
	height:285px;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}

.carousel-component2 { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */	
}
				
.carousel-component2 ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1;
}

.carousel-component2 .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;    
}

.carousel-component2 .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

.carousel-component2 .carousel-prev { 
    position:absolute;
    top:0px;
    z-index:3;
    cursor:pointer; 
    left:0;
	height:60px;
	width:14px;
}

.carousel-component2 .carousel-next { 
    position:absolute;
    top:0px;
    z-index:3;
    cursor:pointer; 
    right:0; 
	height:60px;
	width:14px;
}


a:link, a:visited {
	color: #8a0209;
	text-decoration: none;
}




a:hover {
	color: #e00a04;
	text-decoration: underline;
}




/* individual pieces */
.slide {
	width:613px;
	height:265px;
	margin:0;
	padding:10px;
	color:#ffffff;
}

.slideleft {
	float:left;
	margin-right:auto;
	width:307px;
	height:265px;
	padding:0;
	background-color:#eaeaea;
}

.slideright p {color:#000000;}

.slideright {
	float:left;
	margin-right:auto;
	width:306px;
	height:265px;
	padding:0;
}

.slideright p {color:#FFFFFF;}






/* ECONOMIC slide */


.slideEconomic {
	width:633px;
	height:275px;
	margin:0;
	padding:5px 0 5px 0px;
	background-image:url(http://mediaengage.org/images/Slides/economic/economicBACK.jpg)
}


.slideEconomic h1 {
	color:#000;
	padding:5px 0 0 20px;
	font-family:"Times New Roman", Times, serif;
	font-size:2.8em;
	margin: 0;
}

.slideEconomic p {
	color:#000;
	padding:2px 150px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin: 0;
}

.slideleftEconomic {
	float:left;
	margin-right:auto;
	width:250px;
	height:275px;
	padding:0 10px 10px 20px;
	margin:0;
	border-bottom-color:#000000;
	
}


.slideleftEconomic h2 {
	color:#000;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin: 0;
}

.slideleftEconomic h3 {
	color:#000;
	padding:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:1.1em;
	margin: 0;
}



.slideleftEconomic p {
	color:#000;
	padding:12px 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.5em;
	margin: 0;
}


.sliderightEconomic {
	float:left;
	margin-right:auto;
	width:240px;
	height:225px;
	padding:40px 10px 20px 10px;
	color:#000000;
}

.sliderightEconomic p {
	color:#000;
	padding:35px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin: 0;
}

.sliderightEconomic h2 {
	color:#000;
	padding:3px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin:0;
}


.sliderightEconomic ul {
	padding:0px 0 0 0;
	margin: 0;
}

.sliderightEconomic li {
	color:#000;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 0;
}


/* PIPELINE slide */


.slidePipe {
	width:633px;
	height:275px;
	margin:0;
	padding:5px 0 5px 0px;
	color:#ffffff;
	background-image:url(http://mediaengage.org/images/Slides/pipeline/pipelineSlideBACK2.jpg)
}

.slideleftPipe {
	float:left;
	margin: 0;
	width:400px;
	height:265px;
	padding:150px 10px 130px 40px;
}

.slideleftPipe h2 {
	color:#000;
	padding:0 0 5px 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	margin:0;
}

.slideleftPipe h3 {
	color:#fff;
	padding:6px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:400;
	margin: 0;
}



.slideleftPipe p {
	color:#000;
	padding:6px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.5em;
	margin: 0;
}






 a#pipe:link, a#pipe:visited {
	color: #cf1c25;
	text-decoration: none;
}




a#pipe:hover {
	color: #cf1c25;
	text-decoration: underline;
}



.sliderightPipe {
	float:left;
	margin-right:auto;
	width:185px;
	height:240px;
	padding:25px 0px 0 0px;
}

.sliderightPipe p {
	color:#000;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	margin: 0;
}

.sliderightPipe h2 {
	color:#000;
	padding:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	margin:0;
}

#slidePipe a:link, #slidePipe a:visited, #slidePipe a:hover {
	text-decoration:underline;
	margin:0;
	padding: 0;
	color:#CCCCCC;
}



/* MySource slide */


.slideMySource {
	width:393px;
	height:285px;
	margin:0;
	padding:0px 10px 0 230px;
	color:#000;
	background-image:url(http://mediaengage.org/images/Slides/MySource/mySourceBACK.jpg)
}

.slideleftMySource {
	float:left;
	margin-right:auto;
	width:183px;
	height:235px;
	padding:50px 10px 0 0px;
}

.slideleftMySource p {
	color:#000;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
}


.sliderightMySource {
	float:left;
	margin-right:auto;
	width:142px;
	height:230px;
	/*padding:55px 29px 0 29px; for when tv has image and radio has audio*/
	padding:50px 29px 0 29px;/* for when both tv and radio have image*/
}

.sliderightMySource p {
	color:#000;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
}

.sliderightMySource h2 {
	color:#000;
	padding:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.3em;
}

.slideMySource a:link a:visited a:hover {
	
	text-decoration: none;
	margin:0;
	padding: 0;
}









/* Diagnostic slide */





.slideDiagnostic {
	width:633px;
	height:285px;
	margin:0;
	padding:0px 0px 0 0px;
	color:#000;
	background-image:url(http://mediaengage.org/images/Slides/diagnostic/diagnosticBACK.jpg)
}

.slideleftDiagnostic {
	float:left;
	margin-right:auto;
	width:309px;
	height:279px;
	padding:6px 0 0 6px;
}

.slideleftDiagnostic p {
	color:#000;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
}


.sliderightDiagnostic {
	float:left;
	margin-right:auto;
	width:289px;
	height:255px;
	padding:30px 25px 0 0px;
}

.sliderightDiagnostic p {
	color:#000;
	padding:10px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.3em;
	margin: 0;
}

.sliderightDiagnostic h2 {
	color:#000;
	padding:0px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin:0;
}





/* Forums slide */





.slideForums {
	width:633px;
	height:285px;
	margin:0;
	padding:0px 0px 0 0px;
	color:#000;
	background-image:url(http://mediaengage.org/images/Slides/Forums/forumBack.jpg)
}

.slideleftForums {
	float:left;
	margin-right:auto;
	width:349px;
	height:279px;
	padding:6px 0 0 6px;
}

.slideleftForums p {
	color:#000;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
}


.sliderightForums {
	float:left;
	margin-right:auto;
	width:249px;
	height:255px;
	padding:50px 25px 0 0px;
}

.sliderightForums p {
	color:#000;
	padding:10px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.3em;
	margin: 0;
}

.sliderightForums h2 {
	color:#000;
	padding:0px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin:0;
}









/* Station Info slide */





.slideStation {
	width:633px;
	height:285px;
	margin:0;
	padding:0px 0px 0 0px;
	color:#000;
	background-image:url(http://mediaengage.org/images/Slides/StationMap/StationMapBACK.jpg)
}

.slideleftStation {
	float:left;
	margin-right:auto;
	width:423px;
	height:279px;
	padding:6px 0 0 6px;
}

.slideleftStation p {
	color:#000;
	padding:0px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
}


.sliderightStation {
	float:left;
	margin-right:auto;
	width:174px;
	height:235px;
	padding:50px 30px 0 0px;
}

.sliderightStation p {
	color:#000;
	padding:8px 0px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin: 0;
}

.sliderightStation h2 {
	color:#000;
	padding:0px 0px 5px 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:2.2em;
	margin:0;
}

.sliderightStation h3 {
	color:#000;
	padding:0px 0px 0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	margin:0;
}



/* Repository Info slide */





.slideRepo {
	width:633px;
	height:285px;
	margin:0;
	padding:0px 0px 0 0px;
	color:#000;
	background-image:url(http://mediaengage.org/images/Slides/repo/repoBACK.jpg)
}

.slideleftRepo {
	/*float:left;*/
	margin-right:auto;
	width:245px;
	height:255px;
	padding:30px 0 0 15px;
}

.slideleftRepo p {
	color:#000;
	padding:0px 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	margin:0;
}


.sliderightRepo h1 {
	color:#000;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
	margin:0;
}




/* styles for slide2 */
.slide2 {
	width:613px;
	height:265px;
	margin:0;
	padding:10px;
	color:#ffffff;
	background-image:url(http://uwex.edu/disted/graphics/dechHeaderBg.png);
	background-repeat:repeat-x;
	background-position:0% 0%;
	background-color:#0066CC;
}

.slide2 {color:#000000;}

.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}

/* bottom nav carousel */

#menucontainer {
	top:285px;/* 468 = 285 down from top of carousel and 183 down from top of page */
	position:absolute;
	width:633px;
	height:60px;
	background-color:#0e1d2f;
	margin:0;
	padding:0;
}

.bottomnav {
	background-color:#0e1d2f;
	height:60px;
	padding:0;
	margin:0;
}

.bottomnav ul {
	width: 633px;
	padding:6px 0 6px 0;
	float: left;
	display:inline;
	list-style:none;
	margin:0;
}
.bottomnav ul li {
	float: left;
	display: inline;
	width:100px;
	list-style:none;
	padding:0;
	margin:0;
}


img {
	padding:0;
	margin:0;
	}