
#banner {background-image: url('https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/s/36184/images/topbars/topbar4.png');height:120px;}
body {background:url('images/backgrounds/bodyback3.jpg') top center;}
.hmenu #nav, #nav a, #blogfloat a {color:#fff !important;}
#nav a:hover, #nav a.on, #blogfloat a:hover, #blogfloat a.on {background-color:#FF0000 !important;background-image: url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/img/o/7.png) !important;color:#fff !important;}
@font-face {
  font-family: 'LetterJoin';
  src:  url('http://www.carbrookeschool.co.uk/documents/private/font/f1k1w2x2z2p.woff') format('woff'),
  url('http://www.carbrookeschool.co.uk/documents/private/font/f1k1w2x2z2p.woff2') format('woff2');
}


#a1 {box-shadow:none;}
#a1 {background:transparent;}
#content {border: solid 4px #f27107;
          box-sizing: border-box;
	-webkit-border-top-left-radius: 55px
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 55px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 55px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topright: 55px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 55px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 55px;
	border-bottom-right-radius: 15px;
}
#content {margin-bottom:50px;padding-bottom:50px;
          margin-top:270px;
          background-color:#fff;
          font-family: 'LetterJoin', 'Architects Daughter', cursive;
          font-size:1.4em;
          letter-spacing:1px;
          line-height:1.5em;
}


#banner {background:transparent;margin-top:-50px;
         background-position: center 0px;}


/*
Misc Styles
===========
*/
#clickmap {display:none;}
#searchform {display:none;}
#blogfloat  {display:none;}
.rhs_item h3 {background-color:yellow;
              border:3px solid red;
              margin-top:460px !important;}
.info {display:none;}
#pubmsg {color:red;
         font-weight:bold;
         font-size:2.0em;
         line-height:25px;}
a.inactive.folder.iteration_1  {display:none !important;}
/*
End Misc Styles
===============
*/


body {background:url('documents/private/backgrounds/bodyback15.jpg') top center fixed;}
.hmenu #nav, #nav a, #blogfloat a {color:#fff !important;}

#banner {background-image: url('https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/s/36184/images/topbars/topbar4.png');height:120px;}



#nav a:hover, #nav a.on, #blogfloat a:hover, #blogfloat a.on {background-color:#FF0000 !important;color:#fff !important;}
h1 {color: #1B5A17;
    font-family: 'LetterJoin', 'Architects Daughter', cursive;
    font-size:2.2em;}
h2 {color: #1B5A17;
    font-family: 'LetterJoin', 'Architects Daughter', cursive;
    margin-top:1.1em;
    margin-bottom:-.3em;
    font-size:1.6em;}
h3 {color: #1B5A17;
    font-family: 'LetterJoin', 'Architects Daughter', cursive;
    margin-top:1.1em;
    margin-bottom:-.3em;
    font-size:1.1em;}
#p636553 h3, h5 {color: #AD248D;
    font-family: 'LetterJoin', 'Architects Daughter', cursive;
    margin-top:1.1em;
    margin-bottom:5px;
    font-size:1.1em;}

#content a:link {color: #1B5919;}
#content a:visited {color: #1B5919;}
#content a:hover {color: #2D16F9;}




/* 
Menu Styles 
===========
*/

#menu {margin-left:50px;}

#nav {
	margin-top:170px !important;
	font-size:1.3em;
}

#nav li,
#nav li ul {background:transparent !important;}


#nav li li {
	background: transparent !important;
	border: none !important;
	margin-top:5px;
}

#nav li li a {width: 130px;}

#nav li ul li:first-child {margin-top:15px;}

#nav li a {
	border: solid 4px #f27107;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	font-family: 'LetterJoin', 'Architects Daughter', cursive;
	text-transform:none;
	font-weight: bold;
	font-size:1em;
	margin-left:4px;
}

#nav>li:nth-child(1) a
{background:red;}

#nav>li:nth-child(1) a:hover
{background:red;}

#nav>li:nth-child(1) a.on
{background:blue;}

#nav>li:nth-child(2) a
{background:orange;}

#nav>li:nth-child(2) a:hover
{background:red;}

#nav>li:nth-child(2) a.on
{background:blue;}

#nav>li:nth-child(3) a
{background:yellow;color:black !important;}

#nav>li:nth-child(3) a:hover
{background:red;}

#nav>li:nth-child(3) a.on
{background:blue;}

#nav>li:nth-child(4) a
{background:green;}

#nav>li:nth-child(4) a:hover
{background:red;}

#nav>li:nth-child(4) a.on
{background:blue;}

#nav>li:nth-child(5) a
{background:blue;}

#nav>li:nth-child(5) a:hover
{background:red;}

#nav>li:nth-child(5) a.on
{background:blue;}

#nav>li:nth-child(6) a
{background:indigo;}

#nav>li:nth-child(6) a:hover
{background:red;}

#nav>li:nth-child(6) a.on
{background:blue;}

#nav>li:nth-child(7) a
{background:violet;}

#nav>li:nth-child(7) a:hover
{background:red !important;}

#nav>li:nth-child(7) a.on
{background:blue;}

#nav>li:nth-child(8) a
{background:brown;}

#nav>li:nth-child(8) a:hover
{background:red;}

#nav>li:nth-child(8) a.on
{background:blue;}

#nav>li:nth-child(9) a
{background:grey;}

#nav>li:nth-child(9) a:hover
{background:green !important;}







/* 
Mobile Styles
=============
*/

@media (max-width: 450px) {
#content {margin-top:220px;}
p {font-family: 'LetterJoin', 'Architects Daughter', cursive;
       font-size:1.0em;
          font-weight:300;
          letter-spacing:1px;
          line-height:1.0em;}


#banner {margin-top:0px;}

#content {margin-top:160px;}


}

#google_translate_element {
position:fixed;
top:10px;
right:10px;
}


