/* University Template over-ride
   Updated: 2011.6.17 ENR
   Author: Erik Runyon
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */

#header h1 {margin-top:15px;}
#wrapper h1 a span.title {display:block; /*font-size: 30px;*/ font-size:60%; line-height:1.5em;}

@media screen,projection {
#header-image ul {height:276px; display:block;}
#header-image ul li {position:absolute; top:0; left:20px; list-style-type:none;}
#header-image {margin-left:0px; margin-bottom:15px;}
#header-image img {display:block; height:300px; width:700px;}
.show {display:block; width:760px; height:300px;}
  .dept-cosc a {width:225px; background-position:0 -500px;} /* College of Science */
    .blue .dept-cosc a {background-position:0 -550px;}

a.button {float: left; width:140px; padding:8px 0; font-size:122%; font-weight:500; text-align:center; text-decoration:none; border:1px solid #4d3708; color:#002c54; text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1); 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 3px 0px -2px #ffffff;
-moz-box-shadow: inset 0px 3px 0px -2px #ffffff;
box-shadow: inset 0px 3px 0px -2px #ffffff; 
background: #f1d8a2;
background: -moz-linear-gradient(top, #f1d8a2 0%, #e0bc64 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d8a2), color-stop(100%,#e0bc64));
background: -webkit-linear-gradient(top, #f1d8a2 0%,#e0bc64 100%);
background: -o-linear-gradient(top, #f1d8a2 0%,#e0bc64 100%);
background: -ms-linear-gradient(top, #f1d8a2 0%,#e0bc64 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d8a2', endColorstr='#e0bc64',GradientType=0 );
background: linear-gradient(top, #f1d8a2 0%,#e0bc64 100%); }
a.button:hover {
background: #d6a164;
background: -moz-linear-gradient(top, #d6a164 0%, #e0bc64 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6a164), color-stop(100%,#e0bc64));
background: -webkit-linear-gradient(top, #d6a164 0%,#e0bc64 100%);
background: -o-linear-gradient(top, #d6a164 0%,#e0bc64 100%);
background: -ms-linear-gradient(top, #d6a164 0%,#e0bc64 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6a164', endColorstr='#e0bc64',GradientType=0 );
background: linear-gradient(top, #d6a164 0%,#e0bc64 100%);

}

}

/*--Slider CSS--*/
#slider{line-height:0px; margin-bottom:20px;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:0px;
	}
#slider li{ 
	width:700px;
	height:300px;
	overflow:hidden;
	line-height:0px;
	display:block;
	margin:0px;
	}
	
#slider img{ 
	width:700px;
	height:300px;
	}	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	


/*************************************************************************************
 * @media queries
 ************************************************************************************/

/* Tablets landscape ----------- */
@media only screen and (max-width:1100px) {}

/* Tablets portrait ----------- */
@media only screen and (max-width:800px) {}

/* Mid-Size Tablets (Galaxy Tab) (portrait) ----------- */
@media only screen and (max-width:640px) {}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width:480px) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) {}

/* iPhone4 and high pixel ratio devices ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {}

/*************************************************************************************
 * Print Styles
 ************************************************************************************/
@media print {}