@media (min-width: 992px){
	#container {
		width: 970px !important;
	}
}
@media (min-width: 1200px){
	#container {
		width: 1170px !important;
	}
}

#webbar .cookies {
	padding:0px 5px;
	height:22px;
}
#google_translate_element{
	padding:0px 5px !important;
	height:22px !important;
}
#pupil_login{

}
.gobutton {
	background: #99ccff;
	border: solid #fff;
	color: #000066;
	padding:2px 15px;
	font-size:12px;
}
#pupil_login .username, #pupil_login .password{
	padding:2px 7px;
	border: solid #fff;
}
.subnav .col-lg-3{
	color:#FFF !important;
	text-decoration:none !important;
}
.standard_box{
	border:3px solid #000066;
}
.standard_box:hover{
	border:3px solid #000066;
	background:#99ccff;
	color:#fff;
}

.standard_box a{
	color:#000066;
	/*display:block;*/
	cursor:pointer;
}
.standard_box a:hover{
}

#content a{
	color:#000066;
}
.class_heading_right a{
	font-size:18px;
	padding:7px 15px;
	background:#000066 !important;
	color:#FFF !important;
}
.box h2 a {
	font-size:26px;
	padding:7px 15px;
	display:block;
}
.box .content a{
	display:block;
	border:3px solid #000066;
	color:#000066;
	/*display:block;*/
	cursor:pointer;
	border-radius:7px;
	padding:10px 15px;
}
.box .content a:hover{
	text-decoration:none;
}
@media screen and (min-width: 992px) {
	#mobile_black_bar{
		display:none;
	}
	#webbar{
		display:block;
	}
}
@media screen and (max-width: 992px) {
	#mobile_black_bar{
		display:block;
	}
	#webbar{
		display:none;
	}
}
#mobile_black_bar a{
	display:block;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:20px;
}
#mobile_black_bar .staff_login{
	background:#000;
}
#mobile_black_bar .parent_login{
	background:#666;
}
#mobile_black_bar .blogs{
	background:#000;
}

#slider, #grade_slider {
	height: auto;
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}
#slider > #slideshow .slider-item, #grade_slider  > #grade_slideshow .slider-item{
	width: 100% !important;
	height: auto !important;
}
.slider-item img {
	height: auto;
	width: 100%;
}
#login .textfield {
	width:160px;
}
#login h2{
	font-size:16px;
	display:none;
}

#login .gobutton {
	background:#fff02a;
	color: #00008a;
	padding:4px 15px;
	cursor: pointer;
}
#right_content h3{
	margin:0px 0px 10px 0px;
}

#class_menu_holding{
	margin-top:15px;
}
.box.events .content a:hover{
	border: 3px solid #FFF;
    color: #FFF;
	background:#000066;
}
.box.news .content a:hover{
	border: 3px solid #FFF;
    color: #FFF;
	background:#000066;
}
	
@media (min-width: 768px){
	.navbar-header {
		float: right !important;
	}
}