/* ----------------
Lamar CISD Grid CSS
Author: Will Leach
Copyright: 2013
---------------- */
html {
	width: 100%;
	height: 100%;
}
body {
	width: auto;
	height: auto;
	font-size: 100%;
	background: #FBFBFB;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}
.clear {
	clear: both;
}
/* Taskbar */
.taskBarShell {
	position: fixed;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	top: 0;
	background: #333333;
	z-index: 100;
	/* Box Shadow */	
	-webkit-box-shadow: 0 6px 4px -4px #555555;
	-moz-box-shadow: 0 6px 4px -4px #555555;
	-ms-box-shadow: 0 6px 4px -4px #555555;
	-o-box-shadow: 0 6px 4px -4px #555555;
	box-shadow: 0 6px 4px -4px #555555;
}
.sfPageEditor .taskBarShell {
	position: relative;	
}
.taskBarShell .taskBar {
	display: block;
	width: auto;
	max-width: 1140px;
	height: auto;
	margin: 0 auto;
	padding: 0;	
}
.taskBarShell .taskBar .apps,
.taskBarShell .taskBar .social {
	display: block;
}
/* Grid */
.pageWrap {
	position: relative;
	width: 100%;
	max-width: 1140px;
	height: auto;
	margin: 50px auto 0 auto;
	padding: 0;
}
.pageWrap .header {
	display: block;
	margin: 1em 0 1em 0;
}
.pageWrap .header .logo {
	
}
.pageWrap .header .search {
	text-align: right;
}
.pageWrap .menu {
	display: block;
	margin: 0 0 0 0;
	background: #0055A5;
	background-image: linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -o-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -moz-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -webkit-linear-gradient(bottom,#00376B 0%, #0055a5 100%);
	background-image: -ms-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -webkit-gradient(  linear,  bottom,  top,  color-stop(0, #00376B),  color-stop(1, #0055a5)  );	
}
.pageWrap .pageCont {
	display: block;
	margin: 1em 0;
}
.pageWrap .pageCont .homeBox {
	display: block;
	width: auto;
	height: 24em;
	background: #FFFFFF;
	margin-bottom: 12px;
	overflow: hidden;
 	-webkit-box-shadow: 0 0 1px #999999;
	-moz-box-shadow: 0 0 1px #999999;
	-ms-box-shadow: 0 0 1px #999999;
	-o-box-shadow: 0 0 1px #999999;
	box-shadow: 0 0 1px #999999;
}
.pageWrap .pageCont .homeBox.video {
	height: 22.5em;	
}
.sfPageEditor .pageWrap .pageCont .homeBox {
	height: auto;	
	overflow: auto;
}
.pageCont .sideBox {
	-webkit-box-shadow: 0 0 1px #999999;
	-moz-box-shadow: 0 0 1px #999999;
	-ms-box-shadow: 0 0 1px #999999;
	-o-box-shadow: 0 0 1px #999999;
	box-shadow: 0 0 1px #999999;
	margin: 0 0 10px 0;
	background: #FFFFFF;
}
.pageWrap .footer {
	display: block;
	margin: 1em 0 4em 0;
	border: 1px solid #BBBBBB;
}
.pageWrap .footer .footerTop {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-transform: uppercase;
	background: #EEEEEE;
	border-bottom: 3px solid #BBBBBB;
}
.pageWrap .footer .footerBot {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #777777;
	background-image: linear-gradient(bottom, #999999 0%, #444444 100%);
	background-image: -o-linear-gradient(bottom, #999999 0%, #444444 100%);
	background-image: -moz-linear-gradient(bottom, #999999 0%, #444444 100%);
	background-image: -webkit-linear-gradient(bottom,#999999 0%, #444444 100%);
	background-image: -ms-linear-gradient(bottom, #999999 0%, #444444 100%);
	background-image: -webkit-gradient(  linear,  bottom,  top,  color-stop(0, #999999),  color-stop(1, #444444)  );
}
.pageWrap .footer .footerBot .footerCell {
	display: block;
}


.deptMenu .k-menu .k-item, .deptMenu .k-widget.k-menu-horizontal>.k-item {
	border-width: 0 0 0 0; 
}

.deptMenu a, .deptMenu  a:active, .deptMenu a:visited {
	color: #FFF;
	text-transform: uppercase;
}

.deptMenu a:hover{
	color: #555555;
	background: #FFFFFF;
}

.deptMenu .k-menu-group a,.deptMenu   .k-menu-group a:active, .deptMenu  .k-menu-group a:visited {
	color: #0088E8;
	text-transform: none;
	font-size: 0.8em;
}

.deptMenu .k-menu-group a:hover {
	background: #0055A5;
	color: #FFFFFF;
	-webkit-text-shadow: 1px 1px 1px #696969;
	-moz-text-shadow: 1px 1px 1px #696969;
	-ms-text-shadow: 1px 1px 1px #696969;
	-o-text-shadow: 1px 1px 1px #696969;
	text-shadow: 1px 1px 1px #696969;
}


.pageWrap .deptMenu {
	width: 100%;
	background-color: #0055a5;
	display: block;
	margin: 0 0 0 0;
	padding: 5px 0;
	background-image: linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -o-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -moz-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -webkit-linear-gradient(bottom,#00376B 0%, #0055a5 100%);
	background-image: -ms-linear-gradient(bottom, #00376B 0%, #0055a5 100%);
	background-image: -webkit-gradient(  linear,  bottom,  top,  color-stop(0, #00376B),  color-stop(1, #0055a5)  );	
}