/*-----------------------------------------------------------------------------------------------------------------------
  [HOME PAGE SLIDESHOW STYLESHEET]
  
  Project:		Northland College
  URL:			northlandcollege.edu
  Version:		1.0
  Last Change:	07/27/09 [ modified: removed unwanted code ]
  Copyright:	(c)Northland College. All Rights Reserved.
-----------------------------------------------------------------------------------------------------------------------*/	


/*-----------------------------------------------------------------------------------------------------------------------	
	TABLE OF CONTENTS	
-------------------------------------------------------------------------------------------------------------------------
	00. Structure
	01. Slide Buttons
		- Specific Placements
		- Button Styles
	02. Academic Program Slides
	03. Academic Program Custom Buttons (replace with 'awesome' buttons)
-----------------------------------------------------------------------------------------------------------------------*/	



/*************************************************************************************************************
	
	00. =STRUCTURE
	
*************************************************************************************************************/
#glide {
	width:100%;
	height:321px;
	position:relative;
	z-index:9998;
	margin-top:0px;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;
	background-repeat:repeat-x;
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/glides/bg-stage-flat.gif);
	background-position: center top;
	overflow: visible;}
#glide-wrap {
	width:982px;
	height:321px;
	margin:0px auto;
	position:relative;
	z-index:9998;
	margin-top:0;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;}
* html #glide-wrap { /* for IE6 */
	padding-top:0px;}
*:first-child+html #glide-wrap { /* for IE7 */
	padding-top:0px;}	
#glide-wrap a img {
	margin-left: 0px;
	border: 0;}
#glide-wrap a:focus {
	outline: none}

#features {
	width: 972px; /* IMPORTANT THAT THIS MATCHES IMAGE SIZE */
	height: 300px; /* IMPORTANT THAT THIS MATCHES IMAGE SIZE */
	position: relative;
	z-index: 1;
	padding-top: 10px;
	margin-left: 5px;
	padding-bottom: 10px;}
/* fix for image flash problem before jquery loads */
#features a {
	display: none;}
/* re-enable for noscript */
#features noscript a {
	display: block;}
/* re-enable for div */
#features div a {
	display: block;}

#next,
#previous { width:38px; height:58px; position:absolute; top:134px; display: block; }
#next { background:url(../images/glides/btn-next.png); right:-11px; z-index:9999; }
#previous  { background:url(../images/glides/btn-prev.png); left:-11px; z-index:9998; }
#next:hover,
#previous:hover { background-position:-38px 0; }


/*************************************************************************************************************
	
	01. =SLIDE BUTTONS
	
*************************************************************************************************************/

/* Specific Placements */
.button-registration {
	padding-top:235px;
	width:205px;
	padding-left:740px;}
.button-academicprogram {
	padding-top:235px;
	width:128px;
	padding-left:250px;}
.button-freebus {
	padding-top:248px;
	width:165px;
	padding-left:400px;}
	
.slide-foundationbah {
	padding-top:245px;
	padding-left:825px;}	
.slide-newmedia {
	padding-top:238px;
	padding-left:28px;}
.slide-hvac {
	padding-top:250px;
	padding-left:28px;}	
.slide-inspire {
	padding-top:250px;
	padding-left:420px;}
.slide-twitter {
	padding-top:238px;
	padding-left:760px;}	
.slide-register {
	padding-top:240px;
	padding-left:720px;}
.slide-welding {
	padding-top:250px;
	padding-left:30px;}		
/* Button Styles */	
#slide-buttons {
	height:38px;
	padding-left:0px;}
#slide-buttons ul {
	padding-top:0px;
	padding-right:0px;
	margin-bottom: 0;
	margin-left: 0px;}
#slide-buttons li {
	float:left;
	list-style:none;
	position: relative;
	margin-top: 0;
	margin-right:15px;
	margin-bottom: 0;
	margin-left:0px;}
	
.awesome, .awesome:visited {
	font-family:Tahoma, Geneva, sans-serif;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
	border-bottom: 1px solid rgba(0,0,0,0.50);
	position: relative;
	cursor: pointer;
	background-color: #1F1F1F;
	background-image: url(../images/glides/bg-overlay.png);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;}
.awesome:hover	{
	background-color: #0F0F0F;
	color: #fff;
	text-decoration: none;}
.awesome:active	{ top: 0px; }

.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited {
	font-size: 14px;
	padding-top: 7px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;}
	


/*************************************************************************************************************
	
	02. =ACADEMIC PROGRAM SLIDES
	
*************************************************************************************************************/

#glide-wrap .program-box {
	position: relative;
	padding:0px;
	float:left;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:35px;
	max-width:550px;
	min-width:550px;
	height:280px;
	overflow: visible;}
* html #glide-wrap .program-box { /* for IE6 */
	position: relative;
	padding:0px;
	float:left;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:10px;
	width:520px;
	max-width:520px;
	min-width:520px;
	height:280px;
	overflow: visible;}
#glide-wrap .program-box .major-title {
	line-height:1.0em;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left:0px;}
#glide-wrap .program-box .minor-title {
	line-height:1.0em;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	padding-left:0px;}
#glide-wrap .program-box .major-title2 {
	line-height:1.0em;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	padding-top:50px;
	margin-bottom:8px;
	padding-left:0px;}
#glide-wrap .program-box .minor-title2 {
	line-height:1.0em;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:45px;
	padding-left:0px;}	
#glide-wrap .program-box .introduction {  /* OPTIONAL - BETA */
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	min-width:430px;
	max-height:90px;
	height:90px;
	overflow: hidden;
	margin-top:45px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}
	


	
	


#glide-wrap .slideContentbox {
	position: relative;
	padding:0px;
	float:left;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:15px;
	max-width:430px;
	min-width:430px;
	height:280px;
	overflow: hidden;}
* html .slideContentbox { /* for IE6 */
	position: relative;
	padding:0px;
	float:left;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:10px;
	width:430px;
	max-width:430px;
	min-width:430px;
	height:280px;
	overflow: hidden;}	
#glide-wrap .main-title {
	line-height:1.0em;
	float:left;
	margin:0px;
	padding-left:30px;
	min-width:440px;}	
#glide-wrap .slideTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	padding: 0px;
	line-height: 1.6em;
	float: left;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	min-width:440px;}
#glide-wrap .slideTitle span {
	visibility: hidden;}	
#glide-wrap .main-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	min-width:430px;
	max-height:110px;
	height:110px;
	overflow: hidden;
	margin-top:45px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:30px;}


#glide-buttons{
	height:40px;}
#glide-buttons ul{
	padding-top:0px;
	padding-right:0px;
	margin-bottom: 0;
	margin-left: 0px;}
#glide-buttons li{
	float:left;
	list-style:none;
	position: relative;
	margin-top: 0;
	margin-right:15px;
	margin-bottom: 0;
	margin-left:0px;}
	

#glide-buttons-vertical .btn-transform {
	display:block;
	width:452px;}
#glide-buttons-vertical .btn-transform a { 
	display:block; 
	width:452px; 
	height:34px; 
	text-indent:-9999px; 
	cursor:pointer; 
	outline:none;
	margin-top:202px;
	margin-left:490px;
	margin-bottom:5px;}
#glide-buttons-vertical .btn-transform a.first {
	float: left;
	background-image: url(../images/glides/buttons/foundation-transform-01a.gif);}
#glide-buttons-vertical .btn-transform a.first:hover  {
	float: left;
	background-image: url(../images/glides/buttons/foundation-transform-01a.gif);}
#glide-buttons-vertical .btn-transform a.second {
	float: left;
	background-image: url(../images/glides/buttons/foundation-transform-02a.gif);}
#glide-buttons-vertical .btn-transform a.second:hover  {
	float: left;
	background-image: url(../images/glides/buttons/foundation-transform-02a.gif);}	

div#buttons-vertical {
	position: relative;
	left: 490px;
	top: 205px;}
div#buttons-vertical-transform {
	display:block;
	_width:452px;
	width:452px;
	height:34px;
	text-indent:-9999px;
	border:none;}
div#buttons-vertical-transform a {
	cursor:pointer; 
	display:block;
	_width:452px;
	width:452px;
	height:34px;
	text-indent:-9999px;
	border:none;}
div#buttons-vertical-transform a#transform-01 	{
	background:url(../images/glides/buttons/foundation-transform-01a.gif) 0px 0px;
	margin-bottom: 10px;}
div#buttons-vertica-transforml a#transform-01:hover { 
	background:url(../images/glides/buttons/foundation-transform-01a.gif) 200px 0px; }
div#buttons-vertical-transform a#transform-02	{ 
	background:url(../images/glides/buttons/foundation-transform-02a.gif) 0px 0px; }
div#buttons-vertical-transform a#transform-02:hover { 
	background:url(../images/glides/buttons/foundation-transform-02a.gif) 452px 0; }