﻿img {
	
	max-width:100%;
}



#Feature
{

	height:400px;
	display:block;
	position: relative;
    width:100%;
}


#slider
{

	display:block;
	height:400px;
	position: relative;
    overflow:hidden;
    width:100%;
}



.item
{
	display:block;
	background-color:#FFF;/****Testing**/
}



.info
{
	display:block;
	vertical-align:top;
	z-index: 99;
	width:20%;
	padding:0 5px;
	float:left;
}

.slidePhoto
{
	display:block;
	width:75%;
/*	float:right; */
	float:left;	
	border-radius:7px;
}

#pager
{
    width: 100%;
    text-align:right;
    display: block;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    padding-right:50%;
    margin:-10px 10px 20px 0;

}


#pager a
{
    font-size:0em;
    color: transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    border: 1px solid white; 
    border-radius: 20px;
/*  background-color: transparent; */
    background-color:#000;
    margin:-10px 10px 20px 0;
    float:left;
    
}

#pager a.activeSlide
{
	background-color:#cc0000;
}


.slider_text
{
	font-family:'Times New Roman', Times, serif;
	line-height:150%;
	font-size:1.0em;
	color:#000;
	font-style:italic;
}


.slider_header
{
	font-family:'Times New Roman', Times, serif;
	line-height:120%;
	font-size:1.4em;
	font-weight:bold;
	color:#1f3776;
	
}








#Feature ul
{
	
	font-size:.9em;
	color:#CC0000;
	line-height:150%;
}

#Feature ul li
{
	font-style:oblique;
	
}


@media screen and (max-width: 680px)/*(max-width: 680px)*/
{

#Feature
{
/* vertical-align:bottom; */
	vertical-align:top;

	/*height:400px;*/
/*	min-height:550px; */
}


#slider
{
/* vertical-align:bottom; */
	vertical-align:top;
/*	min-height:550px; */

}




.slidePhoto
{
	float:left;
	/*padding-bottom:1%;*/
	padding-left:0px;
	margin:10px 0;
	width:100%;
}

.info
{
	float:left;
	width:99%;
}



}


@media screen and (min-width: 681px) and (max-width: 930px)/*(min-width: 781px)*/
{

#Feature
{
	vertical-align:top;
/*	min-height:600px; */
}


#Feature ul
{
	
	color:#CC0000;
	line-height:160%;
}

#Feature ul li
{
	font-style:oblique;
	
}




#slider
{
	vertical-align:top;
/*	min-height:450px; */

}

.slidePhoto
{

/*padding-left:1%;*/
	width:100%;
	border-radius:7px;

}

.info
{

	width:99%;
	border:0px;
	margin:1% 1% 0% 0;	
}






#pager a
{
	margin:0 10px 5px 0;
   
}






}


