@charset "UTF-8";
/* CSS Document */

/* START STANDARD DISPLAY STYLES */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rubik', 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 500 !important;
}
h2 {
	font-size: 36px;
	text-transform: uppercase;
}
h2 small {
	font-size: 24px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
strong {
	font-family: 'Rubik', 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700 !important;
}
hr {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #f7f7f7;
}
#content {
	margin: 0 auto;
	font-family: 'Rubik', 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	position: relative;
}
#content a {
	text-decoration: underline !important;
}
.holder-home {
	background-image: url(../images/bg-home.png);
	background-position: top;
	background-repeat: no-repeat;
}
.holder-teachers {
	background-image: url(../images/bg-teachers.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.holder-students {
	background-image: url(../images/bg-students.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.logo-holder {
	margin: 0;
	padding: 0;
}
.logo {
	margin: 0 auto;
}
.logo-inner {
	margin: 0;
	padding: 0;
}
.img-center {
	margin: 0 auto;
}
.text-medium {
	font-weight: 500;
}
.text-large {
	font-size:  18px;
}
.split-teachers, .split-students {
	padding-top: 1px;
	padding-bottom: 1px;
}
.cutout-teacher, .cutout-student {
	margin: 4em auto 0.5em auto;
	display: block;
	border: none;
	outline: 0 !important;
}
#content a.btn {
	text-decoration: none !important;
}
.btn {
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn-lg {
	font-size: 24px;
}
.btn-home-1 {
	margin-bottom: 5em;
	text-decoration: none !important;
}
.btn-home-2 {
	margin-bottom: 1.5em;
}
.btn-home-3 {
	margin-top: 0.75em;
	margin-bottom: 0em;
}
.btn-one {
	color: #ffffff;
	background-color: #D47500;
	border-color: #AD5F00;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}

.btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active {
	color: #ffffff;
	background-color: #e98810;
	border-color: #AD5F00;
}

.btn-one:active, .btn-one.active {
	background-image: none;
}
.btn-two {
	color: #ffffff;
	background-color: #116534;
	border-color: #074923;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
.btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active {
	color: #ffffff;
	background-color: #1f8349;
	border-color: #074923;
}
.btn-two:active, .btn-two.active {
	background-image: none;
}
.btn-submit {
	margin-top: 1.25em;
}
.header-students, .header-students small, .header-students a {
	color: #0e6332;
}
.header-teachers, .header-teachers small, .header-teachers a {
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.content-students {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #116534;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.content-teachers {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.content-teachers h3 {
	margin-top: 0;
}
.content-sidebar {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #ededed;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.content-box {
	margin: 1em auto;
	padding: 1em;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.title-teachers {
	color:#116534;
}
.title-students {
	color:#ffffff;
}
.well-teachers {
	background-color: #fffaea;
}
.well small {
	color:#666666;
}
.well-besafe {
	margin-top: 1.625em;
	background-color: #ededed;
}
.well-besafe h3 {
	margin-top: 0;
}
.well-besafe ul {
	list-style: none;
}
.well-besafe ul li {
	margin-bottom: 0.5em;
}
.well-besafe ul li:before {
    content: "\e090";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-top: -1px;
    margin-left: -24px;
    color: #d12929;
}
.error-home {
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #ff0000;
}
.error-message {
	height: 18px;
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #ff0000;
}
/* //END STANDARD DISPLAY STYLES */





/* START MOBILE DISPLAY STYLES */
@media screen and (min-width: 240px) and (max-width: 767px) {
	.holder-home {
		background-image: none;
	}
	.logo-holder {
		background:url(../images/bg-logo.png) bottom #116534;
	}
	.logo {
		width:50%;
	}
	.logo-inner .img-center {
		margin: 0;
	}
	.split-teachers {
		background: url(../images/bg-teachers.gif) top repeat-x;
	}
	.split-students {
		background: url(../images/bg-students.gif) top repeat-x;
	}
	.cutout-teacher, .cutout-student {
		margin: 1em auto 0.5em auto;
	}
	.btn-home-1 {
		margin-bottom: 1.5em;
	}
	.well-besafe {
		margin-top: 0em;
	}
}
/* //END MOBILE DISPLAY STYLES */





/* START TABLET DISPLAY STYLES */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.cutout-teacher, .cutout-student {
		margin: 2em auto 0.5em auto;
	}
	.btn-lg {
		font-size: 21px;
	}
	.well-besafe {
		margin-top: 0em;
	}
}
/* //END TABLET DISPLAY STYLES */





/* START SMALL DISPLAY STYLES */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.cutout-teacher, .cutout-student {
		margin: 3em auto 0.5em auto;
	}
	.well-besafe {
		margin-top: 0em;
	}
}
/* //END SMALL DISPLAY STYLES */
