@charset "UTF-8";
/* CSS Document */

/* Created by Phillip Busche */
/* This document is intended to be placed after the SlidingPanel.css stylesheet to define styles for the spry custom slideshow */

/*
#content #left h2
{
display: none !important;
}
*/


/* Navigation used by the slideshow */
/* ==================================================================== */

#PanelNav
{
	width:680px;
	text-align:center;
	margin-bottom:10px;
}

#PanelNav ul
{
	list-style:none;
	margin:0 auto !important;
	padding:0;
	width:680px;
}

#PanelNav ul li
{
	list-style:none;
	display:inline;
	margin:0 3px 0 0;
}

/* when user selects a link in the nav, it's parent <li> will get the "selected" class */
/*
#PanelNav ul li.selected
{
	border:solid 1px transparent;
	background-color:transparent;
}
*/
/* a previously "selected" <li> will get "deselected" class when a new link is chosen */
/* should just have same border and bg color as default state */
/*
#PanelNav ul li.deselected
{
	border:solid 1px #CCC;
	background-color:#FFF;
}
*/

/* used for the left and right arrows in the nav */
/*
#PanelNav ul li.arrows
{
	border:solid 1px transparent;
	background-color:transparent;
	float:left;	
}
*/

/* arrow links */
/* link style used for the arrows */
#PanelNav ul li a.arrowslinks:link,
#PanelNav ul li a.arrowslinks:visited
{
	text-decoration:none;
	color:#8D0101;
	outline:none;
	font-size:1.4em;
	border:solid 1px transparent;
	background-color:transparent;
	padding:0;	
}

#PanelNav ul li a.arrowslinks:hover
{
	color:#b10202;
}

#PanelNav ul li a.arrowslinks:active
{
	color:#CCC;	
}

/* general link styles for the nav */

#PanelNav ul li a:link,
#PanelNav ul li a:visited
{
	text-decoration:none;
	color:#999;
	outline:none;
	font-size:1em;
	font-weight:bold;	
	border:solid 1px #CCC;
	background-color:#FFF;
	padding:.15em .5em

}

#PanelNav ul li:hover a
{
	color:#f8f8f8;
	border:solid 1px #555;
	background-color:#b10202;	
}

#PanelNav ul li:active a
{
	color:#fff;
}

/* deselected link styles */

#PanelNav ul li a.desel:link,
#PanelNav ul li a.desel:visited
{
	text-decoration:none;
	color:#999;
	outline:none;
	border:solid 1px #CCC;
	background-color:#FFF;	
}

#PanelNav ul li a.desel:hover
{
	color:#999;		
}

#PanelNav ul li a.desel:active
{
	color:#900;
}

/* selected link styles */

#PanelNav ul li a.sel:link,
#PanelNav ul li a.sel:visited
{
	text-decoration:none;
	color:#333;
	outline:none;
	font-size:1.2em;
	border:solid 1px transparent;
	background-color:transparent;	
	padding:.15em .3em	
}

#PanelNav ul li a.sel:hover,
#PanelNav ul li a.sel:active
{
	cursor:default;
}


/* Panel Related */

#horizontalSlider
{
	margin-top:20px;
}

#horizontalSlider. SlidingPanels {
	float: left;
}
#horizontalSlider .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#horizontalSlider .SlidingPanelsContent {
	float: left;
	text-align:left;
}

#horizontalSlider .SlidingPanelsContent img {
	display:block;
	float:left;
	margin-right:10px;
}

#horizontalSlider .SlidingPanelsContent b {
	font-weight:bold;
	font-size:13px;
	display:block;
	margin-bottom:3px;
}

.SlidingPanels {
	width: 680px;
	height: 280px;
	border:solid 1px #C3C3C3;
	background-color:#FFF;
	/*margin-left:10px;*/
	margin:10px 0;
	outline:none;

  -moz-box-shadow: 2px 2px 2px #CCC; 
  -webkit-box-shadow: 2px 2px 2px #CCC; 
  box-shadow: 2px 2px 2px #CCC;	

	
}

.SlidingPanelsContent {
	width: 650px;
	height: 250px;
	outline:none;
	padding:15px;	
	
}


#content #left .SlidingPanelsContent h3
{
	font-size:2.1em;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
}

#PanelContainer
{
	width:680px;
	margin:10px auto 10px auto;
}


.Hborder
{
clear:both; 
border-bottom:dashed 1px #CCC; 
width:660px;
margin:0 0 4px 0 !important;
padding:0 !important;
display:block;
height:1px;
}

.leftCol
{
width:60%; 
padding-left:2px; 
padding-top:10px; 
float:left;	
}

.rightCol
{
float:right; 
padding-top:0; 
width:36%;	
}


/*******************************MEDIA QUERIES********************************/

@media only screen 
and (max-width : 768px) {

	.SlidingPanels {
		width:100% !important;
		height:auto !important;
		border:none !important;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
	}
		.SlidingPanelsContent {
			float:none !important;
			width:100% !important;
			height:auto !important;
			padding:0 !important;
		}
		#content #left .SlidingPanelsContent h3 {
			font-size:1.7em !important;
		}
		#horizontalSlider .SlidingPanelsContentGroup {
			float:none !important;
			width:100% !important;
			margin-top:1em !important;
		}
			.leftCol {
				width:100% !important;
				padding-left:0 !important;
				padding-top:0 !important;
				float:none !important;
			}
				.leftCol div {
					height:auto !important;
					overflow:visible !important;
					border:none !important;
					padding:0 !important;
				}
			.rightCol {
				float:none !important;
				width:100% !important;
			}
				.rightCol img {
					display:none !important;
				}
				.rightCol a img {
					display:block !important;
				}
		#PanelNav {
			display:none !important;
		}

}