/* Tanbridge House School - CSS by Arc8.co.uk */




/*------------Body-----------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url('../images/interface/bg_grad.jpg') repeat-x;
	font-size: 76%;
}

#centeredLayer {
	width: 100%;
	text-align: center;
}

#container {
	width: 790px;
	margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#textCont{
	width:750px;
	background-color:#000000;
	margin-left: 20px;
}


/*------------Body-----------*/






/*------------Text-----------*/


p{
	text-align:justify;
}

#contact p{
	text-align:left;
}


p, .newsText, .footerText, .bold, .formText, .formTextSm, .link {
    font: 1.1em/1.4em Trebuchet MS, trebuchet, arial;
	color: #4f4f4f;
	padding-bottom: 0px;
	text-decoration:none;
}

#newsCont p{
text-align:left;
font-size: 1em;
	line-height: 1.3em;
	color:#3d4a5b;
	margin: 0px;
	text-align:left;
	padding-right: 5px;
	padding-top:3px;
}

.newsText{
	
}

.link{
	color:#ab1349;
	text-decoration:none;
	font-weight:bold;
	line-height: 1.2em;
	font-size:1em;
}

a:hover.link {text-decoration:underline;}

.bold{
	font-weight:bold;
}

.footerText{
    font: 1em/1.2em Trebuchet MS, trebuchet, arial ;
	color: #5f5f5f;
}


.footerLink{
    font: 1em/1.2em Trebuchet MS, trebuchet, arial ;
	color: #2f4d9b;
	text-decoration:none;
}

a:hover.footerLink {color: #2f4d9b; text-decoration:underline; }


.formText{
	color: #403f3f;
	line-height: 1.2em
}

.formTextSm{
	font-size: 0.9em;
}

h1, h2, h3 {
    font: bold 1.3em Trebuchet MS, trebuchet, arial ;
	color: #1a125a;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
	color: #1a125a;
	margin: 20px 0px 10px 0px;
	padding-bottom: 0px;
}

h3{
	font-size: 1.1em;
	color: #1a125a;
margin: 10px 0px 10px 0px;
}

.bodyUL {
	list-style:none;
	margin-left: 0px;
}

.bodyLi, .bodyNl, .bodyOl {
    font: 1.1em/1.4em Trebuchet MS, trebuchet, arial ;
	color: #4f4f4f;
	padding-left: 15px;
	padding-bottom: 8px;
	background: url('../images/interface/bullet.gif') no-repeat 0px 6px;
}

.bodyNl{
	margin-left: 10px;
	padding: 0px 0px 3px 15px;
	background: none;

}

.bodyOl{
	background: none;
	padding-left: 1px;
	margin-left: 0px;
}

ol{
	margin-left: 0px;
	padding-left: 17px;
}

blockquote{
    font: 1.1em/1.4em Trebuchet MS, trebuchet, arial;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color: #335475;
	display:block;
	background-color: #f5f6f9;
	margin: 0;
	padding: 20px 30px;
}


/*------------Text-----------*/








/*------------Top Bar + Navigation-----------*/

#topBar, #topBarFlash, #topBar1, #topBar2, #topBar3, #topBar4, #topBar5, #topBar6, #topBar7, #topBar8, #topBar9, #topBarIct, #topBarArt, #topBarEvents, #topBarMusic, #topBarMaths, #topBarPe, #topBarScience, #topBarDrama, #topBarGeography, #topBarPshe, #topBarHistory, #topBarEnglish, #topBarInclusion, #topBarMfl, #topBarRe, #topBarLearning {
	width: 790px;
	background: #1a125b url('../images/topbars/top_bar_01.jpg') no-repeat;
	height: 200px;
	margin-bottom:0px;
	font-size: 0;
}

#topBar1{
	background: #1a125b url('../images/topbars/info_topbar.jpg') no-repeat;
}

#topBar2{
	background: #1a125b url('../images/topbars/events_topbar.jpg') no-repeat;
}

#topBar3{
	background: #1a125b url('../images/topbars/academic_topbar.jpg') no-repeat;
}

#topBar4{
	background: #1a125b url('../images/topbars/exams_topbar.jpg') no-repeat;
}

#topBar5{
	background: #1a125b url('../images/topbars/students_topbar.jpg') no-repeat;
}

#topBar6{
	background: #1a125b url('../images/topbars/staff_topbar.jpg') no-repeat;
}

#topBar7{
	background: #1a125b url('../images/topbars/parents_topbar.jpg') no-repeat;
}

#topBar8{
	background: #1a125b url('../images/topbars/community_topbar.jpg') no-repeat;
}

#topBar9{
	background: #1a125b url('../images/topbars/news_topbar.jpg') no-repeat;
}

#topBarIct{
	background: #1a125b url('../images/topbars/ict_topbar.jpg') no-repeat;
}

#topBarArt{
	background: #1a125b url('../images/topbars/art_topbar.jpg') no-repeat;
}

#topBarEvents{
	background: #1a125b url('../images/topbars/community_topbar.jpg') no-repeat;
}

#topBarMusic{
	background: #1a125b url('../images/topbars/music_topbar.jpg') no-repeat;
}

#topBarMaths{
	background: #1a125b url('../images/topbars/maths_topbar.jpg') no-repeat;
}

#topBarPe{
	background: #1a125b url('../images/topbars/pe_topbar.jpg') no-repeat;
}

#topBarScience{
	background: #1a125b url('../images/topbars/science_topbar.jpg') no-repeat;
}

#topBarDrama{
	background: #1a125b url('../images/topbars/drama_topbar.jpg') no-repeat;
}

#topBarGeography{
	background: #1a125b url('../images/topbars/geography_topbar.jpg') no-repeat;
}

#topBarPshe{
	background: #1a125b url('../images/topbars/pshe_topbar.jpg') no-repeat;
}

#topBarHistory{
	background: #1a125b url('../images/topbars/history_topbar.jpg') no-repeat;
}

#topBarEnglish{
	background: #1a125b url('../images/topbars/english_topbar.jpg') no-repeat;
}

#topBarInclusion{
	background: #1a125b url('../images/topbars/inclusion_topbar.jpg') no-repeat;
}

#topBarMfl{
	background: #1a125b url('../images/topbars/mfl_topbar.jpg') no-repeat;
}
#topBarRe{
	background: #1a125b url('../images/topbars/re_topbar.jpg') no-repeat;
}
#topBarLearning{
	background: #1a125b url('../images/topbars/learning_topbar.jpg') no-repeat;
}


#topBarFlash{
	background-image: none;
}

#flashTop{
	/*background: #1a125b url('../images/topbars/flash_topslice.gif') no-repeat;*/
	width: 730px;
	padding: 0px 0px 0px 0px;
	margin:0;
}

#logo{
	float: left;
	width: 300px;
	background: url('../images/interface/logo_02.gif') no-repeat right;
	height: 130px;
	margin: 38px 0px 0px 15px;
	padding-left: 5px;
	/*padding-top: 15px;*/
}

#topLinks{
	float: right;
	width: 400px;
	padding:0;
	margin-top:170px;
	height:30px;
}


#homeLinks{
	float: right;
	width: 400px;
	margin:0;
	padding:0;
}

.topUL{
	text-align:right;
	font: bold 10px Trebuchet MS, trebuchet, arial;
	color: #b9cbe3;
	margin: 9px 0px 0px 0px;
	height:21px;
}

.topLI, .topLiNone{
	display: inline;
	padding: 0px 2px 0px 5px;
    background: url('../images/interface/top_bullet.gif') no-repeat 0 50%;
	color: #b9cbe3;
	
}

.topLiNone{
	background-image:none;
}

.topNav{
	font: bold 1.1em Trebuchet MS, trebuchet, arial;
	color: #e9edf7;
	text-decoration:none;
}

a:hover.topNav{ text-decoration:underline}


#nav{
	width: 760px;
	background: url('../images/interface/nav_full_grad.jpg') no-repeat;
	margin-left: 0px;
	height: 35px;
	padding-left: 23px;
}



/*------------Top Bar + Navigation-----------*/






/*------------Content-----------*/

#homeText{
	float:left;
	width: 550px;
	padding: 33px 0px 0px 30px;
	
}

.homeTableRight{
	float:right;
	margin: 0px 0px 10px 20px;
	
}

#contentText{
	float:left;
	width: 470px;
	padding: 20px 30px 0px 30px;
}

#breadCrumb{
	float:left;
	width: 480px;
	border-bottom: 1px solid #d5d7db;
	margin-left: 30px;
	padding: 8px 0px 0px 0px;
}

.noBorder{
	border:none;
}

.photoLeft{
	float:left;
	padding: 0px 10px 10px 0px;
}

.photoRight{
	float:right;
	padding: 20px 0px 10px 20px;
}

#homeNews{
background: #e1def6 url('../images/home-news-bg.jpg') repeat-x top left;
padding:5px 20px 20px 20px;
margin:30px 0px 30px 0px;
}

#homeNews a{
font-size: 1.1em;
text-decoration:none;
}

#homeNews p{
font-size: 1em;

}


#homeNews a:hover{
text-decoration:underline;
}

#newsLeftMargin{
float:left;
width:260px;
padding-right:5px;
font-family: Trebuchet MS, trebuchet, arial;
margin-bottom:20px;
height:90px;
}

#newsLeftMargin img{
float:left;
margin:0 10px 3px 0;
width:123px;
border: 1px solid #8a969c;
}

#newsLeftMargin p{
font-size:1em;
padding:3px 0px 0px 0px;
margin:0;
text-align:left;
}

#newsLeftMargin a{
color:#ab1349;
text-decoration:none;
font-weight:bold;
font-size:1em;

}

#newsLeftMargin a:hover{
text-decoration:underline;
}


#calendar-content{
margin-left: 25px;
}

/*------------Content-----------*/







/*------------Left Nav-----------*/


#leftNav{
	float:left;
	width: 190px;
	background-color:#ffffff;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom:20px;
}

#leftNavTop{
	background: #e1dff7 url('../images/interface/leftnav_top.jpg') no-repeat;
	height: 29px;
	padding:5px 0 0 17px;
}

#leftNavTop h1{
	font: bold 1em Trebuchet MS, trebuchet, arial;
	color: #898792;
}


#leftNavBottom{
	background: url('../images/interface/leftnav-bg.jpg') repeat-x 0 -300px;
	padding: 20px 10px 0px 20px;
	font-family: Trebuchet MS, trebuchet, arial;
}

#leftNavBottom img{
border: 2px solid #f6f6f6;
margin-bottom:15px;
margin-top:5px;
}

#leftNavBottom a{
color:#524895;
text-decoration:none;
font-weight:bold;
font-size:1em;
}

#leftNavBottom a:hover{
text-decoration:underline;
}

#leftNavBottom p{
color:#757677;
text-decoration:none;
font-weight:bold;
font-size:1em;
text-align:left;
margin:0;
padding:0;
}


a.ofsted {
margin-left:7px;
width: 146px;
height: 61px;
display: block;
background: url('../images/ofsted.gif') 0 0 no-repeat;
background-position: 0px 0px; 
text-decoration: none;
margin-bottom:15px;
}

a.ofsted:hover {
background-position: 0px -61px; 
}


#leftNavMiddle{
	background-color: #eceef1;
}

.lnavUL{
    font: bold 1em Trebuchet MS, trebuchet, arial ;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.lnavLI a, .lnavLIred a {
	color: #282065;
	display:block;
	background-color:#d0cdfa;
	border-left: 10px solid #bfbce5;
	margin: 1px 0px 1px 0px;
	padding: 5px 0px 5px 8px;
	text-decoration:none;
}

.lnavLI a:hover, .lnavLIred a:hover{
	background-color:#b3afec;
	border-left: 10px solid #8c89b8;
}

.lnavLIred a  {
	color:#ab1349;
}


/*------------Left Nav-----------*/










/*------------Left Content Photo-----------*/

#leftPhoto{
	float:left;
	width: 190px;
	background-color:#ffffff;
	height:300px;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 130px;
}

#leftPhotoTop{
	background: url('../images/interface/photo_top_grad.jpg') repeat-x;
	height: 29px;
}

#leftPhotoBottom{
	background: url('../images/interface/photo_btm_grad.jpg') repeat-x;
	height: 127px;
	padding: 20px 10px 0px 20px;
	font-family: Trebuchet MS, trebuchet, arial;
}

#leftPhotoBottom img{
border: 2px solid #ffffff;
margin-bottom:15px;
}

#leftPhotoBottom a{
color:#524895;
text-decoration:none;
font-weight:bold;
font-size:1em;
line-height:2em;
}

#leftPhotoBottom a:hover{
text-decoration:underline;
}

#leftPhotoBottom p{
color:#757677;
text-decoration:none;
font-weight:bold;
font-size:1em;
text-align:left;
margin:0;
padding:0;
}

a.ofstedContent {
margin-left:7px;
margin-bottom:10px;
width: 146px;
height: 61px;
display: block;
background: url('../images/ofsted-content.gif') 0 0 no-repeat;
background-position: 0px 0px; 
text-decoration: none;
}

a.ofstedContent:hover {
background-position: 0px -61px; 
}

#leftPhotoMiddle{
	background-color: #e1def6;
	padding-left: 15px;
}


/*------------Left Content Photo-----------*/










/*------------News Cont-----------*/

#newsCont{
	float:left;
	width: 210px;
	margin-top: 27px;
	background-color:#f3f4f6;
}

.newsTitle {
	display: block;
	width: 200px;
	font: bold 1.1em Trebuchet MS, trebuchet, arial;
	color: #223568;
	/*background: #c3d5e8 url('../images/rn_arrow_n.gif') no-repeat left center;*/
	background-color:#c3d5e8;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #ffffff;
	text-decoration:none;
	clear:both;
}

.newsTitle a:hover{
	background: #c3d5e8 url('../images/interface/rn_arrow_c.gif') no-repeat left center;
}

.newsPhoto{
	float:left;
	width: 65px;
	padding: 10px 10px 0px 10px;
}

.newsTextRight{
	width: 85px;
	padding-top: 7px;	
}


#clear{
	clear:both;
	width:300px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*------------News Cont-----------*/






/*------------Footer-----------*/

#footer{
	width: 750px;
	background-color:#ffffff;
	border-top: 1px dashed #999999;
	border-left: 19px dashed #ffffff;
	padding-left: 0px;
	margin-top:20px;
	padding-bottom:30px;
	float:left;
}

#footerCont1, #footerCont2, #footerCont3, #footerContLogo {
	float:left;
	width: 170px;
	padding: 10px 10px 0px 0px;
}

#footerCont2{
	width: 230px;
	padding: 10px 0px 0px 40px;
}

#footerCont3 {
	padding: 10px 0px 0px 30px;
	width: 270px;
	text-align:right;
}

#footerContLogo{
	padding: 110px 0px 0px 20px;
	background: url('../images/logos.gif') no-repeat right 30%;
	width: 270px;
	text-align:right;
}





/*------------Footer-----------*/