/* Octo styles */

/* Colour themes */

/* steel blue - index*/
.stlbl .navbar-default {background-color: #4682B4;}
.stlbl .well {background-color: #4682B4;}
.stlbl .text-box-white > a {color:#4682B4;}
.stlbl .text-box-white > a:hover {color:#000000; text-decoration:none;}
.stlbl .text-box > a {color:#4682B4;}
.stlbl .text-box > a:hover {color:#000000; text-decoration:none;}
.stlbl h5 {background-color:#4682B4;}
.stlbl .text-box-colour {border-color: #4682B4;}

/* orange red - youth inclusion*/
.orgrd .navbar-default {background-color: #FF4500;}
.orgrd .well {background-color: #FF4500;}
.orgrd .text-box-white > a {color:#FF4500;}
.orgrd .text-box-white > a:hover {color:#000000; text-decoration:none;}
.orgrd .text-box > a {color:#FF4500;}
.orgrd .text-box > a:hover {color:#000000; text-decoration:none;}
.orgrd h5 {background-color:#FF4500;}
.orgrd .text-box-colour {border-color: #FF4500;}

/* crimson - community arts*/
.crmsn .navbar-default {background-color: #DC143C;}
.crmsn .well {background-color: #DC143C;}
.crmsn .text-box-white > a {color:#DC143C;}
.crmsn .text-box-white > a:hover {color:#000000; text-decoration:none;}
.crmsn .text-box > a {color:#DC143C;}
.crmsn .text-box > a:hover {color:#000000; text-decoration:none;}
.crmsn h5 {background-color:#DC143C;}
.crmsn .text-box-colour {border-color: #DC143C;}

/* dark red - arts for health and wellbeing*/
.dkred .navbar-default {background-color: #8B0000;}
.dkred .well {background-color: #8B0000;}
.dkred .text-box-white > a {color:#8B0000;}
.dkred .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dkred .text-box > a {color:#8B0000;}
.dkred .text-box > a:hover {color:#000000; text-decoration:none;}
.dkred h5 {background-color:#8B0000;}
.dkred .text-box-colour {border-color: #8B0000;}

/* red - people with disabilities*/
.rredd .navbar-default {background-color: #FF0000;}
.rredd .well {background-color: #FF0000;}
.rredd .text-box-white > a {color:#FF0000;}
.rredd .text-box-white > a:hover {color:#000000; text-decoration:none;}
.rredd .text-box > a {color:#FF0000;}
.rredd .text-box > a:hover {color:#000000; text-decoration:none;}
.rredd h5 {background-color:#FF0000;}
.rredd .text-box-colour {border-color: #FF0000;}

/* fire brick - drop-in workshops*/
.frbrk .navbar-default {background-color: #B22222;}
.frbrk .well {background-color: #B22222;}
.frbrk .text-box-white > a {color:#B22222;}
.frbrk .text-box-white > a:hover {color:#000000; text-decoration:none;}
.frbrk .text-box > a {color:#B22222;}
.frbrk .text-box > a:hover {color:#000000; text-decoration:none;}
.frbrk h5 {background-color:#B22222;}
.frbrk .text-box-colour {border-color: #B22222;}


/* medium violet red - events*/
.mdmvr .navbar-default {background-color: #C71585;}
.mdmvr .well {background-color: #C71585;}
.mdmvr .text-box-white > a {color:#C71585;}
.mdmvr .text-box-white > a:hover {color:#000000; text-decoration:none;}
.mdmvr .text-box > a {color:#C71585;}
.mdmvr .text-box > a:hover {color:#000000; text-decoration:none;}
.mdmvr h5 {background-color:#C71585;}
.mdmvr .text-box-colour {border-color: #C71585;}

/* forest green - collaborative group projects*/
.frgrn .navbar-default {background-color: #228B22;}
.frgrn .well {background-color: #228B22;}
.frgrn .text-box-white > a {color:#228B22;}
.frgrn .text-box-white > a:hover {color:#000000; text-decoration:none;}
.frgrn .text-box > a {color:#228B22;}
.frgrn .text-box > a:hover {color:#000000; text-decoration:none;}
.frgrn h5 {background-color:#228B22;}
.frgrn .text-box-colour {border-color: #228B22;}

/* dark green - cross curricular art activities*/
.dkgrn .navbar-default {background-color: #006400;}
.dkgrn .well {background-color: #006400;}
.dkgrn .text-box-white > a {color:#006400;}
.dkgrn .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dkgrn .text-box > a {color:#006400;}
.dkgrn .text-box > a:hover {color:#000000; text-decoration:none;}
.dkgrn h5 {background-color:#006400;}
.dkgrn .text-box-colour {border-color: #006400;}

/* sea green - extra curricular arts*/
.segrn .navbar-default {background-color: #2E8B57;}
.segrn .well {background-color: #2E8B57;}
.segrn .text-box-white > a {color:#2E8B57;}
.segrn .text-box-white > a:hover {color:#000000; text-decoration:none;}
.segrn .text-box > a {color:#2E8B57;}
.segrn .text-box > a:hover {color:#000000; text-decoration:none;}
.segrn h5 {background-color:#2E8B57;}
.segrn .text-box-colour {border-color: #2E8B57;}

/* olive drab - increasing confidence and self-esteem*/
.olvdb .navbar-default {background-color: #6B8E23;}
.olvdb .well {background-color: #6B8E23;}
.olvdb .text-box-white > a {color:#6B8E23;}
.olvdb .text-box-white > a:hover {color:#000000; text-decoration:none;}
.olvdb .text-box > a {color:#6B8E23;}
.olvdb .text-box > a:hover {color:#000000; text-decoration:none;}
.olvdb h5 {background-color:#6B8E23;}
.olvdb .text-box-colour {border-color: #6B8E23;}

/* dark olive green - multi-cultural arts enrichment*/
.dkolv .navbar-default {background-color: #556B2F;}
.dkolv .well {background-color: #556B2F;}
.dkolv .text-box-white > a {color:#556B2F;}
.dkolv .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dkolv .text-box > a {color:#556B2F;}
.dkolv .text-box > a:hover {color:#000000; text-decoration:none;}
.dkolv h5 {background-color:#556B2F;}
.dkolv .text-box-colour {border-color: #556B2F;}

/* teal - arts for schools*/
.tteal .navbar-default {background-color: #008080;}
.tteal .well {background-color: #008080;}
.tteal .text-box-white > a {color:#008080;}
.tteal .text-box-white > a:hover {color:#000000; text-decoration:none;}
.tteal .text-box > a {color:#008080;}
.tteal .text-box > a:hover {color:#000000; text-decoration:none;}
.tteal h5 {background-color:#008080;}
.tteal .text-box-colour {border-color: #008080;}

/* midnight blue - artist residencies*/
.mdnbl .navbar-default {background-color: #191970;}
.mdnbl .well {background-color: #191970;}
.mdnbl .text-box-white > a {color:#191970;}
.mdnbl .text-box-white > a:hover {color:#000000; text-decoration:none;}
.mdnbl .text-box > a {color:#191970;}
.mdnbl .text-box > a:hover {color:#000000; text-decoration:none;}
.mdnbl h5 {background-color:#191970;}
.mdnbl .text-box-colour {border-color: #191970;}

/* medium blue - commissions*/
.mdmbl .navbar-default {background-color: #0000CD;}
.mdmbl .well {background-color: #0000CD;}
.mdmbl .text-box-white > a {color:#0000CD;}
.mdmbl .text-box-white > a:hover {color:#000000; text-decoration:none;}
.mdmbl .text-box > a {color:#0000CD;}
.mdmbl .text-box > a:hover {color:#000000; text-decoration:none;}
.mdmbl h5 {background-color:#0000CD;}
.mdmbl .text-box-colour {border-color: #0000CD;}

/* royal blue - mural commissions*/
.rylbl .navbar-default {background-color: #4169E1;}
.rylbl .well {background-color: #4169E1;}
.rylbl .text-box-white > a {color:#4169E1;}
.rylbl .text-box-white > a:hover {color:#000000; text-decoration:none;}
.rylbl .text-box > a {color:#4169E1;}
.rylbl .text-box > a:hover {color:#000000; text-decoration:none;}
.rylbl h5 {background-color:#4169E1;}
.rylbl .text-box-colour {border-color: #4169E1;}

/* navy - signs*/
.nnavy .navbar-default {background-color: #000080;}
.nnavy .well {background-color: #000080;}
.nnavy .text-box-white > a {color:#000080;}
.nnavy .text-box-white > a:hover {color:#000000; text-decoration:none;}
.nnavy .text-box > a {color:#000080;}
.nnavy .text-box > a:hover {color:#000000; text-decoration:none;}
.nnavy h5 {background-color:#000080;}
.nnavy .text-box-colour {border-color: #000080;}

/* maroon - teaching*/
.maron .navbar-default {background-color: #800000;}
.maron .well {background-color: #800000;}
.maron .text-box-white > a {color:#800000;}
.maron .text-box-white > a:hover {color:#000000; text-decoration:none;}
.maron .text-box > a {color:#800000;}
.maron .text-box > a:hover {color:#000000; text-decoration:none;}
.maron h5 {background-color:#800000;}
.maron .text-box-colour {border-color: #800000;}

/* chocolate - one-off classes*/
.chclt .navbar-default {background-color: #D2691E;}
.chclt .well {background-color: #D2691E;}
.chclt .text-box-white > a {color:#D2691E;}
.chclt .text-box-white > a:hover {color:#000000; text-decoration:none;}
.chclt .text-box > a {color:#D2691E;}
.chclt .text-box > a:hover {color:#000000; text-decoration:none;}
.chclt h5 {background-color:#D2691E;}
.chclt .text-box-colour {border-color: #D2691E;}

/* brown - regular classes*/
.brown .navbar-default {background-color: #A52A2A;}
.brown .well {background-color: #A52A2A;}
.brown .text-box-white > a {color:#A52A2A;}
.brown .text-box-white > a:hover {color:#000000; text-decoration:none;}
.brown .text-box > a {color:#A52A2A;}
.brown .text-box > a:hover {color:#000000; text-decoration:none;}
.brown h5 {background-color:#A52A2A;}
.brown .text-box-colour {border-color: #A52A2A;}

/* saddle brown - private tuition*/
.sdlbr .navbar-default {background-color: #8B4513;}
.sdlbr .well {background-color: #8B4513;}
.sdlbr .text-box-white > a {color:#8B4513;}
.sdlbr .text-box-white > a:hover {color:#000000; text-decoration:none;}
.sdlbr .text-box > a {color:#8B4513;}
.sdlbr .text-box > a:hover {color:#000000; text-decoration:none;}
.sdlbr h5 {background-color:#8B4513;}
.sdlbr .text-box-colour {border-color: #8B4513;}

/* indigo - cross curricular art activities*/
.indgo .navbar-default {background-color: #4B0082;}
.indgo .well {background-color: #4B0082;}
.indgo .text-box-white > a {color:#4B0082;}
.indgo .text-box-white > a:hover {color:#000000; text-decoration:none;}
.indgo .text-box > a {color:#4B0082;}
.indgo .text-box > a:hover {color:#000000; text-decoration:none;}
.indgo h5 {background-color:#4B0082;}
.indgo .text-box-colour {border-color: #4B0082;}

/* dark slate blue - intergenerational and family learning*/
.dkslb .navbar-default {background-color: #483D8B;}
.dkslb .well {background-color: #483D8B;}
.dkslb .text-box-white > a {color:#483D8B;}
.dkslb .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dkslb .text-box > a {color:#483D8B;}
.dkslb .text-box > a:hover {color:#000000; text-decoration:none;}
.dkslb h5 {background-color:#483D8B;}
.dkslb .text-box-colour {border-color: #483D8B;}

/* purple - staff development, team building and training*/
.prple .navbar-default {background-color: #800080;}
.prple .well {background-color: #800080;}
.prple .text-box-white > a {color:#800080;}
.prple .text-box-white > a:hover {color:#000000; text-decoration:none;}
.prple .text-box > a {color:#800080;}
.prple .text-box > a:hover {color:#000000; text-decoration:none;}
.prple h5 {background-color:#800080;}
.prple .text-box-colour {border-color: #800080;}

/* rebecca purple - murals*/
.rbprp .navbar-default {background-color: #663399;}
.rbprp .well {background-color: #663399;}
.rbprp .text-box-white > a {color:#663399;}
.rbprp .text-box-white > a:hover {color:#000000; text-decoration:none;}
.rbprp .text-box > a {color:#663399;}
.rbprp .text-box > a:hover {color:#000000; text-decoration:none;}
.rbprp h5 {background-color:#663399;}
.rbprp .text-box-colour {border-color: #663399;}

/* slate blue - willow and paper sculpture*/
.sltbl .navbar-default {background-color: #6A5ACD;}
.sltbl .well {background-color: #6A5ACD;}
.sltbl .text-box-white > a {color:#6A5ACD;}
.sltbl .text-box-white > a:hover {color:#000000; text-decoration:none;}
.sltbl .text-box > a {color:#6A5ACD;}
.sltbl .text-box > a:hover {color:#000000; text-decoration:none;}
.sltbl h5 {background-color:#6A5ACD;}
.sltbl .text-box-colour {border-color: #6A5ACD;}

/* dark violet - wall art*/
.dkvlt .navbar-default {background-color: #9400D3;}
.dkvlt .well {background-color: #9400D3;}
.dkvlt .text-box-white > a {color:#9400D3;}
.dkvlt .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dkvlt .text-box > a {color:#9400D3;}
.dkvlt .text-box > a:hover {color:#000000; text-decoration:none;}
.dkvlt h5 {background-color:#9400D3;}
.dkvlt .text-box-colour {border-color: #9400D3;}

/* medium orchid - mosaics*/
.mdorc .navbar-default {background-color: #BA55D3;}
.mdorc .well {background-color: #BA55D3;}
.mdorc .text-box-white > a {color:#BA55D3;}
.mdorc .text-box-white > a:hover {color:#000000; text-decoration:none;}
.mdorc .text-box > a {color:#BA55D3;}
.mdorc .text-box > a:hover {color:#000000; text-decoration:none;}
.mdorc h5 {background-color:#BA55D3;}
.mdorc .text-box-colour {border-color: #BA55D3;}


/* blue violet - extra curricular arts*/
.blvlt .navbar-default {background-color: #8A2BE2;}
.blvlt .well {background-color: #8A2BE2;}
.blvlt .text-box-white > a {color:#8A2BE2;}
.blvlt .text-box-white > a:hover {color:#000000; text-decoration:none;}
.blvlt .text-box > a {color:#8A2BE2;}
.blvlt .text-box > a:hover {color:#000000; text-decoration:none;}
.blvlt h5 {background-color:#8A2BE2;}
.blvlt .text-box-colour {border-color: #8A2BE2;}


/* deep pink - early years*/
.dppnk .navbar-default {background-color: #FF1493;}
.dppnk .well {background-color: #FF1493;}
.dppnk .text-box-white > a {color:#FF1493;}
.dppnk .text-box-white > a:hover {color:#000000; text-decoration:none;}
.dppnk .text-box > a {color:#FF1493;}
.dppnk .text-box > a:hover {color:#000000; text-decoration:none;}
.dppnk h5 {background-color:#FF1493;}
.dppnk .text-box-colour {border-color:#FF1493;}


/* Changed bootstrap styles */


	body {
font-family: 'Lato', Arial, sans-serif;
font-size:160%;
color:#000000;
	}

	a {
		padding-right:1em;
		padding-left:1em;
	}

a:hover {text-decoration:none;}

h1, h2, h3 {font-family:'Chicle', Arial, sans-serif;}

h3.eca {padding-left:0.8em; xpadding-bottom:0em; margin-bottom: 0px;}

h5 small {color:#FFFFFF}

p {padding:0.6em 1em 0 1em;}

footer {margin: 10px 0 30px 0;}

.navbar { 
background: rgba(255, 255, 255, 1);
border: 0px;
		}


.navbar-default .navbar-brand {color:#FFFFFF}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {color: #FFFFFF;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
background: rgba(255, 255, 255, 0.1);
}





.navbar-default .navbar-toggle {border-color: #FFFFFF;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background: rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-toggle .icon-bar {background-color: #FFFFFF;}



.navbar-brand {
  float: left;
  height: 50px;
  padding: 13px 15px;
  font-size: 24px;
  line-height: 20px;
	font-family:'Chicle', Arial, sans-serif;
}



.well {
  min-height: 20px;
  padding: 0px 19px 19px 19px;
  margin-bottom: 20px;
  xbackground-color: #4682B4;
  border: 0px solid #e3e3e3;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
	float: right;
	width: 100%;
  	margin-top: 14px;
	color: #FFFFFF;
}

.well >	a {color:#FFFFFF;}


.well >	a:hover {color:#000000;}

.glyphicon {line-height: 1.5;}


.text-box {padding-bottom: 1em;}

.text-box-white {padding-bottom: 1em;}

.text-box-white > h2 {
	padding: 0.5em 1em 0.5em 1em;
	text-align:right;
}

.text-box-white > h5 {padding: 0.4em 0.8em 0.5em 1em;}


.text-box-white > h2,h5 {
	margin: 0;
	color: #FFFFFF;
}

.text-box-colour {
	padding-bottom: 1em;
  padding: 12px 10% 12px 10%;
  margin-bottom: 16px;
  	border: 4px solid;
  border-radius: 12px;
	width: 100%;
	color: #000000;
}

/* Carousel styles */



           .octo-carousel {
    width: 100%;
    margin: 50px auto auto auto;
  }


            .new-caption-area {
    width: 100%;
    color: #000000;
text-align:right;
  }
  
	   .new-caption-area > h2 {
	color:#ffffff;
		margin:0 0em 0.3em 0;
padding:0.5em 1em 0.5em 0;
}


