
* {margin:0; padding: 0;} /* reset all */

/*:focus { outline: 0; }*/

/* Elements */
html, body {
	height: 100%;
}

body {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Roboto', 'Helvetica Neu', Arial, sans-serif;
	text-rendering: optimizelegibility;
}

a:focus {
	outline: thin dashed;
}

a#jumpLink {
	position: absolute;
	top: 15px;
	left: 15px;
}

#jumptocontent:focus {
	outline: thin dashed #333;
	outline-offset: 2px;
}

h1, h2, h3, h4, h5, h6 {
	/*font-weight: normal !important;*/
	font-family: 'Open Sans', sans-serif;
	/*margin: 2px 0px 5px 0px;*/
	/*padding: 2px 0px;*/
	color: #666;
}

h1, h2 {
	font-weight: 400 !important;
}

h3, h4, h5, h6 {
	font-weight: 400 !important;
	color: #666;
}

h2 {
	font-size: 28px;
	line-height: 34px;
	/*font-size: 35px;
	line-height: 40px;*/
}

h2.page-title {
	margin: 0 0 20px 0;
	padding: 0;
}

h3 {
	font-size: 25px;
	line-height: 30px;
}

/*h3 {
	font-size: 30px;
	line-height: 35px;
}*/

h4 {
	font-size: 25px;
	line-height: 30px;
}

h5 {
	font-size: 20px;
	line-height: 25px;
}

h6 {
	font-size: 16px;
	line-height: 24px;
}

p {
	margin: 5px 0px;
}

h2.modal-title {
	font-size: 28px !important;
	line-height: 30px;
	color: #666;
	margin: 0 0 10px 0;
	padding: 0;
}

.close:focus, .close:hover {
	outline: thin dashed #000;
	outline-offset: 2px;
}

/*a:hover, a:active, a:focus {
	outline: 0;
}*/

.features-four a:focus {
	outline: thin dashed #ffffff;
	outline-offset: -4px;
}

hr {
	/*margin: 20px 0px;*/
	border-color: #CFCFD6;
}

strong {
	font-weight: 500;
}

/*:focus {
	outline: none;
	border: 0;
}*/

/*::-moz-focus-inner {
	border: 0;
}*/
/* End Elements */

#wrapper {
	min-height: 100%;
	margin-bottom: -40px;
	padding-bottom: 20px;
}

#wrapper:after {
	content: "";
	display: block;
	height: 40px;
}

.container{
	max-width: 960px;
}

/* Header */
header {
	background: #888888;
	/*border-bottom: 5px solid #B99C5A;*/
}

header .schlnm {
	/*padding: 15px;*/
	padding: 15px 0 15px;
}

header .schlnm h1 {
	font-size: 26px;
	margin: 0;
	padding: 2px 0;
}

header .schlnm a, header .schlnm a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

header .schlnm a:hover {
	color: #DDDDDD;
	text-decoration: none;
}

header .schlnm .hmeta {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 22px;
	margin: 5px 0;
}
header .schlnm .hmeta .fa-ul {
	margin: 0;
}
header .schlnm .hmeta ul li {
	display: inline;
	padding-right: 15px;
}

header .schlnm .hmeta i {
	color: #DDDDDD;
}

.fa-phone {
	padding-right: 2px;
}

.fa-envelope {
	padding-right: 7px;
}
.col-name {
	padding-left: 10px;
}
.col-contact {
	padding-right: 0;
}
/* End Header */

/* Positioning Helper Classes */
.margin-bottom-0 { margin-bottom: 0; }

.margin-top-0 { margin-top: 0; }

.margin-top-30 { margin-top: 30px; }

.margin-bottom-30 { margin-bottom: 30px; }

.margin-right-30 { margin-right: 30px; }

.margin-left-30 { margin-left: 30px; }

.padding-top-30 { padding-top: 30px; }

.margin-top-20 { margin-top: 20px; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-right-20 { margin-right: 20px; }

.margin-left-20 { margin-left: 20px; }

.padding-top-20 { padding-top: 20px; }

.margin-top-25 { margin-top: 25px; }

.margin-bottom-25 { margin-bottom: 25px; }

.margin-right-25 { margin-right: 25px; }

.margin-left-25 { margin-left: 25px; }

.padding-top-25 { padding-top: 25px; }

.margin-top-16 { margin-top: 16px; }

.margin-bottom-16 { margin-bottom: 16px; }

.margin-right-16 { margin-right: 16px; }

.margin-left-16 { margin-left: 16px; }

.margin-top-10 { margin-top: 10px; }

.margin-bottom-10 { margin-bottom: 10px; }

.margin-right-10 { margin-right: 10px; }

.margin-left-10 { margin-left: 10px; }

.margin-top-7 { margin-top: 7px; }

.margin-bottom-7 { margin-bottom: 7px; }

.margin-left-7 { margin-left: 7px; }

.margin-right-7 { margin-right: 7px; }

.margin-top-5 { margin-top: 5px; }

.padding-right-0 { padding-right: 0; }

.padding-right-15 { padding-right: 15px; }
/* End Positioning Helper Classes */

/* Special Announcement Panel */
.panel-alert {
	background: #a94442 repeat scroll 0 0;
	border-color: #a94442;
	box-shadow: none;
	/*margin-bottom: 20px;*/
}

.panel-alert .clickable {
	cursor: pointer;
}

.panel-alert > .panel-heading {
	color: #fff;
	background-color: #933b39;
	border-color: #933b39;
}

/*.panel-alert > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #933b39;
}

.panel-alert > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #933b39;
}*/

.panel-alert > .panel-body {
	color: #fff;
}

.panel-alert > .panel-body a {
	color: #ffebcc;
	text-decoration: underline;
}

.panel-alert > .panel-body a:hover {
	text-decoration: none;
}

/*.caret{
	border-top-color: #C0C0C0 !important;
	border-bottom-color: #C0C0C0 !important;
}*/

/* Navigation */
.hdrlogo {
	color: #fff;
	float: left;
	font-size: 24px;
	margin: 12px 8px 0 0;
	/*margin: 10px 8px 0 0;*/
}

.social-links {
	text-align: center;
}

.social-links i {
	height: 25px;
	width: 25px;
	line-height: 25px;
	margin-top: 15px;
	text-align: center;
	color: #ffffff;
	/*color: #C0C0C0;*/
}

.social-links a {
	border: none;
}

.social-links a:hover i {
	color: #666666;
	/*color: #444444;*/
}

/* Ask Jeff about this */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	/*background-color: #ffffff;*//*#555555*/
	/*border-color: #dddddd;*/ /* added by MAC for calendar tabs */
	color: #555555;
	background-color: #333333;
	border-color: #333333;
}

.navbar-inner > .container {
	width: 940px;
}

.navbar {
	margin-bottom: 0px;
	padding-left: 0px;
	background: #444444;
	/*background: #666666;*/
	filter: none !important;
	border-top: 2px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
	border-radius: 0;
}

.navbar-toggle {
	margin-right: 0;
}

.navbar button {
	font-size: 13px;
	padding: 6px 10px;
	color: #fff !important;
	margin-right: 5px;
}

.navbar *, .nav-collapse * {
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0px !important;
	font-weight: normal !important;
}

.navbar .navbar-collapse {
	padding-left: 15px;
}

.navbar a, .navbar a:visited {
	color:#ffffff !important;
	background: #444444;
}

.navbar .nav > li > a, .navbar .nav > li > a:visited {
	color: white !important;
	/*color: #C0C0C0 !important;*/
	padding: 15px;
	filter: none !important;
	font-size: 13px;
	background: #444444;
	/*background: #666666;*/
}

.navbar .nav > li > a:hover {
	background: #555555 !important;
}

.navbar .icon-bar {
	background: #fff;
}

/* added for ADA compliance */
.dropdown-toggle:focus { /* overrides bootstrap */
	outline: thin dashed;
	outline-offset: -2px;
}

.panel-heading:focus {
	outline: thin dashed;/* #fff*/
	outline-offset: -2px;
}

/* Drop-down Menu */
.dropdown-menu {
	font-size: 13px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0px;
	margin: 0px;
	background: #fafafa;
	border: 1px solid #ddd !important;
	border-top: 0px !important;
}

.dropdown-menu a {
	padding: 9px 10px !important;
	color: #555 !important;
	/*color: #666 !important;*/
	text-shadow: none !important;
	background: #fafafa !important;
	border-bottom: 1px solid #eee;
}

.dropdown-menu a:visited {
	color: #555 !important;
	/*color: #666 !important;*/
}

.dropdown-menu a:hover, .dropdown-menu a:focus {
	filter: none !important;
	background: #f3f3f3 !important;
}

.dropdown-menu::after, .dropdown-menu::before {
	border:none !important;
}
/* End Drop-down Menu */

/* Content */
.content {
	margin-top: 20px;
	overflow: auto;
}

.intro-text h2 {
	margin-top: 0;
	padding-top: 0;
}

.intro-text p {
	line-height: 20px;
	margin-bottom: 10px;
}

.schlcolor {
	height: 5px;
	background-color: #013263;
}

.schllogo {
	float: right;
}

.schllogo img {
	float: right;
}

.schllogo_main img {
	float: right;
}

.center {
	text-align: center;
}

.well {
	box-shadow: none;
}

.help-block {
	color: #555555;
}

.help-block a {
	color: #275d8b;
	text-decoration: underline;
}

.help-block a:hover {
	text-decoration: none;
	color: #275d8b;
}

.bor {
	height: 20px;
}

.border {
	background: url("/graphcc/dots.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 5px;
  margin: 20px 0 !important;
}

/* Columns */
.col-l {
	width: 47.5%;
	float: left;
}

.col-r {
	width: 47.5%;
	float: right;
}

/* Slider */
.full-slider {
	background: none repeat scroll 0 0 #062E5F; /*default color for non-client school background*/
	/*margin-bottom: 30px;*/
}

.full-slider .rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.full-slider .rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.full-slider .rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.full-slider .rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
/* End Slider */

/* Carousel for Other Pages */
#myCarousel a.thumbnail {
	margin-bottom: 0;
}

#myCarousel .carousel-control {
	width: 8%;
}

#myCarousel .carousel-control {
	z-index: 1000;
}

#myCarousel .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	margin-left: 10px;
	left: 0;
}

#myCarousel .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	margin-right: 10px;
	right: 0;
}

#myCarousel2 .carousel-control {
	z-index: 1000;
}
/* End Carousel for Other Pages */

/* Features Four */
.features-four {
	margin-top: 10px;
	/*margin-bottom: 30px;*/
}

.features-four h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400 !important;
	margin-top: 0;
}

.features-four a h3 {
	color: #fff;
}

.features-four .f-block {
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
	min-height: 190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}

.features-four a, .features-four a:hover {
	text-decoration: none;
	border: none;
}
/* Features Four */

.img-opacity {
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	/*-khtml-opacity:0.4;
	-moz-opacity:0.4;
	opacity:0.4;*/
	/*filter:alpha(opacity=40);*/ /* For IE8 and earlier */
}

.b-black {
	background: #006699; /*default color for non-client schools*/
	/*background: #888888;*/
	margin: 3px 0px;
	display: inline-block;
	/*-webkit-transition:background 1s ease;
	-moz-transition:background 1s ease;
	-o-transition:background 1s ease;
	transition:background 1s ease;*/
	cursor:default;
}

.b-black:hover {
	background: #555555 !important;
	/*background: #555555;
	-webkit-transition:background 1s ease;
	-moz-transition:background 1s ease;
	-o-transition:background 1s ease;
	transition:background 1s ease;*/
}

/* Buttons */
/*.btn:focus, .btn:hover { outline: 0; }  Turns off outline around clicked buttons */
.btn:active:focus, .btn:focus {
	outline: thin dashed;
	outline-offset: -3px;
}
.btn-default {
	background-color: #767676;
	border: 1px solid #767676;
	color: #ffffff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
	background-color: #555555;
	border: 1px solid #555555;
	color: #ffffff;
}

.button a, .button a:visited {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
	padding: 5px 8px;
	margin-top: 3px;
}

.button a:hover {
	color: #fff;
	text-decoration: none;
}
/* End Buttons */

/* Header Buttons */
header .schlnm a, header .schlnm a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

/*.popover-btns {
	margin-top:10px;
	margin: 0;
	margin: 0px 10px 5px 0;
}*/
.popover-btns ul {
	margin-bottom: 0;
}

header .schlnm .popover-btns a {
	color: #ffffff;
	/*color: #C0C0C0;*/
}

header .schlnm .popover-btns a:hover {
	color: #ffffff;
	/*color: #C0C0C0;*/
}

.btn.hdrbtn {
	background: #444444;
	/*background: #666666;*/
	border: none;
	color: #ffffff;
	/*color: #C0C0C0;*/
	padding: 8px 12px;
}

.btn.hdrbtn:hover {
	background: #555555;
	border: none;
}

btn.hdrbtn a:hover {
	color: #C0C0C0;
	text-decoration: none;
}

.hdrbtn a, .hdrbtn a:visited, .hdrbtn a:active {
	color: #C0C0C0;
}

.hdrbtn .btn:hover, .hdrbtn .btn:focus {
	color: #C0C0C0;
}

/* Office Popups for Header */
.popover {
	max-width: 100%;
}

.popover-btns.popover {
	border-radius: 3px;
}

.popover-btns .popover-title {
	display: none;
}

.popover-btns .popover-examples .popper-content {
	padding: 9px 10px;
	color: #cc0000;
	font-size:13px;
}

.list-inline > li {
	display: block;
}

.poptxt {
	color: #555555;
	padding-bottom: 5px
}

.error {
	font-size: 13px;
	font-weight: 500;
	color: #cc0000;
}

/* Footer */
footer {
	background-color: #444444;
	color: #ffffff;
}

footer a, footer a:active, footer a:visited, footer a:focus {
	color: #ffffff;
	text-decoration: none;
}

footer a:hover {
	color:#ABABAB;
}

/*footer .copy {
	color: #ffffff;
	text-align: right;
	padding: 10px 0 0 0;
	font-size: 10px;
}*/
footer .copy {
	color: #ffffff;
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	padding-top: 12px;
}
footer .copy a {
	text-decoration: underline;
}
footer .copy-small {
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
	font-size: 9px;
}
footer .copy-small a {
	text-decoration: underline;
}
.footer {
	height: 40px;
	position: relative;
	clear: both;
}

.bnr_ftr {
	background-color: #888888;
	clear: both;
	padding:20px 0;
}

.ftrlogo {
	float: left;
	margin: 0 8px 0 0;
}

.regmark {
	vertical-align: top;
	line-height: 8px;
	font-size: 8px;
}
/* End Footer */

.navbar-brand {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	padding: 12px 0 0 0;
	height: 40px;
}

/* Reg banner area */
#reg-banner {
	background: url("/graphcc/diagdrk.gif") repeat scroll 0 0 #FFFFFF;
	margin-top: 20px;
	padding: 30px 0;
}

.banner {
	/*margin-bottom: 10px;*/
	font-size: 20px;
	color: #666;
}

.banner h1 {
	text-align:left;
	font-size:28px;
	margin-bottom:15px;
}

.banner h2 {
	font-weight: bold;
	text-shadow: none;
	text-align: left;
	border-bottom: none;
}

.banner h3 {
	text-align: left;
	color: #F7F7F7;
	text-shadow: none;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 17px;
}

.banner p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 10px;
}

.banner p:last-child {
	margin-bottom: 0;
}

.banner ul, .banner ol {
	line-height: 28px;
	margin: 0 15px;
	padding: 0 0 10px 15px;
}

.services p.subhdr {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
	font-weight: 400; /* Changed by MAC - 10/22/2015 */
	color: #666;
}

.services ul {
	margin-bottom: 0;
}

.services ul li {
	margin-bottom: 10px;
	padding-left:10px;
}

.services ul li:last-child {
	margin-bottom: 0;
}

.services ul li i {
	color: #888888;
}

.help-block {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}

/* Login Box */
.btn-sgnin {
	color: #ffffff;
	background-color: #347ab7;
	padding: 8px 12px;
	border: none;
}

.btn-sgnin:hover,
.btn-sgnin:focus,
.btn-sgnin:active,
.btn-sgnin.active,
.open .dropdown-toggle.btn-sgnin {
	color: #ffffff;
	background-color: #3276b1;
	border: none;
}

.btn-sgnin:active,
.btn-sgnin.active,
.open .dropdown-toggle.btn-sgnin {
	background-image: none;
}

.btn-sgnup {
	color: #ffffff;
	background-color: #777777;
	padding: 8px 12px;
	border: none;
}

.btn-sgnup:hover,
.btn-sgnup:focus,
.btn-sgnup:active,
.btn-sgnup.active,
.open .dropdown-toggle.btn-sgnup {
	color: #ffffff;
	background-color: #555555;
	border: none;
}

.btn-sgnin:active,
.btn-sgnin.active,
.open .dropdown-toggle.btn-sgnup {
	background-image: none;
}

.form-well {
	border: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	margin-bottom: 0;
}
/* End Login Box */

#announcements, #comments, #events, #about {
	margin-top: 30px;
}

#comments ul, #comments ol {
	margin: 0 10px 15px 10px;
	padding: 0 0 0 15px;
}

#comments li {
	padding: 0 0 4px 0;
}

#comments li:last-child {
	padding: 0;
}

#comments *:last-child {
	margin-bottom: 0;
}

/* Accordion */
#announcements .panel {
	box-shadow: none;
}

#announcements .panel-default {
	border-color: #CFCFD6;
}

#announcements .panel-title {
	color: #666666;
	padding-right: 30px;
}

#announcements .panel-heading a, #announcements .panel-heading a:visited, #announcements .panel-heading a:hover {
	text-decoration: none;
}

#announcements .panel-heading:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}

#announcements .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #CFCFD6;
}

#announcements .panel-heading {
	position: relative;
}

#announcements .glyphicon.glyphicon-chevron-down,
#announcements .glyphicon.glyphicon-chevron-up {
	position: absolute;
	top: 14px;
	right: 15px;
}

#announcements .panel-group {
	margin-bottom: 0;
}

#announcements .panel-body .last {
	margin-bottom: 0;
}

/* Events */
a.thumbnail:hover,
a.thumbnail:focus {
	border-color: #888888;
}

.title {
	font-weight: 300 !important;
}

/* PREVIEW HEADER BAR */
#resblackbar {
	width: 100% !important;
	height: 40px;
	background: url(/graphcc/blacktile.gif) repeat-x;
}

#resblackbar_content {
	background-position: center;
	margin: 0 auto;
	width: 100%;
	color: #cccccc;
	padding-top: 6px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#resblackbar_content form {
	margin: 0;
	padding: 0;
	display: inline;
}

#resblackbar_content input[type="button"] {
	color: #555 !important;
	padding: 1px 4px;
}
/* End Preview Header Bar */

.nobold {
	font-weight: normal;
}

/* Large Links */
ul.module-links {
	list-style: outside none none;
}
.module-links li {
	padding-bottom: 10px;
}
.module-links a {
	font-family: "Open Sans",sans-serif;
	font-size: 18px;
}
/* End Large Links */

/* Forms*/
.form-control:focus {
	outline: thin solid #66afe9;
	border-radius: 0px;
	box-shadow: none;
}

.module-title {
	color: #666;
	font-family: "Open Sans",sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 34px;
	margin: 0 0 10px 0;
	padding: 0;
}
.formsect {
	color: #999;
}
.subsect {
	color: #999;
	font-family: "Open Sans",sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.reqd {
	color: #a94442;
	font-size: 13px;
	font-weight: 300;
}
label {
	font-weight: 500;
}
label.radio-inline {
	font-weight: 400;
}
label.checkbox-inline {
	font-weight: 400;
}
.checkbox label, .radio label {
	margin-bottom: 5px;
}
/* End Forms*/

/* Errors, Alerts */
div.errorDiv {
	margin-top: 3px;
	color: #cc0000;
}
.alert-success {
	line-height: 24px;
}
.alert-success p:first-child::before {
	content: "\f00c";
	font-family: FontAwesome;
	font-weight: 700;
	margin-right: 5px;
}
.alert-success p:last-child {
	margin-bottom: 0;
}
.alert li.error-head {
	font-size: 20px;
	line-height: 24px;
	font-family: "Open Sans",sans-serif;
}
.alert li:first-child {
	padding-bottom: 13px;
}
.alert li.error-head i {
	font-size: 28px;
	top: -.05em;
}
.alert .fa-ul {
	margin-left: 2.2em;
}
.fa-li {
	left: -1.5em;
	width: 1.5em;
}
/* End Errors, Alerts */
