/* Skagit Valley College Top Styles */
/* Artfully Masterminded by JWalters 6-22-2012 */
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Wire+One);

body { 
		background-color: #333;
	}

.headerband {
		height: 500px; 
		width: 100%;
		position:absolute;
		z-index: -1;
		background: #000;
		border-bottom: #fff 1px solid;
		/*border-top: 1px solid #333;*/
	}
	
.headerband2 {
		height: 500px; 
		width: 100%;
		position:absolute;
		z-index: -1;
		background: #000;
		border-bottom: #fff 1px solid;
		/*border-top: 1px solid #333;*/
	}
.skipto {
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
		}
		
ul.headlist {
		margin:.3em 0 0 0;
		}

ul.headlist li {
		font-size: 88%;
		}
		
#emergencynotification H1 {
		color:#000;
		}
		
#emergencynotification H2 {
		color:#000;
		margin-top: .25em;
		}
		
#emergencynotification H3 {
		color:#FC0;
		}

#emergencynotification p {
		font-size: 115%;
		line-height: 1.4;
		margin-bottom: .5em;
		}
		
.topnav {
	margin-top: 1.2em;
	}
	
.bckground {
	z-index:0;
	position: absolute;
	top:16;
	}
div.row.headerspace { height: 250px; padding:0; margin-bottom: 1.5em;}
div.row.logo {margin-top: -3.875em; }
div.logopanel {
		background: #0065a2;
		background: -moz-linear-gradient(top, #0065a2 0%, #008ed0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0065a2), color-stop(100%,#008ed0));
		background: -o-linear-gradient(top, #0065a2 0%,#008ed0 100%);
		background: -ms-linear-gradient(top, #0065a2 0%, #008ed0 100%); /* gradient for IE 10 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065a2', endColorstr='#008ed0',GradientType=0 );
		margin: 0 0 0 0;
		text-align: center;
		padding: 0 .75em 0 .75em;
		height: 120px;
		/* border-width: none;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px; */
	}
	
	div.logopanel1 {
		background: #0065a2;
		margin: 0 0 0 0;
		text-align: center;
		padding: 0 .75em 0 .75em;
		height: 26px;
	}

	
div.logopanel img {
		border:none;
		margin: .7em 0 0 0;
	}
	
img.logo {
	border: none;
}
	
/* Search */
#search-box {
    position: relative;
    margin: 0 0 1.25em 0;
	border-width: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	}

#search-form {
    height: 30px;
    border: thin solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
	}

#search-text {
    font-size: 13px;
    color: #888;
    border-width: 0;
    background: transparent;
	margin-top: -.125em;
	}
	
#search-box input[type="text"] {
    width: 90%;
    color: #333;
    outline: none;

	}

#search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 46px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border: thin solid #ccc;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
	background: #000;
	background: -moz-linear-gradient(top, #444444 0%, #888888 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#888888));
	background: -o-linear-gradient(top, #444444 0%,#888888 100%);
	background: -ms-linear-gradient(top, #444444 0%, #888888 100%); /*gradient for IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#888888',GradientType=0 );
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	}
	
#search-button:hover {
	background: #0065a2;
	background: -moz-linear-gradient(top, #632a17 0%, #c05017 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#632a17), color-stop(100%,#c05017));
	background: -o-linear-gradient(top, #632a17 0%,#c05017 100%);
	background: -ms-linear-gradient(top, #632a17 0%, #c05017 100%); /* gradient for IE 10*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632a17', endColorstr='#c05017',GradientType=0 );
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	}
	
/* Mobile Nav Menu */

.mobilenavwrap {
	margin: 0 0 1.5em 0;
	text-align:center; 
	padding: .25em .75em .75em .75em;
	background: #008ed0;
	background: -moz-linear-gradient(top, #008ed0 0%, #0065a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ed0), color-stop(100%,#0065a2));
	background: -o-linear-gradient(top, #008ed0 0%,#0065a2 100%);
	background: -ms-linear-gradient(top, #008ed0 0%, #0065a2 100%); /* Gradient for IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ed0', endColorstr='#0065a2',GradientType=0 );
	border: 1px solid #008ed0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	}

.mobilenav-caption {color:#ebebeb; font-size:90%; margin: 0 0 0 .25em; line-height: 1.5; font-style:italic;}
#mobilenav {font-size: 16px;}
	
	
/* Nav Menu */
.menu_div {
	margin-top: 0;
	}
.menu_div ul {
	padding:0 ;
	text-indent: 0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	list-style:none;
	/*opacity:0.9;
 	filter:alpha(opacity=90); /* For IE8 and earlier */
	
	}
	
.menu_div ul li	{
	background:#008ed0 url(../graphics/navarrow.png) right no-repeat;

	}

.menu_div ul li:first-child a {
    border-top: none;

	}

.menu_div ul li a {
	text-decoration:none;
	color:#FFF;
	display:block;
    border-top: thin solid #02aefe;
	border-bottom: 1px solid #015c87;
	padding: .675em 1.8em .675em 1.2em;
	line-height: 1.51;
	font-size: 97%;


	}

.menu_div ul li a:hover {
	background: #9e1b32 url(../graphics/navarrow.png) right no-repeat;

	}
	
.menu_div ul li ul	{
	border-top: solid #004974 1px;
	border-bottom: solid #004974 2px;
	}
	
.menu_div ul li ul li	{
	background:#0065a2;
	}
	
.menu_div ul li ul li a	{
	text-decoration:none;
	color:#FFF;
	display:block;
	padding: .32em .5em .32em 2.5em;
	line-height: 150%;
	font-size:  83%;
	border: none;
	}
	
.menu_div ul li ul li a:hover	{
	background: #9e1b32;
	background-image: none;
	opacity:0.9;
 	filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	
.menu_div ul li ul li ul li	{
	background:#bea089;
	}
.menu_div ul li ul li ul	{
	border-top: #806c5c 2px solid;
	border-bottom: #806c5c 2px solid;
	}
.menu_div ul li ul li ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding: .23em .5em .23em 3.5em;
	line-height: 150%;
	font-size:  78%;
	border: none;
	}
	
.menu_div ul li ul li ul li a:hover {
	background:#a9cad9;
	opacity:0.8;
 	filter:alpha(opacity=80); /* For IE8 and earlier */
	}
.menu_div ul li ul li ul li ul li	{
	background:#e1cec0;
	
	}
.menu_div ul li ul li ul li ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding: .22em .5em .22em 4.5em;
	line-height: 150%;
	font-size:  75%;
	border: none;
	}
	
.menu_div ul li ul li ul li ul{
	border-top: #ae9c8f 2px solid;
	border-bottom: #ae9c8f 2px solid;
	}
	
.menu_div ul li#active {
	background:#9e1b32;
	}
	
.level1active {
	background: #003366 url(../graphics/levelone.png) no-repeat right;
	}

.menu_div .level1active:hover {
	background: #9e1b32 url(../graphics/levelone.png) no-repeat right;
	}

.level2active {
	background: url(../graphics/leveltwo.png) no-repeat right;
	}

.menu_div .level2active:hover {
	background: #9e1b32 url(../graphics/leveltwo.png) no-repeat right;
	}

.level3active {
	background: url(../graphics/levelthree.png) no-repeat right;
	}

.menu_div .level3active:hover {
	background:  #a9cad9 url(../graphics/levelthree.png) no-repeat right;
	}

/*.menu_div ul li#cap {
	background:#0065a2;
	font-size: .95em;
	text-indent: 3em;
	line-height:18px;
    border-bottom:none;
	}*/



/* luke added these */
#featured img {
	width: 791px;
}

.curpage { font-weight:bold !important; }

/* google search style overrides */
#gsearch * { 
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
#gsearch form,input,textarea { 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
#gsearch table { border:0; margin:0; }


#gsearch td.gsc-search-button input[type=button].gsc-search-button {
	background: #008DCF;
	color: #FFFFFF;
	border: 1px solid #666;	
	padding:5px;
}
#gsearch td.gsc-search-button {
	padding-bottom:20px;
}
#gsearch table.gsc-branding {
	margin-top:-8px;	
}
#gsearch td.gsc-branding-img img.gsc-branding-img {
	margin-top:3px;	
}
#gsearch div.gsc-above-wrapper-area {
	padding:0 0 0 2px;
	margin-top:-15px;
}
#gsearch td.gsc-result-info-container {
	padding:0 0 0 2px;	
}
#gsearch div.gsc-url-bottom div.gs-visibleUrl-short {
	display:none;
	visibility:hidden;	
}
#gsearch div.gsc-url-bottom div.gs-visibleUrl-long {
	display:block;
	visibility:visible;	
	color: #9F1B33;
}
#gsearch div.gs-title a,#gsearch div.gs-title b {
	color:#008ED0; /*#9F1B33;*/
}
#gsearch div.gsc-cursor-box {
	margin-top:10px;
	background:#F2F2F2;
	padding:8px;
	border:1px solid #E6E6E6;	
}
#gsearch div.gsc-cursor-page {
	text-decoration:none !important;	
	margin-right:12px;
	font-size:18px;
}
#gsearch div.gsc-cursor-page:hover {
	color:#9F1B33;
}
#gsearch table.gcsc-branding {
	display:none;
	visibility:hidden;	
}

/* search box balloon */
#search-box span.sballoon {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:12px;
	line-height:16px;
	padding:8px;
	background:#FFC;
	border:1px solid #666;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #a1dffc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#a1dffc));
	background: -o-linear-gradient(top, #FFFFFF 0%,#a1dffc 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #a1dffc 100%); /* Gradient for IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#a1dffc',GradientType=0 );	
}
#search-box span.sballoon .sbnub {
	position: absolute;
	height: 0;
	width: 0;
	top:21px;
	left:65%;
	border: 6px solid transparent;
	border-width: 7px; 
	border-bottom-color:#666;
}


/************************/
/**McIntyre Hall Styles**/
/************************/

.header-ribbon {
	background-color: #093c6d;
	border-top: 1px solid #617f90;
	border-bottom: 1px solid #617f90;
	position: relative;
	height: 4em;
	top: 20px;
	margin-bottom: 10px;
	-webkit-box-shadow: 3px 4px 22px 10px rgba(0,0,0,.75); 
	-moz-box-shadow: 3px 4px 22px 10px rgba(0,0,0,.75); 
	box-shadow: 3px 4px 22px 10px rgba(0,0,0,.75);
}

.header-ribbon img.logo{
	-webkit-box-shadow: 0 0 43px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 43px rgba(0,0,0,.75); 
	box-shadow: 0 0 43px rgba(0,0,0,.75);
}

.mondayclose {
	background-color:#ffffff; 
	color: #ff0000;
	font-size:16px;
	font-weight:bold;
	border-width: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 1em 1em 0 1em;
	padding: 1.5em;
	line-height: 1.3;

}