@charset "UTF-8";

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}
:focus, :active { outline: 0 }

ol, ul { list-style: none }

blockquote:before, blockquote:after { content: "" }
blockquote { quotes: "" "" }

header, nav, article, aside, footer, hgroup, section { display: block }

/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

/* Font Face */
@font-face {
	font-family: 'WalkwaySemiBoldRegular';
	src: url('fonts/Walkway_SemiBold-webfont.eot');
	src: local('☺'), url('fonts/Walkway_SemiBold-webfont.woff') format('woff'), url('fonts/Walkway_SemiBold-webfont.ttf') format('truetype'), url('fonts/Walkway_SemiBold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WalkwayBoldRegular';
	src: url('fonts/Walkway_Bold-webfont.eot');
	src: local('☺'), url('fonts/Walkway_Bold-webfont.woff') format('woff'), url('fonts/Walkway_Bold-webfont.ttf') format('truetype'), url('fonts/Walkway_Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WalkwayUltraBoldRegular';
	src: url('fonts/Walkway_UltraBold-webfont.eot');
	src: local('☺'), url('fonts/Walkway_UltraBold-webfont.woff') format('woff'), url('fonts/Walkway_UltraBold-webfont.ttf') format('truetype'), url('fonts/Walkway_UltraBold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WalkwayBlackRegular';
	src: url('fonts/Walkway_Black-webfont.eot');
	src: local('☺'), url('fonts/Walkway_Black-webfont.woff') format('woff'), url('fonts/Walkway_Black-webfont.ttf') format('truetype'), url('fonts/Walkway_Black-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* MAIN STYLES */
html {
	background-color: #e6e2af;
	height: 100%;
}

body {
	width: 960px;
	margin: 0 auto;
	color: 	#002f2f;
	font-family: Corbel, Arial, Helvetica, sans-serif !important;
	text-align: justify;
}

hgroup {
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'WalkwaySemiBoldRegular';
	margin-bottom: 20px;
	text-shadow: #a7a37e 2px 2px 2px;
}

h1 {	font-size: 72px; margin-top: 10px; }

h2 {	font-size: 48px; }

h3 {	font-size: 36px; }

h4 { font-size: 24px; }

article header h3 { margin: 0; padding: 0;}

h5 { font-size: 18px; }

.school {
	margin: 0;
}

#alert {
	background:#fff; 
	font-size: 80%;	
	text-align: left;
}

/* Navigation */
nav#global {
	margin: 20px 0 8px;
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #046380;
	background-image: -moz-linear-gradient(top, #046380, #05799a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #046380),color-stop(1, #05799a));
	-moz-box-shadow: 0px 0px 5px #046380;
	-webkit-box-shadow: 0px 0px 5px #046380;
	box-shadow: 0px 0px 5px #046380;
}
nav#global ul {
	text-align: center;
	height: 40px;
	margin: 0 auto;
	display: table;
}
nav#global ul li { position: relative; display: inline }
nav#global ul li a {
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	font-size: 18px;
	display: block;
	float: left;
	margin: 1px;
	padding: 10px 25px;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
nav#global ul li a:hover {
	border: none;
	background-color: #efecca;
	color: #046380;
}

.selected {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#046380 !important;
	background:#efecca; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/* NOTE: webkit gradient implementation is not as per spec */

}

/* creates triangle */
.selected:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:100;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:38%; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#efecca transparent transparent;
}


/* DropDown menu code - not used yet

nav#global ul li #subMenu {
	position: absolute;
	top: 35px;
	left: -387px;
	-moz-transform: translate(0, 11px);
	-webkit-transform: translate(232px, 0);
	background: #970000;
	height: 0;
	z-index: -1;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px #444, inset 0 0 15px #900, inset 0 35px 35px -18px #ca0000;
	-moz-box-shadow: 0 0 10px #444, inset 0 0 15px #900;
	-webkit-box-shadow: 0 0 10px #444;
	background-image: -moz-linear-gradient(top, #ca0000, #970000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ca0000),color-stop(1, #970000));
}
nav#global ul li #subMenu li {
	display: block;
	text-align: center;
	margin: 0 auto;
}
nav#global ul li #subMenu li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
} */

#scroll {
	position:relative;
	overflow:hidden;
	border:1px solid #046380;
	width:960px;
	height:610px;
	background-color: #efecca;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	-webkit-background-clip: padding-box;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:940px;
	padding: 10px;
	height:340px;
	text-align:center;
}

/* FOOTER */
section {
	width: 360px;
	float: left;
	margin: 0  0 20px 60px;
	background: #e6e2af;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px #046380;
	-moz-box-shadow: 0 0 5px #046380;
	-webkit-box-shadow: 0 0 5px #046380;
	text-align: left;
	position: relative;
}
section:first-child { margin-left: 0 }

article {
	background: #e6e2af;
	margin: 0 0 10px 10px;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px #046380;
	-moz-box-shadow: 0 0 5px #046380;
	-webkit-box-shadow: 0 0 5px #046380;
	width: 445px;
	text-align: left;
	float: left;
	height: 235px;
}

.left { margin-left: 0 }

section h3 {
	background-color: #0081ac;
	box-shadow: inset 0 -28px 35px -18px #005b79;
	background-image: -moz-linear-gradient(top, #05799a, #046380);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #05799a),color-stop(1, #046380));
	color: #eee;
	padding: 0 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: #a7a37e 0px 0px 0px;
	color: #eee;
	height: 40px;
	margin-bottom: 5px;
}

section ul li {
	padding-top: 2px;
}

section img {
	position: absolute; 
	bottom: 10px; 
	right: 10px;
}

article header {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 445px;
	color: #eee;
	height: 40px;
	margin-bottom: 5px;
	background-color: #0081ac;
	box-shadow: inset 0 -35px 35px -18px #005b79;
	background-image: -moz-linear-gradient(top, #05799a, #046380);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #05799a),color-stop(1, #046380));
}

article header h3 { padding-left: 5px; float: left; text-shadow: #a7a37e 0px 0px 0px;}

.daterange {
	font-size: 16px;
	font-weight: bold;
	float: right;
	width: 100px;
	height: 40px;
	line-height: 19px;
	text-align: center;
	background-color: #002f2f;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 0 0 10px rgba(50, 50, 50, 0.5);
}

.datehr {
	padding: 0;
	margin: 0; 
	color: #fff;
}

footer p { margin: 10px 0 20px 0; }

article ul {
	list-style-type: disc;
	margin-left: 20px;	
}
article h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.pic {
	background: url(me.png);
	float: right; 
	margin: 0px 0px 0 20px;
	width: 200px;
	height: 237px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
}
.justify { text-align: justify; }
.big { font-size: 18px; }
.narrow { width: 700px; margin: 0 auto; }

/* LINKS */
a:link, a:visited, a:active {
	color: #046380;
		-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	padding: 0 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a:hover {
	color: #fff;
	background-color: #046380;
}
.nohover:hover {
	background-color: transparent;
}
.copyright { text-align: center; }