@import url("font-awesome.min.css");
/*@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");*/
@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans');

/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700');*/

/* Reset */
@import url(reset.css);
/* Grid */
@import url(grid.css);
/* Form */
@import url(form.css);
/*
02-2016
new turquoise blue:  09A1E4
new dark blue:  004E70 (darker than 02618A)
08-16 complementary colors to 09A1E4
my green 00be9c (not official but i likeee)
complementary green 00EA5F electric lime, meh
better green: 7dc34f
complementary red FF3100  very nice red
complementary gold FFB700
dammit another nice blue: #0066FF

default text: 404040 5b5b5b
lighter gray: 646464

default stock color was 777
"Source Sans Pro", 
*/

/* nice text box
background: rgba(74,144,226,.05);
border: 1px solid rgba(74,144,226,.5);
padding: 20px;

.container.\31 25\25   <-->   .container[class ~= "125%"]
.container.\37 5\25    <-->   .container[class ~= "75%"]
.container.\35 0\25    <-->   .container[class ~= "50%"]
.container.\32 5\25    <-->   .container[class ~= "25%"]

/* Basic */

/* reset overrides for widths */
.container.\37 5\25 {
		width: 55em;
	}

.container {
		width: 70em;
	}


	body {
		background: #f5f5f5;
	}

	body, input, select, textarea {
		color: #5b5b5b;
		font-family: Lato,sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.65em;
		letter-spacing: -0.015em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		border-bottom: dotted 1px;
		/*color: #e89980;*/
		color: #0066FF;
		text-decoration: none;
	}
	a.linkBold {
		font-weight:700;
	}
		

		a:hover {
			border-bottom-color: transparent;
		}
		
			a.noborderunder {border-bottom:none;}
			
			.ui-datepicker a, a.ui-datepicer-prev, a.ui-datepicer-next	{
				border-bottom:none !important;
			}
			
	/* two roles to handle inpage anchors with fixed top margin */	
	.inpageanchor {
		 position: relative;
		 border-top: 90px solid transparent;
		 margin: -90px 0 0;
		 -webkit-background-clip: padding-box;
		 -moz-background-clip: padding;
		 background-clip: padding-box;
	}
	
	.inpageanchor:before {
  	content:"";
		display:block;
		height:90px; /* fixed header height*/
		margin:-90px 0 0; /* negative fixed header height */
	}		
	

	strong, b, .bold {
		color: #404040;
		font-weight: 700;
	}
	
	a.bold	{
		color:#0066FF;
	}
	
	u, .underline {
		text-decoration:underline;
	}
	em, i, .ital {
		font-style: italic;
	}

	p {
		margin: 0 0 1.25em 0;/* 1.25 was 2.0em */
	}
	p.indent	{
		margin: 0 2em 1.25em 2em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color: #404040;/* was 646464 */
		line-height: 1em;
		margin: 0 0 0.5em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}
			h5 a.linkcolor	{
				color: #0066FF;
			}
	
	h1 {
		font-size:3.5em;
		line-height: 1.5em;
		letter-spacing: -0.055em;
	}
	
	#banner > h1	{
		color:#FFF;
		font-weight:700;
		margin-bottom:0;
	}
	
	h2 {
		font-size: 2.25em;
		line-height: 1.5em;
		letter-spacing: -0.045em;
	}

	h3 {
		font-size: 1.75em;
		line-height: 1.5em;
		letter-spacing: -0.035em;
	}
	
	#banner > h3	{
		font-weight:700;
	}
	h4 {
		font-size: 1.25em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}
	
	h4 > a.hlink	{
		font-size:100%;
		font-weight:400;
		color: #0066FF;
		text-decoration: none;
		border-bottom:none;
	}
	
	h4 > a.linkblue	{
		color: #0066FF;
		text-decoration: none;
		border-bottom:none;
	}
	

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 2px #e5e5e5;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px #e5e5e5;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		line-height: 1.75em;
		margin: 0 0 2em 0;
		overflow-x: auto;
		padding: 1em 1.5em;
	}

	code {
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	.align-left, .left {
		text-align: left;
	}

	.align-center, .center {
		text-align: center;
	}

	.align-right, .right {
		text-align: right;
	}
	
	.compact {
		line-height:1.2em;
		margin-left:0;
	}
	
	.opensans {
		font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', 'Heiti TC', 'Microsoft JhengHei', sans-serif;	
	}
	
	
/* GENERICS */	
	.normal			{font-weight:normal;}
	.small			{font-size:.85em;}
	.xsmall			{font-size:.60em;}
	.xxsmall		{font-size:.40em;}
	.px-small		{font-size:14px;}
	.half-pct		{font-size:50%;}
	.larger			{font-size:120%; line-height:1.6;}
	.largest		{font-size:150%; line-height:1.5;}
	.xxlarge		{font-size:200%;}
	.under			{text-decoration:underline;}
	.light, .lite	{font-weight:300;}
		
	.blue			{color: #09A1E4;}
	.blue-med	{color: #038AC5;}/*02618A*/
	.blue-dark {color: #004E70;}
	.red			{color: #FF3100;}
	.red-dark, .maroon	{color: #9B1E00;}
	.gold			{color: #FFB700;}
	.green		{color:rgb(0, 175, 100);}
	.orange		{color:#F63;}
	.white		{color: #FFFFFF;}
	.darker		{color:#5B5B5B;}
	.ltgray		{color:#5C5F62;}
	.lightest	{color:#9A9C9D;}
	.respMsg	{color: #FF3100;margin-bottom:1.25em;}
	.middle		{vertical-align:middle;}
	.borderunder	{border-bottom:solid 1px #e5e5e5;}
	
	img.border	{border:1px solid #e5e5e5;}
	
	.hide {display: none;}
	
	.asterisk	{
			font-weight:700;
			font-size:150%;
			color:#FF3100;
		}
	.asterisk-small	{
			font-weight:700;
			font-size:110%;
			color:#FF3100;
		}	
	
	.bumpdown	{margin-top:0.5em;}
	
	.pleft1em	{padding-left:1em;}
	.pleft25	{padding-left:25px;}
	.mb3			{margin-bottom:3em;}
	.mb1			{margin-bottom:1em;}
	.mb2			{margin-bottom:2em;}
	
.pseudoH3		{
		font-size: 1.75em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}

.fineprint	{
	font-size:.70em;
	line-height:normal;
	font-style:italic;
	color: #999999;
	display:block;
	margin: 1em;
}

div.junior-promo	{
	background:#FFFFEC;
	font-size:.8em;
	line-height:1.4em;
	border-radius: 6px;
	border:1px solid #e5e5e5;
	padding:.5em;
	margin:.4em 0;
}

div.junior-promo.fullsize	{
	font-size:1em;
	padding:0.7em;
}

div.breadCrumb 		{font-size:.80em;margin-bottom: 1.5em}
div.breadCrumb a 	{border-bottom:none;}



#studentRequestInfo, #studentActionMenu {
	margin:2em 0 3em 0;
}

/* 10MP */
#tenmp	span.tenmpImageContainer	{
	display:block;
	margin:0 auto 1em auto;
}
	#tenmp img.tenmpImage	{
		display:block;
		margin:0 auto 1em auto;
	}



/* FEATURED COLLEGE */
#featuredcollege .fctext	{
	padding:0 2em;
}

#featuredcollege img.logo	{
	max-width:200px;
}
	#featuredcollege a	{
		border-bottom:none;/* remove bottom underline from linked elements in featured college display */
	}

/* NEWS */
div.news	{
	padding-bottom:1em;
	border-bottom:2px solid #e5e5e5;
	margin-bottom:1.2em;
}
div.news:last-child	{
	border-bottom:none;
}


/* NEW SCHOOLS */

.newSchools	{
	margin:1em auto;
}
	.newSchools > div {
		display:table-row;
	}
		.newSchoolsRow > div	{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			padding:.75em 1.4em;
		}
.newSchools img {
	max-width:100%;
}
	
/* from production */
/* ----- text highlight boxes ----*/
.text-box	{
	font-family:Georgia,'Times New Roman', Times, serif;
	background: #f8f8f8;
  border-left: .5em solid #09A1E4; /* 09A1E4 */
  margin: 1.5em 2.0em 3.5em 1em;
  padding: 0.5em;
	line-height:1.7em;
	font-size:1.2em;
	color: #5B5B5B;
	font-style:italic;
}
	.text-box.less-vertical-spacing	{
		margin-top:1em;
		margin-bottom:1.1em;
	}

	.text-box .move-up	{
		margin-top:0 !important;
	}

	.text-box > ol.numeric {
		margin-right:20px;
	}	

		.text-box.normal-text	{
			font-size:1em;
		}

	
.error-box	{
		margin: 1em;
		background-color: #FFEBE8;
		border:1px solid #FF3100; 
		border-radius: 6px; 
		padding: 1em;
}
.error-box-center	{
		margin-left:auto !important;
		margin-right:auto !important;
}	

.error-box p	{
	font-size:85%;	
	color:#5B5B5B;
}

.message-box	{
		background: rgba(74,144,226,.05);
		border: 1px solid rgba(74,144,226,.5);
		border-radius:6px;
		padding: 1.5em;
		margin: 1.5em 2.0em 3.5em 1em;
}
	.message-box p	{
			margin-bottom:1em;
	}
		.message-box.less-vertical-spacing	{
				margin-top:1em;
				margin-bottom:1.1em;
			}

/* transfer boxes */
div.xfer-box	{
		display:block;margin-top:2em;margin-bottom:2.25em;border-radius:6px;padding:1.25em 1.25em 1.25em 3em; 		
}
	.xfer-box-success	{
			border:2px solid #488808;
			background: url(images/alert-go.gif) no-repeat 0em .6em;
	}
	.xfer-box-caution	{
			border:2px solid #FFB700;
			background: url(images/alert-caution.gif) no-repeat 0em .6em;
	}
	.xfer-box-warning	{
			border:2px solid #FF3100;
			background: url(images/alert-stop.gif) no-repeat 0em .6em;
	}
	.xfer-box-caution-no-icon	{
			border:2px solid #FFB700;
	}

	
/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #999;
		position: relative;
		margin: 0 0 1.5em 0;
		font-style: italic;
	}
/* h2 + p is the first paragraph after h2 only - all others revert to standard p styling */
	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.8em;
		margin-top: -0.5em;
		line-height: 1.5em;
	}

	header.major {
		padding: 1em 0;
		text-align: center;
	}

		header.major h2 {
			margin: 0;
		}

		header.major h4 {
			display: inline-block;
			border-top: solid 2px #e5e5e5;
			color: #777;
			font-size:1.375em;
			margin: 1.5em 0 0 0;
			padding: 1.5em 0 0 0;
			font-style: normal;
		}

/* Form */

	

/* Box */

	.box {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 2px 0 0 #e5e5e5;
		margin: 0 0 2em 0;
		padding: 3em;
	}
	
	.box.insidePage {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-left-radius:0 !important;
		border-top-right-radius:0 !important;
		padding-top:1em;
	}

		.box > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			background: none !important;
			border-radius: 0 !important;
			box-shadow: none !important;
			margin: 0 0 2em 0;
			padding: 0 !important;
		}

		.box.features .features-row {
			border-top: solid 2px #e5e5e5;
			position: relative;
		}

			.box.features .features-row:after {
				clear: both;
				content: '';
				display: block;
			}

			.box.features .features-row section {
				float: left;
				padding: 3em;
				width: 50%;
			}

				.box.features .features-row section :last-child {
					margin-bottom: 0;
				}

				.box.features .features-row section:nth-child(2n) {
					padding-right: 0;
				}

					.box.features .features-row section:nth-child(2n):before {
						background: #e5e5e5;
						content: '';
						display: block;
						height: 100%;
						margin-left: -3em;
						position: absolute;
						top: 0;
						width: 2px;
					}

				.box.features .features-row section:nth-child(2n-1) {
					padding-left: 0;
				}

			.box.features .features-row:first-child {
				border-top: 0;
			}

				.box.features .features-row:first-child section {
					padding-top: 0;
				}

			.box.features .features-row:last-child {
				padding-bottom: 0;
			}

				.box.features .features-row:last-child section {
					padding-bottom: 0;
				}

		.box.special {
			text-align: center;
		}
		/* commented and replaced lines are to get images on the home page in:
			 section class="box special features" > div class="features-row" > section > span class="image featured" > <img */
		.box .image.featured {
			border-radius: 0;
			display: block;
			/*margin: 3em 0 3em -3em;*/
			margin:0.5em 0 1em 0;
			position: relative;
			/*width: calc(100% + 6em);*/
		}

			.box .image.featured img {
				border-radius: 0;
				display: block;
				width: 100%;
			}

			.box .image.featured:first-child {
				border-radius: 6px 6px 0 0;
				/*margin-bottom: 3em;*/
				/*margin-top: -3em;*/
			}

				.box .image.featured:first-child img {
					border-radius: 6px 6px 0 0;
				}

			.box .image.featured:last-child {
				border-radius: 0 0 6px 6px;
				margin-bottom: -3em;
				margin-top: 3em;
			}

				.box .image.featured:last-child img {
					border-radius: 0 0 6px 6px;
				}
				
		.box .image.inside {
			border-radius: 0;
			display: block;
			/*margin: 3em 0 3em -3em;*/
			margin:0.5em 0 1em 0;
			position: relative;
			/*width: calc(100% + 6em);*/
		}

			.box .image.inside img {
				border-radius: 0;
				display: block;
				width: 100%;
			}

			.box .image.inside:first-child {
				border-radius: 6px 6px 0 0;
				/*margin-bottom: 3em;*/
				/*margin-top: -3em;*/
			}

				.box .image.inside:first-child img {
					border-radius: 6px 6px 0 0;
				}

			.box .image.inside:last-child {
				border-radius: 0 0 6px 6px;
				margin-bottom: -3em;
				margin-top: 0;
			}

				.box .image.inside:last-child img {
					border-radius:6px;
					/*border-top-left-radius:6px;
					border-top-right-radius:6px;*/
				}		
				
				
				
/* square images */		
	.imageBreak	{
		background: #fff;
		margin: 0 0 2em 0;
		padding: 0 2em 1em 2em;	
	}

		
	.box .image.featuredsq {
			border-radius: 0;
			display: block;
			margin: .7em 0 3em -3em;
			position: relative;
			width: calc(100% + 6em);
		}				
		.box .image.featuredsq img {
				border-radius: 0;
				display: block;
				width: 100%;
				max-width:300px;
			}
		.box .image.featuredsq:first-child {
				border-radius: 6px 6px 6px 6px;
				margin-bottom: 3em;
				margin-top: -3em;
			}

				.box .image.featuredsq:first-child img {
					border-radius: 6px 6px 6px 6px;
				}

			.box .image.featuredsq:last-child {
				border-radius: 6px 6px 6px 6px;
				margin-bottom: -3em;
				margin-top: -3em;
			}

				.box .image.featuredsq:last-child img {
					border-radius: 6px 6px 6px 6px;
				}	
	

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			background: #666;
			border-radius: 100%;
			color: #ffffff;
			cursor: default;
			display: inline-block;
			height: 5.5em;
			line-height: 5.5em;
			margin: 0 0 2em 0;
			width: 5.5em;
		}

			.icon.major:before {
				font-size: 2.5em;
			}

			.icon.major.accent1 {
				background: #666;
				color: #ffffff;
			}

			.icon.major.accent2 {
				background: #e89980;
				color: #ffffff;
			}

			.icon.major.accent3 {
				background: #7fcdb8;
				color: #ffffff;
			}

			.icon.major.accent4 {
				background: #90b0ba;
				color: #ffffff;
			}

			.icon.major.accent5 {
				background: #e5cb95;
				color: #ffffff;
			}

/* Image */

	.image {
		border-radius: 6px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 6px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}
			
			.collegelogo	{
				max-width:10em;
				margin:3em auto 2em auto;
			}
			

/* List */
.related ul	{
		margin:1em 0 1em 0;
		padding:0;
		text-align:center;
		font-size:.80em;
		line-height:1em;
}
	.related li	{
			display:inline-block;
			list-style:none;
	}
ol {
	list-style: decimal;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}
	ol li {
		padding-left: 0.25em;
		margin-bottom: 1em;/* 9-28-16 add some spacing between ordered list elements */
	}
		ol.loose li	{
			margin-bottom: 2em;
		}
		ol.tight	{
			list-style: decimal;
			margin: 0 0 .5em 0;
			padding-left: 1.25em;
		}

ul {
	list-style: disc;
	margin: 0 0 2em 0;
	padding-left: 1em;
}
	ul li {
		padding-left: 0.5em;
	}
		ul.alt {
			list-style: none;
			padding-left: 0;
		}
			ul.alt li {
				border-top: solid 1px #e5e5e5;
				padding: 0.5em 0;
			}
				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}
		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}
			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}
				ul.icons li:last-child {
					padding-right: 0;
				}
				ul.icons li .icon {
					color: inherit;
				}
					ul.icons li .icon:before {
						font-size: 1.75em;
					}
		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}
			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}
			ul.actions li:last-child {
				padding-right: 0;
			}
			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}
			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}
				ul.actions.vertical li:first-child {
					padding-top: 0;
				}
				ul.actions.vertical li > * {
					margin-bottom: 0;
				}
			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}
				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}
					
	ul.itemspaced li, ol.itemspaced li	{
			margin-bottom:1.25em;					
		}
	ul.inset, ol.inset	{
			margin-left:1.25em;
			margin-top:1em;
	}
	
	ul.inset.compact, ol.inset.compact	{
			margin-left:1em;
			margin-top:.5em;
			margin-bottom:.6em;
	}	
	
	
	dl {
		margin: 0 0 2em 0;
	}
/*	
	dl {
    margin: 0.5em 0 1.5em;
	}*/
		dt {
				background: url("images/dt.png") no-repeat scroll .20em .40em rgba(0, 0, 0, 0);
				font-weight: bold;
				font-size:1.2em;
				line-height: 1.5;
				margin-top: 1em;
				padding: 0 2em .75em 1.25em;
		}
		
		dd {
				line-height:1.5em;
				margin-left: 2.5em;
			}
		dl.partnerList dd	{
				font-size:90%;
			}
		dl.partnerList a	{
				border-bottom-color: transparent;
			}
			
			
		/*  this removes uncecessary margins from a text-box when used as part of a dd 6px 10px*/
		dd > div.text-box	{
			font-size:1.0em;
			margin-top:0;
			margin-bottom:0;
			margin-left:0;
		}
		dl.tight dt	{
			padding-bottom:0;
		}
		dl.tight dd, dl.compact dd	{
			padding: 0 8em .75em .75em;
			color: #5C5F62;/*5C5F62*/
		}
		
		dl.compact dt {
			padding-bottom:0;
			margin-top: .1em;
		}
		
		
/* Table */

.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overflow-y: hidden;
}
table {
	margin: 0 0 2em 0;
	width: 100%;
}
	table tbody tr {
		border: solid 1px #e5e5e5;
		border-left: 0;
		border-right: 0;
	}
		table tbody tr:nth-child(2n + 1) {
			background-color: #f8f8f8;
		}

table td {
	padding: 0.75em 0.75em;
}

	table th {
		color: #646464;
		font-size: 1.1em;
		font-weight: 300;
		padding: 0 0.75em 0.75em 0.75em;
		text-align: left;
	}

	table thead {
		border-bottom: solid 2px #e5e5e5;
	}

	table tfoot {
		border-top: solid 2px #e5e5e5;
	}

	table.alt {
		border-collapse: separate;
	}

		table.alt tbody tr td {
			border: solid 1px #e5e5e5;
			border-left-width: 0;
			border-top-width: 0;
		}

			table.alt tbody tr td:first-child {
				border-left-width: 1px;
			}

		table.alt tbody tr:first-child td {
			border-top-width: 1px;
		}

		table.alt thead {
			border-bottom: 0;
		}

		table.alt tfoot {
			border-top: 0;
		}
	
	table.data {
		border-collapse: separate;
		font-size:.80em;
	}
		table.data tbody tr td {
			border: solid 1px #e5e5e5;
			border-left-width: 0;
			border-top-width: 0;
		}
			table.data tbody tr td:first-child {
				border-left-width: 1px;
			}
			table.data tbody tr:first-child td {
				border-top-width: 1px;
			}
		table.data thead {
			border-bottom: 0;
			font-size:1.2em;
			font-weight:500;
		}

table.collegelist th {
		background-color:#09A1E4;
		color: #FFFFFF;
		font-size: 1.35em;
		padding: .5em 0;
		text-align: left;
	}
	
	table.collegelist th.small	{
		font-size:.9em;
	}
	
	table.collegelist th:first-child	{
		padding-left:.5em;
	}
	table.collegelist th:last-child	{
		padding-right:.25em;
	}
	table.collegelist td	{
		padding:.5em;
	}
	table.collegelist td.city	{
		width:30%;
	}
	table.collegelist td.maxtr	{
		width:17%;
		padding-left:.65em;
	}
	table.collegelist td.link	{
		width:8%;
	}
/* college image gallery */	
table.coGalleryView	tbody tr:nth-child(2n + 1) {
		background-color: #FFFFFF;
	}	
	table.coGalleryView tbody img	{
		max-height:200px;
	}
	

table.studentProfile	{
		margin: 0 0 2em 0;
		width: 100%;
	}
	table.studentProfile tbody tr:nth-child(2n + 1) {
			background-color: #FFFFFF;
		}
	
	table.studentProfile tr	{
		border:none;
	}
	table.studentProfile td	{
		padding-top:.25em;
		padding-bottom:.25em;
	}
	table.studentProfile td.sp-head	{
		font-weight:700;
		font-size:120%;
		color:#FFB700;
		padding:1em 1em 0 0;
		text-align:right;
	}
	table.studentProfile td.sp-1	{
		width:30%;
		text-align:right;
		padding-right:1em;
		color:#787A7D;
	}
		table.studentProfile td h6.spNote	{
			color:#787A7D;
			margin-bottom:0;
		}

table.studentDataFiles	{
		margin: 0 0 2em 0;
		width: 100%;
		border-collapse:separate;
	}
	
	table.studentDataFiles th	{
		padding-bottom:.2em;
	}
	
	table.studentDataFiles td	{
		padding:0.25em 0.75em;
	}
	
	table.studentDataFiles thead > tr > th.sDataYear	{
		padding-top:1.25em;
	}
	table.studentDataFiles th.subHead	{
		font-size:.85em;
		font-weight:400;
		color:#000000;
		padding-bottom:.2em;
		padding-left:1em;
		border-bottom:1px solid black;
	}




/* broker agent client list */
div.lastInitialList	{
		margin:.8em;
		padding:1.2em;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
	}


table.clientList {
		background: rgb(250,250,250);
	}
table.clientList a {
		border-bottom:none;
	}
table.clientList th, table.clientList td {
		font-weight:400;
		color: #1F1F1F;
		padding:.35em 0;
		vertical-align:middle;
	}
table.clientList th.firstRow	{
		min-height:4em;
		padding: .5em 0;
		vertical-align:middle;
	}	
	table.clientList th.nameCell	{
			width:12.5em;
			padding-left:0.5em;
		}	
	table.clientList th.emailCell	{
			width:12.5em;
		}	
	table.clientList th.trCell	{
			width:9.375em;
			padding-right:1em;
			text-align:right;
		}	
	table.clientList th.autoWidthCell	{
			width:auto;
		}
	table.clientList tr.rowActionsRow {
				font-size:.9em;
		}		
		table.clientList tr.rowFirstRow, table.clientList tr.rowActionsRow, table.clientList tr.clientStudentRow	{
				border:1px solid rgb(119,136,153);
			}		
		table.clientList th, table.clientList tr.clientStudentRow td	{
				background: rgb(235,235,235);
			}
		table.clientList tr.rowActionsRow td.emailStatus{
				background: rgb(250,250,250);
				padding-left:0;
			}
		table.clientList tr.rowActionsRow td.actionsCell	{
				border-bottom:1px solid rgb(250,250,250);
			}
		table.clientList tr.clientStudentRow	{
			background: rgb(250,250,250);
		}
		table.clientList tr.studentDataRow {
			border:1px solid rgb(119,136,153);
		}
			table.clientList tr.studentDataRow td	{
				background: rgb(250,250,250);
			}
			table.clientList td.padLeft	{
				padding-left:.5em;
			}
			table.clientList td.padRight	{
				padding-right:1em;
			}


table.stdTable	{
	border-collapse:collapse;
	width:100%;
	border-spacing:0;
	border: 1px solid rgba(119,136,153,0.2);
	background-color:rgb(255,255,255);	
}
	table.stdTable thead {
		/*background-color:#004E70;*/
		/*background-color:#02618A;*/
		background-color:#09A1E4;
		border-bottom:none;
	}
	
	table.stdTable tfoot {
		/*background-color:#004E70;*/
		/*background-color:#02618A;*/
		background-color:#09A1E4;
		border-top:none;
		color:#FFF;
	}
		table.stdTable th	{
			padding: .5em;
			color:#FFFFFF;
			font-size:1.1em;
			font-weight:500;
		}
		
		table.stdTable th:not(:first-child) {
			padding-left:0;
		}
		
		table.stdTable tbody tr	{
			border-bottom: 1px solid rgba(119,136,153,0.2);
		}
		
		table.stdTable tbody tr:last-child	{
			border-bottom: 3px solid #FFB700;
		}
	
		table.stdTable tbody td	{
			vertical-align:middle;
			padding:1.25em 0 1.25em 0;
		}
		
		table.stdTable tbody tr td:first-child	{
			padding-left:.5em;
		}
		
		table.stdTable tbody tr td.pad-left	{
			padding-left:1.25em;
		}
		
			table.stdTable tr.pseudo-header {
				background-color:#09A1E4;
				border-bottom:none;
				padding: .5em;
				color:#FFFFFF;
				font-size:1.1em;
				font-weight:500;
			}
		
		
		/* table.stdTable tbody tr td:last-child,  */
		table.stdTable td.transaction	{
			/*border-left:1px solid rgba(119,136,153,0.2);*/
			text-align:right;
			padding-right:1.6em;
			/*padding-left:.8em;*/
			font-size:200%;
			font-weight:500;
		}
		
		table.stdTable td.transaction.mobile	{
			text-align:right;
			padding-right:.6em;
			font-size:175%;
			font-weight:500;
		}
		
		
		table.stdTable td.transaction.center	{
			padding-right:2.25em;
			padding-left:0;
		}
		
		table.stdTable td.gobutton	{
			padding-right:1em;
			
		}
		
		table.stdTable td.transaction.light	{
			font-weight:300;
		}
		
		
/* mobile view student list table fix for right column TR amt */
td.studentListTrAmount	{
	font-size:1.5em;
	font-weight:500;
	text-align:right;
	padding-right: 1em;
}
		
table.submitRewardsList th, table.accountMatchList th, table.asbUpDateList th {
	background-color:#09A1E4;
	color:#FFFFFF;
	font-size:125%;
	padding:.25em .75em;
}
	table.submitRewardsList tr.submitted-row {
			background:#004E70;color:#FFFFFF;
		}
	table.submitRewardsList tr.highlight-row {
			background:#FFC;
		}		
		table.submitRewardsList td.submitCheckbox	{
			width:40%;
			padding-top:0;
		}
		table.submitRewardsList td.submitAddress	{
			width:25%;
		}
		table.submitRewardsList td.submitData	{
			width:35%;
		}
		
		table.accountMatchList td.submitCheckbox	{
			width:15%;
			padding-top:0;
			text-align:center;
			vertical-align:middle;
			background:#CC9999;
		}
		table.asbUpDateList td.product {
			background-color:#333333;color:#FFF;padding:.3em .6em;
		}
		table.asbUpDateList td.rCell {
			width:8em;padding-bottom:1.4em; 
		}
			table.asbUpDateList td.doNothing {
				background-color:#FFC; 
			}
			table.asbUpDateList td.approve {
				background-color:#A6E19D; 
			}
			table.asbUpDateList td.term {
				background-color:#FFA595; 
			}
		

/* Header */

	#page-wrapper {
		padding-top: 3em;
	}
	
	#page-wrapper-inside {
		padding-top: 0;
	}
	
	body.landing #page-wrapper {
		padding-top: 0;
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	#header {
		/*background: #444;*/
		/*background:rgb(67,79,79);*/
		background:rgb(88,109,118);
		/*background:#2b0b2b;*/
		color: #bbb;
		cursor: default;
		height: 5.25em;
		left: 0;
		/*line-height: 3.25em;*/
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
	
	
		#header h1 {
		  color: inherit;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
		}

			#header h1 a {
				color: #fff;
				font-weight: 400;
				border: 0;
			}
			
			#header div.headersubcontainer {
				max-width:70em;margin:0 auto;
			}
			
		/*#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0.75em;
			top: 0.6em;
		}*/
		#header div.headerimage	{
			display:inline-block;
			width:100%;
			height:inherit;
			background-image: url("images/sstr_logo.png");
			background-repeat: no-repeat;
			background-position: 0 10%;
			z-index: 10000;
			padding-top:25px;
			padding-left:235px;
			text-align:right;
		}
		#header div.headerimageInside	{
			display:inline-block;
			width:100%;
			height:inherit;
			z-index: 10000;
			padding-top:25px;
			padding-left:25px;
			text-align:right;
		}
		
		#header nav {
			position: static !important;
			height:inherit;
			width:auto;
			overflow:visible;
			clip:auto;
		}
		

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

				#header nav > ul > li {
					display: inline-block;
					padding-left: 0;
				}

					#header nav > ul > li > ul {
						display: none;
					}

					#header nav > ul > li a {
						display: inline-block;
						height: 2em;
						line-height: 1.95em;
						padding: 0 1em;
						border-radius: 6px;
					}

					#header nav > ul > li a:not(.button) {
						color: #fff;
						display: inline-block;
						text-decoration: none;
						border: 0;
					}

						#header nav > ul > li a:not(.button).icon:before {
							color: #999;
							margin-right: 0.5em;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li.active a:not(.button) {
						background-color: rgba(153, 153, 153, 0.25);
					}

					#header nav > ul > li .button {
						margin: 0 0 0 0.5em;
						position: relative;
					}

		#header input[type="submit"],
		#header input[type="reset"],
		#header input[type="button"],
		#header .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px #999;
			color: #fff;
		}

			#header input[type="submit"]:hover,
			#header input[type="reset"]:hover,
			#header input[type="button"]:hover,
			#header .button:hover {
				background-color: rgba(153, 153, 153, 0.25);
			}

			#header input[type="submit"]:active,
			#header input[type="reset"]:active,
			#header input[type="button"]:active,
			#header .button:active {
				background-color: rgba(153, 153, 153, 0.5);
			}

		/* overrides colors above */
		#header .button.login {
			background-color: #09A1E4;
			box-shadow: inset 0 0 0 2px #ffffff;
		}

			#header .button.login:hover {
				background-color: #2eaee6;
			}


			#header .button.login:active {
				background-color: #038ac5;
			}
		
		/* overrides colors above */
		#header .button.signup {
			background-color: #FFB700;
			box-shadow: inset 0 0 0 2px #ffffff;
		}

			#header .button.signup:hover {
				background-color: #FFD364;
			}


			#header .button.signup:active {
				background-color: #C68E00;
			}			
		
		
		
		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background: none;
			color: rgba(255, 255, 255, 0.75);
			position: absolute;
		}

			#header.alt nav > ul > li a:not(.button).icon:before {
				color: rgba(255, 255, 255, 0.75);
			}

			#header.alt nav > ul > li.active a:not(.button) {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt .button {
				box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt .button:hover {
					background-color: rgba(255, 255, 255, 0.1);
				}

				#header.alt input[type="submit"]:active,
				#header.alt input[type="reset"]:active,
				#header.alt input[type="button"]:active,
				#header.alt .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

	.dropotron  {
		background: #FFFFFF;
		border-radius: 6px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.2);/*229, 229, 229, 0.2*/
		list-style: none;
		margin: calc(-0.5em + 1px) 0 0 1px;
		padding: 0.5em 0;
		width: 12em;
	}
	/* f5f5f5 */
	.dropotron-inside  {
		background: #586d76;
		color:#FFFFFF;
		/*background: #e5e5e5;*/
		border-radius: 3px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 0 0 1px rgba(88, 88, 88, 0.5); /*   inset 0 -1px 0 0 #ECECEC,  */
		list-style: none;
		margin: calc(-0.5em + 1px) 0 0 1px;
		padding: .5em 0;
		width: 16em;/*was 14 */
	}
		.dropotron li, .dropotron-inside li {
			padding: 0;
		}
			.dropotron li a, .dropotron li span, .dropotron-inside li a, .dropotron-inside li span {
				-moz-transition: none;
				-webkit-transition: none;
				-ms-transition: none;
				transition: none;
				border: 0;
				border-top: solid 1px #e0e0e0;/* f2f2f2 */
				color: inherit;
				display: block;
				padding: 0.15em 1em 0.15em 0.15em;
			}
			
			.dropotron-inside li a, .dropotron-inside li span {
				border-top: solid 1px rgba(88, 88, 88, 0.5);
			}

			.dropotron li:first-child > a, .dropotron li:first-child > span, .dropotron-inside li:first-child > a, .dropotron-inside li:first-child > span {
				border-top: 0;
			}
			

			.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
				background: #09A1E4;/*e89980*/
				color: #ffffff;
			}
			
			.dropotron-inside li.active > a, .dropotron-inside li.active > span, .dropotron-inside li:hover > a, .dropotron-inside li:hover > span {
				background: #FFB700;
				color: #ffffff;
			}

		.dropotron.level-0 {
			font-size: 0.9em;
			margin: 1em 0 0 0;
		}
		
		.dropotron-inside.level-0 {
			font-size: 0.9em;
			margin: .7em 0 0 0;
		}


			.dropotron.level-0:before, .dropotron-inside.level-0:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #fff;
				border: solid 1px rgba(229, 229, 229, 0.5);
				border-bottom: 0;
				border-right: 0;
				box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
				content: '';
				display: block;
				height: 0.75em;
				position: absolute;
				right: 1.25em;
				top: -0.375em;
				width: 0.75em;
				z-index: 0;
			}
			
			.dropotron-inside.level-0:before {
				border: solid 1px rgba(88, 88, 88, 0.5);
				background: #3CF;
				top: -0.475em;
			}


/* Banner */

	#banner {
		background-attachment: scroll,fixed;
		background-color: #666;
		background-image: url("images/overlay.png"), url("https://d1fe59plg962r3.cloudfront.net/banner_carthage_1800x905.jpg");
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		background-size: auto, cover;
		color: #fff;
		/*padding: 12em 0 20em 0;*/
		padding: 12em 0 15em 0;
		text-align: center;
	}

		#banner :last-child {
			margin-bottom: 0;
		}

		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#banner h2 {
			font-size: 3.5em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
		}

		/*#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],*/
		#banner .button {
			background-color: rgba(170,170,170,.9);
			/*background-color: transparent;*/
			/*box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);*/
			/*box-shadow: inset 0 0 0 2px rgba(255,183,0,1);*/
			/*box-shadow: inset 0 0 0 2px rgba(9,161,228,.5);*/
			box-shadow: inset 0 0 0 2px rgba(255, 255, 255,1);
			color: #fff;
			min-width: 10em;
			padding: 0 2em;
			font-size:1.30em;
			height:2.25em;
			line-height:2.25em;
			letter-spacing:1px;
		}

			/*#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,*/
			#banner .button:hover {
				/*background-color: rgba(255, 255, 255, 0.1);*/
				background-color: rgba(170,170,170,.7);
			}

			/*#banner input[type="submit"]:active,
			#banner input[type="reset"]:active,
			#banner input[type="button"]:active,*/
			#banner .button:active,#banner .button.special:active {
				/*background-color: rgba(255, 255, 255, 0.2);*/
				background-color: rgba(255, 255, 255, 0.7);
			}

			/*#banner input[type="submit"].special,
			#banner input[type="reset"].special,
			#banner input[type="button"].special,*/
			#banner .button.special {
				box-shadow: inset 0 0 0 2px rgba(255, 255, 255,1);
				background-color: rgba(255,183,0, 0.9);
				color: #FFFFFF !important;
			}
			#banner .button.special:hover {
				background-color: rgba(255,183,0,.7);
			}

/* Main */

	#main {
		padding: 4em 0;
	}

		#main > header {
			text-align: center;
			margin: 0 0 3em 0;
		}

			#main > header h2 {
				font-size: 2.75em;
				margin: 0;
			}

			#main > header p {
				border-top: solid 2px #e5e5e5;
				color: #777;
				display: inline-block;
				font-style: normal;
				margin: 1em 0 0 0;
				padding: 1em 0 1.25em 0;
			}

	body.landing #main {
		margin-top: -14em;
	}
	
	#main.thin	{
		padding-top: 3.5em;
	/* 3em is about as thin of a top margin as possible to avoid the menu button overlap on android - must check others */
	}
	
	#main.thin > header {
		margin-bottom: 1em;
	}
	

/* Footer */

	#footer {
		background:rgb(67,79,79);
		/*background:rgb(88,109,118);*/
		/*background:#2b0b2b;*/
		padding: 1em 0 6em 0;
		text-align: center;
	}
		#footer .icons {
			margin: 2em 0 0 0;
		}
		
		#footer .footeraddress {
			margin-top:1em;
			color:#FFF;
			font-size: 0.85em;
			line-height: 1.5em;
		}
		
		#footer .icons a {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			color:#FFF;
			opacity: 0.80;
		}

			#footer .icons a:hover {
				opacity: 1.0;
			}

		#footer .copyright {
			/*color: #999;*/
			color:#FFF;
			/*opacity: 0.80;*/
			font-size: 0.75em;
			line-height: 1em;
			margin: 2em 0 0 0;
			padding: 0;
			text-align: center;
		}

			#footer .copyright a {
				color:#FFF;
				border-bottom: none;
			}

			#footer .copyright li {
				border-left: solid 1px #dddddd;
				display: inline-block;
				list-style: none;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}
		
		#footer .bottomnav {
			/*color: #999;*/
			color:#FFF;
			opacity: 0.80;
			font-size: 0.7em;
			line-height: 1em;
			margin: 1em 0 1em 0;
			padding: 0;
			text-align: center;
		}
		
			#footer .bottomnav a {
				color: inherit;
				opacity: 1.0;
				/*border-bottom: none; this is how you remove that dotted border on a */
			}

			#footer .bottomnav li {
				display: inline-block;
				list-style: none;
				padding-left: 1em;
				margin: 2em 0 0 1em;
			}

				#footer .bottomnav li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}		


/* Wide */

	@media screen and (max-width: 1680px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
			}

		/* Banner */

			#banner {
				padding: 10em 0 18em 0;
			}

	}

/* Normal */

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Header */

			.dropotron.level-0 {
				font-size: 1em;
			}

		/* Banner */

			#banner {
				background-attachment: scroll;
			}

				#banner h2 {
					font-size: 3.5em;
				}

	}

/* Narrow */

	@media screen and (max-width: 980px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

	}

/* Narrower */

	#navPanel, #navButton {
		display: none;
	}

	@media screen and (max-width: 840px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				font-size: 11pt;
			}

			h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

		/* Section/Article */

			header br {
				display: none;
			}

			header.major {
				padding: 0 4em;
			}

		/* Box */

			.box {
				padding: 3em 2em;
			}

				.box.features > section {
					padding: 3em 2em;
				}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Header */

			#page-wrapper {
				padding-top: 0;
			}

			#header {
				display: none;
			}

		/* Banner */

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
					border: 0;
					outline: 0;
				}

					#navButton .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					#navButton .toggle:before {
						background: rgba(192, 192, 192, 0.75);
						border-radius: 6px;
						color: #fff;
						content: '\f0c9';
						display: block;
						font-size: 16px;
						height: 2.25em;
						left: 0.5em;
						line-height: 2.25em;
						position: absolute;
						text-align: center;
						top: 0.5em;
						width: 3.5em;
					}
			/* this is the panel that slides out */
			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #939;
				background: #2b2b2b;
				color: #bbb;
			}

				#navPanel .link {
					border-bottom: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: #bbb;
					display: block;
					height: 44px;
					line-height: 44px;
					padding: 0 1em 0 1em;
					text-decoration: none;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link.depth-0 {
						color: #fff;
					}

					#navPanel .link .indent-1 {
						display: inline-block;
						width: 1em;
					}

					#navPanel .link .indent-2 {
						display: inline-block;
						width: 2em;
					}

					#navPanel .link .indent-3 {
						display: inline-block;
						width: 3em;
					}

					#navPanel .link .indent-4 {
						display: inline-block;
						width: 4em;
					}

					#navPanel .link .indent-5 {
						display: inline-block;
						width: 5em;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Mobile */

	@media screen and (max-width: 736px) {
		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

			h2 {
				font-size: 1.75em;
				line-height: 1.35em;
				letter-spacing: -0.025em;
			}

			h3 {
				font-size: 1.5em;
			}

			h4 {
				font-size: 1em;
			}

		/* Section/Article */

			header.major {
				padding: 1em;
			}

				header.major h2, header.major p {
					padding-left: 0.5em;
					padding-right: 0.5em;
				}

		/* Box */

			.box {
				margin: 1em;
				overflow-x: hidden;
				padding: 2em 2em !important;
			}

				.box.features .features-row {
					border-top: 0;
					padding: 0;
				}

					.box.features .features-row section {
						border: 0;
						border-top: solid 1px #e5e5e5 !important;
						float: none;
						margin: 2em 0 0 0 !important;
						padding: 2em 0 0 0 !important;
						width: 100%;
					}

					.box.features .features-row:first-child section:first-child {
						border-top: 0 !important;
						margin-top: 0 !important;
						padding-top: 0 !important;
					}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 2em;
						margin-top: -2em;
					}

					.box .image.featured:last-child {
						margin-bottom: -2em;
						margin-top: 2em;
					}

		/* Banner */

			#banner {
				padding: 4em 0;
			}

				#banner h2 {
					font-size: 2.25em;
				}

				#banner p {
					font-size: 1.25em;
				}

		/* Main */

			#main {
				padding: 4em 0 0 0;
			}

				#main > header {
					margin: 0 2em 1.5em 2em;
				}

					#main > header h2 {
						font-size: 2em;
					}

					#main > header p {
						font-size: 1em;
						padding-bottom: 1em;
					}

			body.landing #main {
				padding: 0;
				margin-top: 0;
			}

		/* Footer */

			#footer {
				padding: 4em 0;
			}

				#footer .copyright li {
					border-left: 0;
					display: block;
					line-height: 2em;
					margin-left: 0;
					padding-left: 0;
				}

	}

/* Mobile (Portrait) */

	@media screen and (max-width: 480px) {

		/* Basic */

			html, body {
				min-width: 320px;
			}

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Section/Article */

			header.major {
				padding: 0;
			}
			
			div.insideHeaderImage	{
				margin-top:-2.5em;
			}

		/* List */

			ul.actions {
				margin: 0 0 2em 0;
			}

				ul.actions li {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions li:first-child {
						padding-top: 0;
					}

					ul.actions li > * {
						width: 100%;
						margin: 0 !important;
					}

						ul.actions li > *.icon:before {
							margin-left: -2em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

					ul.actions.small li:first-child {
						padding-top: 0;
					}

		/* Box */

			.box {
				border-radius: 0;
				box-shadow: none;
				margin: 1em 0 0 0;
				padding: 3em 1em !important;
			}

				.box.features .features-row section {
					margin: 3em 0 0 0 !important;
					padding: 3em 0 0 0 !important;
				}

				.box .image.featured {
					border-radius: 0;
					margin-left: -1em;
					width: calc(100% + 2em);
				}

					.box .image.featured img {
						border-radius: 0 !important;
					}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Banner */

			#banner {
				padding: 5em 1em 4em 1em;
			}

		/* Main */

			#main > .box:first-child {
				margin-top: 0;
			}

		/* CTA */

			#cta {
				padding: 2.5em 1em 3em 1em;
			}

	}


/* inside Nav
----------------------------------------c80032---------------------- */
#nav-trigger {
  display: none;
  /*text-align: center;*/
}
  
#nav-trigger span {
	display: inline-block;
	padding: 10px 30px;
	background-color: #09A1E4;/* background color of mobile placeholder - changes when activated though */
	border:1px solid #09A1E4;
	border-radius::5px;
	color: white;
	cursor: pointer;
	text-transform: uppercase; 
	width:227px;
}
	#nav-trigger span:after {
		display: inline-block;
		margin-left: 10px;
		width: 20px;
		height: 10px;
		content: "";
		border-left: solid 10px transparent;
		border-top: solid 10px #fff;
		border-right: solid 10px transparent;
	}
    #nav-trigger span:hover {
      background-color: #09A1E4;
		}
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent;
		}

/*nav {
  margin-bottom: 30px; } */

/* -------- interpage navigation -------------- */

nav#nav-main {
  /*background-color: #c80032;*/
	/*background-color:#FFFFFF;*/
  /*padding: .1em 0;*/
	font-size:.90em;
	background:#efefef;
	border:1px solid #DDDDDD;
	padding:.25em 2em;
}
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
	}
  nav#nav-main li {
    display: inline-block;
    padding: 0 .2em;
		margin: 0 1em;
		border-radius:6px;
		border:1px solid #efefef;
	}
    nav#nav-main li:last-child {
      border-right: none;
		}
		nav#nav-main li.active	{
			background:#FEFEFA;
			border:1px solid #d3d3d3;
		}
		
		
  nav#nav-main a {
    display: block;
    padding: .2em .5em;
		border-bottom:none;
	}

	div.insideHeaderImage	{
		margin-bottom:1em;
	}
	
	#nav-main > ul > li.nav-alert {
		/*background:#FF3100;*/
		/*background: rgba(255,49,0,0.10);*/
		border-radius: 6px;
		border: solid 1px rgba(255,49,0,0.80);
	}
		#nav-main > ul > li.nav-alert a {
			color:#5b5b5b;
			font-weight:400;
		}
			#nav-main > ul > li.nav-alert.active	{
				background: rgba(255,49,0,.2);	
				border: solid 1px rgba(255,49,0,0.80);
			}
				#nav-main > ul > li.nav-alert a.active {
					color:#5b5b5b;
				}
			
nav#nav-mobile {
  position: relative;
  display: none;
	z-index:1000;
}
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    /*margin-left: 4em;*/
    margin-right: 4em;
    text-align: center;
    background-color:#333;
		width:285px;
		/* #09A1E4*/
	}
		nav#nav-mobile li {
			display: block;
			padding: 5px 0;
			margin: 0 5px;
			border-bottom: solid 1px #59BCE7;
		}
    nav#nav-mobile li:last-child {
      border-bottom: none;
		}
			nav#nav-mobile a {
				display: block;
				color: white;
				padding: 10px 20px;
				border-bottom:none;
			}
				nav#nav-mobile a:hover {
					background-color:#FFFFCC;
					color: #404040;
				}

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }

/* HTML 5 event calendar */
time.icon {
  font-size: 0.85em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
	margin: .5em auto 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
/* 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd*/
time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
	
}

time.icon strong {
  position: absolute;
  top: 0;
  padding: 0.3em 0;
  color: #fff;
	font-size:1.1em;
  background-color: #FF3100;/*f37302*/
  border-bottom: 1px dashed #333;/*fd9f1b*/
  box-shadow: 0 2px 0 #FF3100;/*fd9f1b*/
}
time.icon em {
  position: absolute;
  bottom: 0.1em;
  color: #FF3100;
}
time.icon span {
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 1.2em;
  color: #2f2f2f;
}