/* Custom CSS and overrides for Bootstrap CSS */

/* Overall background colour */
body {
	background-image:url(../images/home-bkg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	color: #808080;
	font-size:14px;
	
}
/* Some general overrides */
a {
	color: #008f71;
	}
a:hover{
	color: #c1d72d;
	}
.item-page a {
    color: #018266;
    font-weight:bold;
	text-decoration:none;
}
.item-page a:hover{
	text-decoration:underline;
	color: #c1d72d;
	}

h1, h2, h3, h4, h5 {
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	color: #008f71;
	font-weight:normal;
}

h1{
	line-height: 1.1em;
	}
h2{
	line-height: 1.2em;
	}
h3{
	line-height: 1.2em;
	}
h4{
	line-height: 1.3em;
	}

 /*look at this for heading lines 
 .span12 .custom .span9 .span6 .custom, .item-page, .blog, #userForm h1, h2, h3, h4, h5 {	
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #c1d72d;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
	}*/
	

/* HEADER ================================================================ */

/* Outer container - full width of window on desktop */
#search-bar-container{
	background-image:url(../images/search-bar-bkg.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding-top:2px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	}

#header-container {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom: 10px;
	background-image:url(../images/header-bkg.png);
	background-position:bottom;
	background-repeat: no-repeat;
}
/* Inner container */
#header { 
	/*background-color:#099;
	padding-left:20px;
	padding-right:20px;*/
}
/* Joomla search bar */

.search-outer {
	padding-bottom:10px;
}
.search-container {
	float:right;
	width:260px;
	height:24px;
	background-color:#FFF;
	overflow:hidden;
	margin-top:4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #59b052;
}

.search-container form label {
	position:absolute;
	top:-10000px;
	left:-10000px;
}
.search-container form .button {
	float:right;
	border:none;
	background-color: #c1d72d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	display:block;
	height:24px;
	padding:2px 15px 0 15px;
}

.search-container form .inputbox {
	border:none;
	border-collapse:collapse;
	background-color:#FFF;
	float:left;
	width:150px;
	height:22px;
	color:#666;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	font-size:1em;
}

.header-right{
	padding-top:4px;
	font-size:16px;
	color:#028367;
	line-height:1.5;
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	}
	
@media (max-width: 979px) {
	.header-right{
		/*font-size:18px;*/
	}
}

#search-bar ul {
	float:left;
	margin-bottom:0;
}
@media (max-width: 539px) {
	#search-bar ul {
		float:right;
		margin-top:7px;
		margin-bottom:2px;
	}
}

#search-bar ul li {
		text-decoration:none;
		display:block;
		color:#fff;
		padding:0px 10px 1px 0px;
		cursor:pointer;
		float: left;
	}
#search-bar ul a {
		text-decoration:none;
		display:block;
		color:#fff;
		cursor:pointer;
	}
#search-bar ul a:hover {
		text-decoration:none;
		display:block;
		color:#c1d72d;
		cursor:pointer;
	}
/* MENU ================================================================ */

/* Outer container - full width of window on desktop */
#header-menu-container {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom: 18px;
	background-image:url(../images/menu-bkg.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
/* Inner container */
#header-menu {
}
/* Bootstrap overrides */
#header-menu .navbar {
	margin-bottom:0;
}

/* NOTE: Adjust the display width at which the menu collapses in line 914 of bootstrap-repsonsive.css */

/* Reset navbar styles to a more bland starting point */
.navbar-inner {
    background: none !important;
    background-image: none;
    background-repeat: repeat-x;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.navbar .nav > li > a {
    color: #FFFFFF;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #666666;
}

/* Stretch Creative menu system is simpler and works in Joomla */

/* Normal menu with JS dropdowns */
/*@media (min-width: 540px) {*/

	#header-menu ul {
		list-style:none;
		/*font-size:16px;*/
		margin: 0px;
	}
	#header-menu ul a,
	#header-menu li span.separator  {
		text-decoration:none;
		display:block;
		color:#008265;
		font-size:20px;
		font-family:'CartoGothicStdBook', Arial, sans-serif;
		padding:10px 12px 10px 12px;
	}
	#header-menu ul li span {
		text-decoration:none;
		display:block;
		color:#fff;
		padding:1px 10px 1px 10px;
		cursor:pointer;
	}
	
	#header-menu ul a:hover,
	#header-menu ul a.active,
	#header-menu li span.separator:hover {
		color:#FFF;
		background-color:transparent;
	}
	
	/* Top level */
	#header-menu ul li {
		float:left;
		position:relative;
		background-image:url(../images/menu-divide.gif);
		background-repeat:no-repeat;

	}
	#header-menu ul li li {
		background-image:none;
			
	}
	#header-menu ul li:first-child {
		background-image: none;
	}
	#header-menu ul li:first-child a{
		/*padding-left: 0;*/
	}
	/* Second level */
	#header-menu ul li ul {
		position:absolute;
		z-index:999;
		margin-top:0px;
		width:200px;
		display:none;
		background-image:url(../images/menu-drop-down.png);
		/*font-size: 12px;*/
		padding-top: 5px;
		padding-bottom: 5px;
		/* Box shadow */
		/* Horizontal length | Verttical length | Blur radius | Spread | Color */
		/*-moz-box-shadow: 5px 5px 10px 1px #ccc;
		-webkit-box-shadow: 5px 5px 10px 1px #ccc;
		box-shadow: 5px 5px 10px 1px #ccc;*/
		/* Alternative tranparent version */
		-moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2)	;
		-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2)	;
		box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2)	;
	}
	#header-menu ul li ul li {
		width:100%;
		border-left:none;
	}
	#header-menu ul li ul li a {
		color:#fff;
		padding:5px 10px 5px 10px;
		padding-left: 10px;
		font-size:16px;
	}
	#header-menu ul li ul li a:hover {
		color:#008f71;
		padding:5px 10px 5px 10px;
		padding-left: 10px;
		font-size:16px;
		background-color: #c1d72d;
	}
	#header-menu ul li ul li:first-child a {
		padding-left: 10px;
	}
	/* Third level */
	#header-menu ul li ul li ul {
		position:absolute;
		left:200px; /* Width of parent level */
		top:0px;
		display:none;
	}
	
	/* Hidden menu button */
	#header-menu a.toggle-menu {
		display:none;
	}

/*}*/

/* Menu stacking for different sizes */
/* 
   NOTE: Specific menu items are targeted; if the menu 
   structure changes, these will have to be edited.
*/
/*
@media (min-width: 710px) and (max-width: 769px) {
	
	#header-menu ul a,
	#header-menu li span.separator  {
		font-size:14px;
	}
	#header-menu li.item-101 {
		margin-bottom:10px;
	}
	#header-menu ul li.item-120 {
		/*clear:both;
		background-image:none;
	}
	#header-menu ul a,
	#header-menu li span.separator  {
		padding:2px 8px 2px 8px;
	}
	#header-menu ul li ul li a {
	font-size:12px;
	}
	#header-menu ul li ul li a:hover {
	font-size:12px;
	}
	#header-menu-container {
    padding: 10px 20px;
}
}
*/
@media (min-width: 768px) and (max-width: 979px) {
	
	#header-menu ul a,
	#header-menu li span.separator  {
		font-size:12px;
	}
	#header-menu li.item-101 {
		margin-bottom:10px;
	}
	#header-menu ul li.item-120 {
		/*clear:both;
		background-image:none;*/
	}
	#header-menu ul a,
	#header-menu li span.separator  {
		padding:2px 8px 2px 8px;
	}
	#header-menu-container {
    padding: 10px 20px;
	}
	#header-menu ul li ul li a:hover {
	font-size:12px;
	}
	#header-menu ul li ul li a {
	font-size:12px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {

	#header-menu ul a,
	#header-menu li span.separator  {
		font-size:16px;
	}
	#header-menu li.item-101 {
		margin-bottom:10px;
	}
	#header-menu ul li.item-120 {
		/*clear:both;
		background-image:none;*/
	}
	#header-menu ul a,
	#header-menu li span.separator  {
		padding:2px 10px 4px 10px;
	}
		#header-menu-container {
    padding: 10px 20px;
	}
	#header-menu ul li ul li a:hover {
	font-size:14px;
	}
	#header-menu ul li ul li a {
	font-size:14px;
	}
}



/* List version of menu */

@media (max-width: 767px) {
	
	#header-menu-container {
		background-color:#c1d72d;
	}
	#header-menu ul {
		list-style:none;
		position:relative;
		background-image:none;
		margin: 0px !important;
		padding:0px !important;
		display:none;
	}
	/* Top level */
	#header-menu ul li {
		border:none;
		float:none;
		padding:0;
		margin:0;
		background-image:none;
		line-height:120%;
		
		border-top:1px solid #dae781;
	}
	#header-menu ul a,
	#header-menu li span.separator  {
		font-size:14px !important;
		text-decoration:none;
		display:block;
		/*color:#008f71;*/
		color:#028367;
		padding:6px 0 5px 0;
		margin:0;
		background-image:none;
		font-size:14px;
	}
	#header-menu ul li span {
		text-decoration:none;
		display:block;
		color:#028367;
		padding:0px;
		cursor:pointer;
	}
	#header-menu ul li a:hover,
	#header-menu li span.separator:hover {
		background-color:#cfe05b !important;
		color:#028367 !important;
		padding:6px 0 5px 0;
		margin:0;
		background-image:none;
	}
	#header-menu ul li.current.active a {
		background-color:#cfe05b;
	}

	/* Second level */
	#header-menu ul li ul {
		display:block;
		position:relative;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin:0;
		left:0;
		background-image:none;
		width:auto;
	}
	#header-menu ul li ul li {
		/*width:100%;
		border-left:none;*/
	}
	#header-menu ul li ul li a {
		color:#028367;
		padding:6px 0px 5px 20px;
		/*padding-left: 30px;*/
	}
	#header-menu ul li ul li a:hover {
		padding:6px 0px 5px 20px;
	}
	#header-menu ul li ul li:first-child a {
		padding-left: 20px;
	}
	/* Third level */
	#header-menu ul li ul li ul {
		display:block;
		position:relative;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin:0;
		left:0;
		background-image:none;
	}
	#header-menu ul li ul li ul li a,
	#header-menu ul li ul li ul li a:hover,
	#header-menu ul li ul li ul li:first-child a {
		padding-left:40px;
	}
	#header-menu ul li.current.active ul li a {
		background-color:#c1d72d;
	}
	
	
	/* Hidden menu button */
	#header-menu a.toggle-menu {
		text-decoration:none;
		display:block;
		color:#028367;
		padding:0px 0px 0px 0px;
		font-family:'CartoGothicStdBook', Arial, sans-serif;
		cursor:pointer;
		font-size:14px;
	}
	#header-menu a.toggle-menu:hover {
		color:#008c6e;	
	}

}



/* CONTENT ================================================================ */

/* Outer container - full width of window on desktop */
#content-area-container {
	/*background-color:#3C9;*/
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/site-inner-background.png);
	background-repeat:repeat-y;
	background-position:center;
}
/* Inner container */
#content-area {
	padding-top:20px;
	padding-bottom:20px;
}
/* Slidehsow overrides */
.label_skitter p {
	letter-spacing:0;
	padding:0;
	}
.slide-show-border {
	border: #e8e8e8 2px solid;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	margin-bottom: 30px;
	}
/* HOME PAGE SLIDESHOW ================================================================ */
.label_skitter_background {
  left: 540px;
  top: 50px;
}

.label_skitter_container {
    left: 540px;
    top: 50px;
}

#mod_btslideshow_pro_152.box_skitter .prev_button {
  bottom: 15px;
  right: 75px;
}
#mod_btslideshow_pro_152.box_skitter .next_button {
  bottom: 15px;
  right: 35px;
}


#content-area .span12 .custom,
#content-area .span6 .custom,
.item-page,
.blog,
#userForm
{
	background-color: #fff;
	border: 2px solid #e8e8e8;
	padding: 20px;
	}

#content-area .span12 .slide-show-border .custom{
	padding: 0;
	border:none;
	}
#content-area .span12 .slide-show-border .custom p{
	margin:0;
	}

#content-area .span6 .no-box {
	background: none;
	border: none;
	padding: 0;
	}
#content-area .span6 .no-box p {
	margin-bottom: 0;
}
	
#content-area .span6 .custom.tv{
	background: none;
    border: none;
	padding: 0;
	}
	
#content-area .span6 .custom.tv p{
	margin:0;
	line-height:0;
	}
#content-area .span6 .embed-container{
	border-left: 12px solid #008265;
	border-right: 12px solid #008265;
	background-color:#008265;
	}
#content-area .span6.screen	{
	padding:50px 20px 20px 20px;
	}
		
	@media (max-width:767px) {
		#content-area .span6 .custom.tv img {
		width:100% !important;
		}
		#content-area .span6 .custom.tv.top{
		margin-top:20px;
		}
	}
/* Editor styles ================================================================ */		
.image-left {
	float:left;
	margin-right:14px;
	margin-bottom: 14px;
}

.image-right {
	float:right !important;
	margin-left:12px;
	margin-bottom: 12px;
	border: 3px solid #6a6b6d !important;
}	
/* 3 BOXES ================================================================ */	
	
.box h3{
	border-bottom:#08994f solid 4px;
	padding: 20px 20px 20px 30px;
	font-size: 30px;
	color: #008265;
	font-weight:normal;
	line-height: 100%;
	margin-top:0 !important;
	
	}
	@media (max-width: 1199px) {
  	.box h3{
	padding: 14px 20px 10px 20px;
	font-size: 20px;
	}
  }

.box {
	background-color: #fff;
	
}	
.box p{
	padding: 0px 20px;
}	

.box1 h3{
	background-color: #e4c525;
}	
.box2 h3{
	background-color: #eee127;
}
.box3 h3{
	background-color: #c1d72e;
}
.box3 .box {
	padding: 10px 2px 12px 0px;
	}
	
#three-boxes-container {
	background-image:url(../images/three-boxes-bkg.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:20px;
	padding-bottom: 20px
}
#three-boxes-container .span12.box {	
	border-top: 1px solid #00886b;	
	border-left: 1px solid #00886b;
	border-right: 1px solid #00886b;
	border-bottom: 1px solid #00886b;
	background-color: #fff;
}
@media(max-width:767px){
	#three-boxes-container .span12.box {	
		border-left:none;
		border-right:none;
	}
}
.box1 p {
	padding-top:10px;
}	
.box1 ul {
	list-style:none;
}
.box1 ul li {
	padding:5px 5px 5px 5px;
	background-position:left;
	background-repeat:no-repeat;
	margin-top:20px;
	min-height:68px;
}
.box1 ul li a {
	text-decoration:none;
	display:block;
	}
.box1 ul li a:hover {
	text-decoration:underline;
}
.box1 ul h4{
	margin: 1px 0 2px 0;
}
.box1 ul h4 a{
	padding-left: 70px;
	margin:0;
	color: #008769;
	font-weight:normal;
}
	@media (max-width: 979px){
	.box1 ul h4 a{
	font-size: 14px;
	line-height: 16px;
	}
	.box1 ul p a {
    font-size: 12px;
	line-height: 16px;
    }
}
	
	
	
.box1 ul p a{
	padding-left: 70px;
	color: #808080;;
	}
.box1 ul p {
	margin:0;
	padding: 0 10px 0 0;
	}

.daymap {
	background-image:url(../images/day-map.gif);
}
.subject-selection {
	background-image:url(../images/subject-selection.gif);
}
.parent-teacher-interview-bookings,
.school-uniform {
	background-image:url(../images/parent-teacher.gif);
}
.school-portal-email {
	background-image:url(../images/school-portal.gif);
}
.bizgate {
	background-image:url(../images/bizgate.gif);
}
.your-tutor {
	background-image:url(../images/your-tutor.gif);
}
.outlook {
	background-image:url(../images/outlook.gif);
}
.schooltv {
	background-image:url(../images/schooltv-icon.png);
	background-size: 50px;
	background-position: 8px 0 !important;
}
.citrix {
	background-image:url(../images/remote.gif);
}
.sky-drive {
	background-image:url(../images/sky-drive.gif);
}
.parent-survey-2013  {
	background-image:url(../images/adults-icon.gif);
}
.student-opinion-survey-2013 {
	background-image:url(../images/student-icon.gif);
}
.box2 ul {
	list-style:none;
}
.box2 ul li {
	padding:5px 5px 5px 5px;
	background-position:left;
	background-repeat:no-repeat;
	margin-top:20px;
	min-height:128px;
}
.box2 ul li a {
	text-decoration:none;
	display:block;
	}
.box2 ul li a:hover {
	text-decoration:none;
	color:#c1d72d;
	
}
.box2 ul h4{
	margin: 1px 0 2px 0;
}
.box2 ul h4 a{
	padding-left: 160px;
	margin:0;
	color: #008769;
	font-weight:normal;
	
}
.box2 ul p a{
	padding-left: 160px;
	color: #808080;
	}
.box2 ul p {
	margin:0;
	padding: 0 10px 0 0;
	}
	@media (min-width: 768px) and (max-width: 979px){	

		.box2 ul li {
			padding:5px 5px 5px 5px;
			background-position:left top;
			background-repeat:no-repeat;
			margin-top:20px;
			min-height:128px;
		}
		.box2 ul h4 a{
			padding-left: 0px;
			padding-top: 140px;
			margin:0;
			color: #008769;
			font-weight:normal;
			
		}
		.box2 ul p a{
			padding-left: 0px;
			
		}

	}
	@media (min-width: 979px) and (max-width: 1199px)  {
		
		.box2 ul li {
		padding:5px 5px 5px 5px;
		background-position:left top;
		background-repeat:no-repeat;
		margin-top:20px;
		min-height:128px;
		}
		.box2 ul h4 a{
		padding-left: 0px;
		padding-top: 140px;
		margin:0;
		color: #008769;
		font-weight:normal;
		font-size:16px;
			
		}
		.box2 ul p a{
		padding-left: 0px;
			
		}	
	}
.six-col-top-row {
	margin-top: 28px;
	}
.six-col-row-two{
	margin-top: 22px;
}
.video-gallery {
	background-image:url(../images/video-gallery.jpg);
}
.image-gallery {
	background-image:url(../images/image-gallery.jpg);
}
.icare img {
	margin-top: 35px;
	}
.icare h2{
	 border-bottom: 1px solid #c1d72d;
	 width:90%;
	}
.welcome h2{
	 /*border-bottom: 1px solid #c1d72d;*/
	 margin-bottom: 16px;}

.feed-back{
    margin-bottom:13px;
}

	
		
	@media (min-width: 1200px)   {
		.box1 {
		/*height:1200px;*/
			}
		.custom.box3.box.box3c{
		/*height:223px*/
		}
	}
/* STAFF GALLERY ================================================================ */

.thumbnail {
  border: none;
  border-radius: none;
  box-shadow: none;
  display: block;
  line-height: 0px;
  padding: 0px;
  transition: all 0 ease-in-out 0s;
}

.ws-view {
   margin-left: 8px;
    
}
.stem-rollover a img,
.physical-education-rollover a img,
.excel-rollover a img,
.overseas-visits-rollover a img,
.arts-rollover a img, 
.trade-training-centre-rollover a img{
	display: block;
	width: 100%;
	height: auto;
	background-position:0 379px;
	}
.stem-rollover a,
.physical-education-rollover a,
.excel-rollover a,
.overseas-visits-rollover a,
.arts-rollover a, 
.trade-training-centre-rollover a
{
	height: auto;
	width: auto;
}
.stem-rollover img:hover,
.physical-education-rollover img:hover,
.excel-rollover img:hover,
.overseas-visits-rollover img:hover,
.arts-rollover img:hover,
.trade-training-centre-rollover img:hover {
	background-position: 0 0;
}

.stem-rollover a img {
background-image: url('../images/stem-rollover.jpg');
}
.physical-education-rollover a img {
background-image: url('../images/physical-education-rollover.jpg');
}
.arts-rollover a img {
background-image: url('../images/arts-rollover.jpg');
}
.overseas-visits-rollover a img {
background-image: url('../images/overseas-visits-rollover.jpg');
}
.excel-rollover a img {
background-image: url('../images/excel-rollover.jpg');
}
.trade-training-centre-rollover a img {
background-image: url('../images/trade-training-centre-rollover.jpg');
}

@media (max-width:767px){

	.stem-rollover,
	.physical-education-rollover,
	.excel-rollover,
	.overseas-visits-rollover,
	.arts-rollover, 
	.trade-training-centre-rollover
	{
		max-width: 370px;
	}


}

/* BLOG LAYOUT ================================================================ */

.mod-masters h4 a {
	color: #008265;
	text-decoration:none;
}

.leading-0 h2,
.item h2 
{
  display:inline;
}

.leading-0,
.item
{
  	clear:both;
	margin-bottom:10px;
}
.lead-img,
.intro-img {
	padding-right: 10px;
	margin-bottom:20px;
	}
.leading-0 a,
.item a
{
    color:#008265;
    text-decoration:none;
}	
.leading-0 a:hover,
.item a:hover
{
    color:#c1d72d;
    text-decoration:underline;
}
.pagination ul li a{
	color:#008265;
	}
.items-more {
	display: none;
	}
	
.lead-introtext,
.intro-introtext 
{
	margin-left:190px;
}
.mod-masters h4 a:hover {
    color: #c1d72d;
    text-decoration: underline;
	
}
.mod-masters h4  {	
	/*margin: 6px 0 12px 0;*/
	margin: 0 0 7px 0;
	/*line-height: 10px*/
	line-height: 1.2;
	}
@media (max-width:979px) {	
		.mod-masters h4  {	
		margin: 6px 0 6px 0;
		line-height: 16px;
		font-size: 14px;
		}
		.mod-masters {
		font-size:12px !important;
		}
}
@media (min-width: 979px) and (max-width: 1199px){
		.mod-masters h4  {	
		margin: 6px 0 6px 0;
		line-height: 20px
		}
} 
.readmore a{
	color: #008f71
	}	
.readmore a:hover{
	color: #c1d72d;
	}
.masters-read-more a:hover{
	color: #c1d72d;
	}
@media (max-width:539px) {

	.lead-introtext,
	.intro-introtext 
	{
		float:none;
		clear:both;
		margin-left:0px;
	}
	.items-row .item h2 {
		float:none;
		clear:both;
		display:block;
	}

}
	
/* Joostrap YouTube Video playlist overrides */	
.yt_holder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    font:inherit;
    padding: 0;
	border: 2px solid #e8e8e8;
	padding: 20px;
	width:auto !important;
}
div#ytvideo {
	padding-top:0;
	width:100%;
}
div.yt_holder div#ytvideo iframe.youtube-player {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

	
/* FOOTER ================================================================ */

/* Outer container - full width of window on desktop */
#footer-container {
	background-color:#dddcdc;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/footer-bkg.gif);
	background-repeat:repeat-y;
	background-position:top;
}
.footer-menu ul ol,
.footer-contact ul ol{
	margin: 0 0 0 0;	
	}

/* Inner container */
#footer {
	padding-top:20px;
	padding-bottom:20px;
	font-size: 14px;
	color: #646464;
}
#footer h3{
	font-size: 22px;
	color: #646464;
}
	@media (max-width: 1199px) {
  		#footer {
		padding-top:20px;
		padding-bottom:20px;
		font-size: 12px;
		color: #646464;
		}
		#footer h3{
		font-size: 18px;
		color: #646464;
		}
  }
/*.footer-divide-one{
	background-image:url(../images/footer-divide.gif);
	background-repeat:repeat-y;
	background-position: right;
	}
.footer-divide-two{
	background-image:url(../images/footer-divide.gif);
	background-repeat:repeat-y;
	background-position: left;
	}*/
	
#footer iframe {
	border: #fff solid 5px;
	}
	
#footer ul li{
	font-size:14px;
	/*background-image:url(../images/bg-submenu-bullet.png);
	background-position:1px center;
	background-repeat:no-repeat;*/
	color:#646464;
	padding:4px 8px 4px 0px;
	list-style-type:none;
}
.footer-contact ul li{
	background-image:url(../images/footer-feedback.png);
	background-position: left center;
	background-repeat:no-repeat;
	color:#646464;
	height:38px;
	padding:4px 8px 4px 0px;
	list-style-type:none;
}
.footer-contact ul a{
	padding: 8px 0 0 64px;
	font-weight:normal;
	display: block;
}
.footer-menu ul,ol,
.footer-contact ul,ol{
	margin: 0 0 0 0;	
	}
.footer-menu p{
	margin-bottom: 10px;	
	}
#footer ul a{
	text-decoration:none;
	color: #646464;
	}
#footer ul a:hover {
	text-decoration:none;
	color: #008f71;
	}
#footer a{
	text-decoration:none;
	color: #646464;
	}
#footer a:hover{
	text-decoration:underline;
	color: #07994e;
	}
/* Stretch Creative note: removing this padding allow the outer containers to remain full width. */	

	
/* Stretch Creative note: removing this padding allow the outer containers to remain full width. */

.formCaption2 {
	padding: 10px 0 0 0;
	}
.rsform-captcha-box {
	margin: 10px 0 0 0;
	width: 209px !important;
	text-align:left !important;
}
/* contact form*/	

#userForm fieldset {
	margin-bottom: 10px;
	border: none;
}

.formBody{
	width: 90%;
	}

.rsform-input-box  {
	width:100%;
	margin-top: 5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:5px;
	background-color:#FFF;
	border:1px solid #ccc;
}

.rsform-text-box {
	margin-top: 5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:100%;
	padding:5px;
	background-color:#FFF;
	border:1px solid #ccc;
}
.rsform-select-box {
	margin-top: 5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:100%;
	padding:5px;
	background-color:#FFF;
	border:1px solid #ccc;
}
legend {
	font-size: 30px!important;
    line-height: 40px!important;
	color: #008F71!important;
    font-family: 'CartoGothicStdBook',Arial,sans-serif!important;
    font-weight: normal!important;
}
fieldset.formFieldset ol.formContainer li {
	padding:0;
}
.rsform-block-intro-text .formBody {
	padding-bottom:1em !important;
}

.formBody h2{
	padding-top:1em !important;
	padding-bottom:.2em !important;
	}

td
{
vertical-align:top;
}	
	
/* Fixed Menu */

.fixed-menu-container {
	position:fixed;
	left:-181px;
	top:0%;
	width:1px;
	height:1px;
	overflow:visible;
	z-index:99999;
}
@media (max-width:539px) {
	.fixed-menu-container {
		font-size:14px;
		top:140px;
	}
}

.fixed-menu {
	width:180px;
	position:relative;
	background-color:#FFF;
	/*border-top:1px solid #c1d72d;
	border-right:1px solid #c1d72d;
	border-bottom:1px solid #c1d72d;*/
}
.fixed-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.fixed-menu ul ul {
	background-color:#FFF;
    font-family: 'CartoGothicStdBook',Arial,sans-serif;
}
.fixed-menu ul li span.separator {
    font-family: 'CartoGothicStdBook',Arial,sans-serif;
	font-weight:bold;
	line-height:100%;
	font-size:15px;
	display:block;
	background-color:#c1d72d;
	cursor:pointer;
	/*padding:6px 8px 6px 27px;*/
	color:#c1d72d;
	font-weight:bold;
	
	/*
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	writing-mode: tb-rl;
	*/
	position:absolute;
	top:0px;
	left:180px;
	
	width:28px;
	height:108px;
	overflow:hidden;
	font-size:1px;
	
	
	-moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	
	background-image:url(../images/bg-fixed-menu-2.png);
	background-repeat:no-repeat;
	background-position:7px 8px;
	
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;	
		
}
.fixed-menu ul li span.separator.open {
	background-position: -28px 8px;
}
.fixed-menu ul li ul li a {
	display:block;
	padding:6px 10px 4px 10px;
	color:#008265;
	/*border-top:1px solid #fff;*/
	border-bottom:1px solid #E6E5E5;
}
.fixed-menu ul li ul li a:hover {
	text-decoration:none;
	background-color:#E6E5E5;
}
.menu-shadow {
	-moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);
}


/* Mod Masters Item for home page - tweak to ensure text indent is correct on narrow column view */

@media(min-width:768px) and (max-width:979px){
	.mod-masters-item div img {
		margin-bottom:40px;
	}
}


/* Responsive sizes for headings and text ================================================================ */

@media (max-width: 767px) {
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width:539px) {
	body {
	font-size:12px;
	}
	.header-right {
	font-size: 14px;
	}
	table{
	font-size:11px;
	}
	.box1 ul h4 a {
	font-size:13px;		
	}
	.box ul p a{
	line-height:14px;
	font-size:12px;	
	}
	.box h3{
	font-size:18px;	
	}
}



/* 2016-02-10 Changes after updating to Joomla 3.4.8 */

.search-container form {
	margin:0;
}

/* 2016-02-10 Extra styles for home page changes */


/* Latest News panel */

#content-area .moduletable.latest-news {
	background-color: #fff;
	border: 2px solid #e8e8e8;
	padding: 10px 20px 10px 20px;
	margin-bottom:30px;
}
@media (min-width:768px) {
	#content-area .span3 .moduletable.latest-news {
		min-height: 546px;
	}
}
#content-area .span3 .moduletable.latest-news h2 {
	font-size: 26px;
}

#content-area .moduletable.latest-news h3 {
	margin-bottom:6px;
}
#content-area .moduletable.latest-news h3,
#content-area .moduletable.latest-news h3 a,
#content-area .moduletable.latest-news h3 a:hover,
#content-area .moduletable.latest-news h4,
#content-area .moduletable.latest-news h4 a,
#content-area .moduletable.latest-news h4 a:hover {
	color:#808080;
	text-decoration:none;
}
#content-area .moduletable.latest-news .mod-masters-row {
	margin-bottom:0px !important;
	/*margin-top:13px !important;*/
	border-top:1px solid #e8e8e8;
	padding-top:12px;
	padding-bottom:3px;
}
a.masters-read-more,
.latest-news .mod-articles-category-readmore a {
	display:inline-block;
	padding:4px 14px;
	border-radius:4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	background-color:#008f71;
	color:#ffffff;
	cursor:pointer;
}
a.masters-read-more:hover {
	text-decoration:none;
}


/* Embed CSS for YouTube video*/

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    /*padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* 2016-04-11 Slide show issue fix */

.span12 > .slide-show-border ul,
.span12 > .slide-show-border ul > li {
	height:399px !important;
}


/* 2018-03-21 Header values */

ul.header-values {
	/*text-align: center;*/
	color: #028367;
    line-height: 1.3;
    font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-style: italic;
	list-style-type: disc;
	list-style-position: inside;
	/*margin: 15px 0 10px 0;*/
	/*margin: 0px 0 10px 0;*/
	margin: 15px auto;
	letter-spacing: 0.04em;
}
ul.header-values > li {
	display: inline-block;
}
ul.header-values > li:before {
	content: '\00a0\2022\00a0\00a0';
	color: #c1d72d;
	font-style: normal;
}

ul.header-values > li:first-child:before {
	content:'';
}

@media(min-width:1200px){
	ul.header-values {
		font-size: 38px;
		width:1000px;
		/*margin-left:195px;*/
	}
}
@media(min-width:980px) and (max-width:1199px){
	ul.header-values {
		font-size: 30px;
		width:792px;
		/*margin-left:158px;*/
	}
}
@media(min-width:768px) and (max-width:979px){
	ul.header-values {
		font-size: 24px;
		width:638px;
		/*margin-left: 120px;*/
	}
}
@media(max-width:767px){
	ul.header-values {
		text-align: center;
		font-size: 20px;
	}
}
@media(max-width:570px){
	ul.header-values {
		font-size: 18px;
	}
}
@media(max-width:510px){
	ul.header-values {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	ul.header-values > li:nth-child(4):before {
		content:'';
	}
}



/* 2018-04-10 Home icon menu above slide show */

.menu-home-icons {
	margin: 20px auto;
	float: right;
}

.menu-home-icons li {
	display: inline;
	float: left;
	margin-left:15px;
	line-height: 1.2;
}
.menu-home-icons li a {
	display:block;
	/*width: 170px;*/
	width: 100px;
	padding-top: 70px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: top;
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	text-align: center;
	font-size: 16px;
}
.menu-home-icons li a.schooltv {
	background-image: url(../images/schooltv-icon.png);
	background-size: 50%;
}
.menu-home-icons li a.daymap-student {
	background-image: url(../images/icon-menu-daymap-students.png);
}
.menu-home-icons li a.daymap-parent {
	background-image: url(../images/icon-menu-daymap-parents.png);
}
.menu-home-icons li a.calendar {
	background-image: url(../images/icon-menu-calendar.png);
}
.menu-home-icons li a.gghs-facebook {
	background-image: url(../images/icon-menu-facebook.png);
}
.menu-home-icons li a:hover {
	background-color: inherit;
}
@media(min-width: 980px) and (max-width:1199px){
	.menu-home-icons {
		margin: 10px auto 0 auto;
	}
	.menu-home-icons li a {
		/*width: 140px;*/
		width: 80px;
		padding-top: 60px;
		font-size: 14px;
		background-size: 60%; 
	}
}
@media(min-width: 768px) and (max-width:979px){
	.menu-home-icons {
		margin: 0 auto 0 auto;
	}
	.menu-home-icons li {
		margin-left:5px;
	}
	.menu-home-icons li a {
		/*width: 110px;*/

		width: 65px;
		padding-top: 56px;
		font-size: 11px;
		background-size: 70%; 
	}
}
@media(max-width: 767px){
	.menu-home-icons {
		width: 100%;
	}
	.menu-home-icons li {
		/*width:33%;*/
		width:20%;
		text-align: center;
		margin-left: 0;
	}
	.menu-home-icons li a {
		width: 100%;
		padding-top: 70px;
		font-size: 14px;
		padding-left: 20%;
		padding-right: 20%;
		background-size: 50px; 
	}
	.menu-home-icons li a.schooltv {
		background-size: 50px; 
	}
}
@media(max-width: 679px){
	.menu-home-icons li a {
		/*padding-left: 10px;
		padding-right: 10px;*/
		font-size: 11px;
		padding-left: 10%;
		padding-right: 10%;
		background-size: 50px; 
	}
	.menu-home-icons li a.schooltv {
		background-size: 40px; 
	}
}
@media(max-width: 499px){
	.menu-home-icons li a {
		padding-top: 75px;
		font-size: 9px;
	}
	.menu-home-icons li a.schooltv {
		background-size: 40px; 
	}
}

.menu-home-icons li:first-child {
	margin-left:0 !important;
}


.mobile-only {
	display: none;
}
.desktop-only {
	display: none;	
}
@media(max-width:768px){
	.mobile-only {
		display: block;
	}
}
@media(min-width:768px){
	.desktop-only {
		display: block;	
	}
}


/* Category module for home page */

.category-module.latest-news {
	list-style-type: none;
	margin:0;
}
.category-module.latest-news li {
	border-top: 1px solid #e8e8e8;
    padding-top: 12px;
    padding-bottom: 3px;
}
.category-module.latest-news li > a {
	font-size: 18px;
	font-family:'CartoGothicStdBook', Arial, sans-serif;
	color: #808080;
}
.mod-articles-category-readmore {
	padding-top: 10px;
}
.mod-articles-category-readmore a.mod-articles-category-title:hover {
	text-decoration: none !important;
	color: #c1d72d !important;
}
/*
.moduletable.latest-news {
	position: relative;
}
.home-page-calendar-link {
	position: absolute;
	bottom: 0;
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-size: 16px;
	display: block;
	width: 100%;
	padding: 8px 20px 6px 20px;
	margin-left: -20px;
	background-color: #c1d72d;
	box-sizing: border-box;
}
*/


/* Footer affiliations */

#footer-container .affiliations p {
	margin-bottom: 20px;
}


/* Light box title text size */

#lightbox-title.lightbox-title-float {
	font-size: 1.5em;
	font-weight:normal;
}


/* Preview mode alert */
#preview-alert {
	background-color: #FF0000 !important;
	color: #ffffff !important;
	padding-top: 6px;
	text-align: center;
}
#preview-alert a {
	color: #ffffff !important;
	font-weight: bold;
	text-decoration: underline !important;
}


/* Dates for events */
.blog .article-info {
	margin-top: 0;
}
.item-page .article-info dd {
	margin-left: 0;
	font-size: 1.3em;
}
.blog .article-info dd {
	margin-left: 0;
}
.icon-calendar {
	display: none;
}

/* BLog display tidy-up */
.blog .page-header {
	margin-bottom: 0;
	border-bottom: none !important;
	border-top: 1px solid #eee;
	padding-top: 15px;
	padding-bottom: 0;
}


/* Margin below item-page */
.item-page {
	margin-bottom: 20px;
}


/* Staf & Admin photo captions */

#lightbox-title.lightbox-title-float {
	background: none !important;
	text-shadow: 0px 0px 4px #000000;
	text-align: center;
	margin-bottom: -15px;
}


/* 2019-02-14 Further changes to Stagg & Admin photo captions after WidgetKit update */

.uk-overlay-panel.uk-overlay-bottom.uk-overlay-background {
	display: none !important;
}
.uk-modal-caption {
	color:#444444 !important;
}


/* 2019-03-05 Report bullying form layout tweak */

li.rsform-block-nameofpersonconcerned {
	width: 70%;
	display: inline-block;
}
li.rsform-block-yearlevel {
	width: 21.5%;
	display: inline-block;
}